/* 컨텐츠 CSS */

/* 기본 */
.contents {font-size:15px; line-height:1.6; min-height:400px; padding-bottom:20px;}
.contents_intab {padding-left:20px;}
.dan1 {font-size:20px; line-height:30px; margin-top:50px; margin-bottom:10px; font-weight:500; color:#000; width:100%; border-left:5px solid #000; text-indent:10px; height:30px; }
.dan1:first-child {margin-top:20px;}
@media screen and (max-width: 991px) { /* 모바일모드 */
  .contents {min-height:auto;}
}




/* 인사말 */
.ceo {width:100%; position:relative; display:inline-block;}
.ceo .ceo_img{ float:left; width:25%; height:500px;}
.ceo .ceo_img img{width:100%; border:1px solid #ddd; }

.ceo .ceo_txt{ float:left; width:75%; padding:0 0px 0 50px; }
.ceo .ceo_txt h2 { display: inline-block; font-size:25px; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em;  margin-bottom:30px;}
.ceo .ceo_txt p { margin-bottom:30px; word-break : keep-all; text-align : justify; }
.ceo .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}

.ceo .ceo_txt_en{ float:left; width:75%; padding:0 50px; }
.ceo .ceo_txt_en h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; }
.ceo .ceo_txt_en p { margin-top:0px; word-break : keep-all; text-align : justify; }
.ceo .ceo_txt_en p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}

.ceo .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.ceo .ceo_sign img { margin-left:15px; vertical-align: middle;}

@media screen and (max-width: 768px) {
		.ceo .ceo_img { width:100%;  text-align:center;  height:auto;  }
	.ceo .ceo_img img { width:60%;height:auto;}

	.ceo .ceo_txt{ width:100%; padding:0; margin-top:50px;}
	.ceo .ceo_txt_en{ width:100%; padding:0; margin-top:50px;}


}


.forum {line-height:200%; padding-top:50px;}
.forum div {margin-top:30px; }
.forumTit {font-weight:bold; font-size:24px; line-height:120%;}






.history_top { width:120px; height:120px; padding-top:27px; margin:30px auto; line-height:22px; font-size:1.5em; text-align:center; color:#fff;  background:#333; border-radius: 50%; }


.timeline { position: relative; font-size: 1em; width: 100%;  margin:30px auto; overflow-y: hidden; overflow-x: hidden;}
.timeline .timeline-block {margin-top:-4px;}
.timeline .timeline-icon {position:absolute; width: 12px; height: 12px; left: 50%; margin-left: -6px; margin-top:10px; border: 3px solid #4e9cdd; border-radius: 100%; background-color: #fff; text-align: center; }
.timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
.timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
.timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; }
.timeline .timeline-icon img { border-radius: 100%; }
.timeline .timeline-content { position: relative; width: 46%; padding-bottom:50px; line-height: 25px; }
.timeline .timeline-content .bar_count { font-size:1.5em; color:#000; margin-bottom:10px;}
.timeline .timeline-content ul li {width:100%;}
.timeline .timeline-content ul li img{width:100%; margin-top:5px; margin-bottom:15px;}
.timeline::before { position: absolute; width: 1px; height: 100%; top:0px; left: 50%; margin-left: -1px; background-color: #eee; content: ""; }/* Half of width */
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; }
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }





/* 찾아오시는길 */
.mapList {width:100%; display:inline-block;}
.mapList li {float:left; width:33.33%; padding:5px; position:relative;}
.mapArea {border:1px solid #ddd; min-height:520px; position:relative; padding:10px;}

.mapTit {width:100%; text-align:center; font-size:20px; color:#2f2f2f; padding-bottom:20px; margin-top:20px; font-weight:bold; border-bottom:1px solid #ddd; margin-left:auto; margin-right:auto;}
.mapIco {width:100%; height:60px; margin-top:10px;}
.mapIco01 {background:url(/images/icon/map_icon_car.jpg) no-repeat 50% 50%;}
.mapIco02 {background:url(/images/icon/map_icon_bus.jpg) no-repeat 50% 50%;}
.mapIco03 {background:url(/images/icon/map_icon_sub.jpg) no-repeat 50% 50%;}

.mapList li dl {margin-top:10px; width:100%; box-sizing:border-box;}
.mapList li dl dt {clear:both;  margin-top:20px; font-size:16px; color:#333; font-weight:500;}
.mapList li dl dd {clear:both;  margin-top:5px;color:#686868; }

@media screen and (max-width: 991px) {
  .mapList li {width:100%;}
  .mapArea { position:relative; min-height:auto;}

  .mapList li dl dd br {display:none;}
}

/* 행사안내 */
.info {width:100%; position:relative; display:inline-block;}
.info .info_tit{ float:left; width:30%; font-size:26px; text-align:center; position:relative; padding-bottom:200px; letter-spacing:-0.8;}
.info .info_tit span {color:#21b8ce;}
.info .info_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:50%; }


.info .info_txt{ float:right; width:68%;}
.info .info_txt h2 { display: inline-block; font-size:20px; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; font-weight:500;}
.info .info_txt p { margin-bottom:30px; word-break : keep-all; text-align : justify; }
.info .info_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}

@media screen and (max-width: 1024px) {
	.info .info_tit { width:100%;  text-align:center;  height:auto; padding-bottom:40px; }
  .info .info_tit:after {height:40px;}
	.info .info_txt{ width:100%; padding:0; margin-top:50px;}
}




.infoStr {width:100%;position:relative; display:inline-block;}
.infoStrL {float:left; width:20%;position:relative;}
.infoStrL img {max-width:100%; border:1px solid #ddd;}
.infoStrR {float:right; width:77%;position:relative;}



.infotable             {border-top:3px solid #1d489e; border-bottom:3px solid #1d489e; border-collapse:collapse; background:#FFFFFF; font-size:15px;}
.infotable th          {border-left:0px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; padding-top:13px; padding-bottom:13px; text-align:center; width:15%;}
.infotable td          {border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-top:13px; padding-bottom:13px; padding-left:10px; width:*;}

@media screen and (max-width: 768px) {
  .infotable             {font-size:14px;}
  .infotable th          {width:80px;}

.infoStrL {float:none; text-align:center; width:100%;}
.infoStrR {float:none; width:100%; margin-top:20px;}

}
.poster {text-align:center;}
.poster img {max-width:900px;}

.infoPoster {width:100%; display:inline-block; margin-top:20px;}
.infoPoster ul li.emb   {float:left; width:72%;}
.infoPoster ul li.poster {float:right; width:26%;}
.infoPoster ul li img {max-width:100%;}

@media screen and (max-width: 768px) {
.infoPoster ul li.emb   {width:100%;}
.infoPoster ul li.poster {width:100%; margin-top:20px;}
}

/* 프로그램 */
	.schtable{width:100%; border-collapse: collapse; border:0px solid #ddd; border-bottom:0px;}

	.schtable tr th{height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:16px; color:#FFFFFF;  background:#005bac;}
	.schtable tr td{border-bottom:1px solid #ddd; padding-left:0px; height:45px; text-align:left; font-size:15px;}
	.schtable tr td.vchk1    {text-align:center; }
	.schtable tr td.vchk2    {font-weight:bold; text-align:center;}
	.schtable tr td.vchk2_1    {font-weight:bold; text-align:left;}
	.schtable tr td.vchk3    {text-align:left;}
	.schtable tr td.vchk4    {text-align:center; font-weight:bold;  background:#67befa; color:#FFFFFF;}
	.schtable tr td.vchk4_1   {text-align:left; font-weight:bold;  background:#67befa; color:#FFFFFF;}
	.schtable tr td.vchk5    {text-align:center; background:#f2f2f2;}
	.schtable tr td.vchk6    {text-align:center; background:#f2f2f2; font-weight:bold;}
	.schtable tr td.vchk6_1    {text-align:left; background:#f2f2f2; font-weight:bold;}


@media screen and (max-width: 991px) {
	.schtable tr th{font-size:12px;}
	.schtable tr td{font-size:11px;}
}


.schBottom {text-align:right;font-size:13px; margin-top:10px;}

.table_info             {border-top:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; border-collapse:collapse; background:#FFFFFF;  font-size:15px;}
.table_info th          {text-align:center; font-weight:bold; color:#FFFFFF;  background:#1d489e; padding:10px 0px;}
.table_info td          {border-bottom:1px solid #C5C5C5; padding:10px 0px; text-align:center;}
.table_info td.left     {padding-left:20px; text-align:left;}
.table_info td.bg1      {background:#f7f7f7;}

.table_info tr.bg_brk      {background:#e7fbe1;}
.table_info tr.bg_mov      {background:#fdc689;}
.table_info tr.bg_ses      {background:#074992; color:#FFF;}

@media screen and (max-width: 991px) {
  .table_info             {font-size:13px;}
}


/* 강연자 */
.modal-open {padding-left:0px; padding-right:0px;}


.spkPop { width:960px; position: relative; min-height:540px; clear:both; padding:117px 54px 0px 110px; }

.spkPcontH2 {max-height:230px;}
.spkPcontH3 {max-height:205px;}
.spkPcontH4 {max-height:185px;}

.spkPop .spkPimg { float:left; width:310px; height:345px; overflow:hidden;  border:1px solid #ddd;}
.spkPop .spkPimg img {width:100%;}
.spkPop .spkPname {float:right; width:440px; font-weight:bold; color:#000; line-height:50px; font-size:30px; letter-spacing:0; border-top:1px solid #000;  border-bottom:1px solid #000; background:#ececec; padding:0px 10px;}
.spkPop .spkPjik {float:right; width:440px; font-size:19px; line-height:1.2;   letter-spacing:-1; border-bottom:1px solid #e5e5e5; padding:10px 10px; }
.spkPop .spkPcont {float:right; width:440px; letter-spacing:-1; line-height:1.5; font-size:16px; overflow-y:auto;  height:250px; padding:10px; border-bottom:1px solid #ddd;}
.spkPop .spkPcont span {margin-top:10px;}



.spkPopBG2021 {  background:url(/images/program/speaker2021_background.jpg) left top no-repeat;}
.spkPopBG2020 {  background:url(/images/program/speaker2020_background.jpg) left top no-repeat;}
.spkPopBG2019 {  background:url(/images/program/speaker2019_background.jpg) left top no-repeat;}
.spkPopBG2018 {  background:url(/images/program/speaker2018_background.jpg) left top no-repeat;}
.spkPopBG2017 {  background:url(/images/program/speaker2017_background.jpg) left top no-repeat;}
.spkPopBG2016 {  background:url(/images/program/speaker2016_background.jpg) left top no-repeat;}


@media screen and (max-width: 1020px) {
  .modal {width:calc(100% - 10px); padding:0px;}

  .spkPop { width:100%; height:550px; min-height:auto; clear:both; padding:90px 5px 5px 5px; }
  .spkPop .spkPimg { float:none; width:160px; height:180px; overflow:hidden;  border:1px solid #ddd; margin-left:auto; margin-right:auto; text-align:center;}
  .spkPop .spkPimg img {width:100%; height:100%;}
  .spkPop .spkPname {float:none; width:100%; font-weight:bold; color:#000; line-height:37px; font-size:20px; letter-spacing:0; border-top:1px solid #000;  border-bottom:1px solid #000; background:#ececec; padding:0px 10px; margin-top:22px; text-align:center;}
  .spkPop .spkPjik {float:none; width:100%; font-size:15px; line-height:1;  letter-spacing:-1; border-bottom:1px solid #e5e5e5; padding:10px 10px; text-align:center;}
  .spkPop .spkPcont {float:none; width:100%; letter-spacing:-1; line-height:1.5; font-size:14px; overflow-y:auto;  height:160px; padding:10px; border-bottom:1px solid #ddd;}

  .modal a.close-modal {width:20px; height:20px; background-size:20px; top:5px; right:5px;}
.blocker {padding:10px;}
  .spkPopBG2021 {  background:url(/images/program/speaker2021_background_mb.jpg) center top no-repeat;}
  .spkPopBG2020 {  background:url(/images/program/speaker2020_background_mb.jpg) center top no-repeat;}
  .spkPopBG2019 {  background:url(/images/program/speaker2019_background_mb.jpg) center top no-repeat;}
  .spkPopBG2018 {  background:url(/images/program/speaker2018_background_mb.jpg) center top no-repeat;}
  .spkPopBG2017 {  background:url(/images/program/speaker2017_background_mb.jpg) center top no-repeat;}
  .spkPopBG2016 {  background:url(/images/program/speaker2016_background_mb.jpg) center top no-repeat;}

  .spkPcontH2 {max-height:150px;}
  .spkPcontH3 {max-height:140px;}
  .spkPcontH4 {max-height:125px;}

}






.spkPop2021 {
width:960px;
  position: relative;
  min-height:600px;
  clear:both;

background:url(/images/common/popup_leftbg.jpg) left top no-repeat;
background-color:#ececec;
  }

.spkPop2021 dl { width:100%; position:relative; display:inline-block; margin-top:80px;}
.spkPop2021 dl dt { float:left; width:350px; text-align:center;font-size:15px; line-height:1.5; padding-left:10px; padding-right:10px;}
.spkPop2021 > dl > dt > img {text-align:center; margin-left:auto; margin-right:auto;  width:225px; margin-bottom:20px;}
.spkPop2021 > dl > dt > span {font-weight:600; font-size:30px; line-height:2; }

.spkPop2021 dl dd { float:right; width:560px; line-height:1.6; font-size:15px; letter-spacing:-0.6px; margin-right:30px; margin-bottom:30px; overflow-y:auto; height:500px;}
.spkPop2021 > dl > dd > span {font-weight:bold; color:#002d1f; line-height:50px; font-size:25px; letter-spacing:0;}
.spkPop2021 > dl > dd > .pd1 {padding-left:74px;}
.spkPop2021 > dl > dd > .pd2 {padding-left:128px;}


@media screen and (max-width: 1020px) {
.modal {width:calc(100% - 10px); padding:0px;}
.spkPop2021 {  position: relative;  clear:both;background:url(/images/common/modal_bg4.jpg) left top no-repeat;height:420px;padding:40px 15px 40px 15px;width:100%;  min-height:420px;}
.spkPop2021 dl {width:100%; margin-top:0px;}
.spkPop2021 dl dt { text-align:left; font-size:14px; padding-left:125px; height:140px; padding-top:20px; width:100%; line-height:1.5}
.spkPop2021 > dl > dt > img {position:absolute; width:115px; margin-left:-125px; margin-top:-20px;}
.spkPop2021 > dl > dt > span {font-weight:600; font-size:15px; line-height:2}

.spkPop2021 dl dd { width:100%; line-height:1.5; font-size:13px; letter-spacing:-0.5px; border:1px solid #C5C5C5; overflow-y:auto; height:220px; background:#ececec; margin-right:0px; padding:10px;}
.spkPop2021 > dl > dd > span {font-weight:bold; color:#0a3629; font-size:14px; line-height:1.8}

.spkPop2021 > dl > dd > .pd1 {padding-left:62px;}
.spkPop2021 > dl > dd > .pd2 {padding-left:110px;}

.spkPop2021 > dl > dd > p > br {display:none;}
.spkPop2021 > dl > dd > p > span > br {display:none;}
.spkPop2021 > dl > dd > p > span {display:inline-block;}


.spkPop2021 h1 {font-size:20px; font-weight:bold; padding:0px 0 10px 0; color:#005bac; letter-spacing:0px;}
.spkPop2021 h2 {font-size:15px; margin-bottom:20px; font-weight:bold; letter-spacing:0px;}
.spkPop2021 h3 {font-weight:bold; margin-top:15px; font-size:15px; margin-bottom:5px; letter-spacing:0px; color:#005bac;}


//.modal a.close-modal {width:30px; height:30px; background-size:30px;}

}





.spkList2021 {width:100%; display:inline-block;}
.spkList2021 ul {margin-left:-50px;}
.spkList2021 li {float:left;position:relative; width:calc(25% - 50px); height:385px; font-size:13px; margin-left:50px;  margin-bottom:50px; text-align:center; letter-spacing:-1px; cursor:pointer; transition: all 0.5s;  overflow:hidden; border-bottom:1px solid #ddd;}
.spkList2021 li .spkimg			{line-height:0; width:100%; height:calc(100% - 95px); overflow:hidden; position:relative; padding:5px; border:1px solid #ddd;}
.spkList2021 li .spkimg img	{width:100%; }
.spkList2021 li .spkname		{font-weight:600; padding-top:5px; padding-bottom:5px; line-height:35px; font-size:20px; text-align:center; letter-spacing:-1px; height:35px;}
.spkList2021 li .spkjik			{width:100%; font-size:13px; line-height:18px; height:60px; padding:5px 10px;}
.spkList2021 li a {color:#000;}
.spkList2021 li a:hover  {color:#077fcf;}

.spkList2021 li .spkimg .spkList2021OverlayerE { transition: transform .3s, border .3s; position: absolute; top: 0px; left: 0px; z-index: 1;width: 100%; height:100%; }
.spkList2021 li .spkimg:hover .spkList2021OverlayerE { border:12px solid #e80014;}

.spkList2021 li .spkimg .spkList2021Overlayer { transition: transform .3s, border .3s; position: absolute; top: 0px; left: 0px; z-index: 1;width: 100%; height:100%;  box-sizing:border-box;}
.spkList2021 li .spkimg:hover .spkList2021Overlayer { border:12px solid #DB4B2E;}
.spkList2021 li .spkimg:hover .spkList2021Overlayer2 { border:12px solid #1B9D79;}
.spkList2021 li .spkimg:hover .spkList2021Overlayer3 { border:12px solid #3D5BA0;}
.spkList2021 li .spkimg:hover .spkList2021Overlayer4 { border:12px solid #96617A;}


//.spkList2021 li:hover .spkimg img	{ transform:scale(1.2); }


@media screen and (max-width: 1199px) {
  .spkList2021 ul {margin-left:-20px;}
  .spkList2021 li {width:calc(25% - 20px); margin-left:20px; margin-bottom:20px; height:360px;}

  .spkList2021 li { height:auto;}
  .spkList2021 li .spkimg			{height:auto;}
}
@media screen and (max-width: 980px) {
  .spkList2021 li {width:calc(33.33% - 20px); }
}

@media screen and (max-width: 762px) {
  .spkList2021 ul {margin-left:-5px;}
  .spkList2021 li {width:calc(50% - 5px);  margin-left:5px; margin-bottom:20px;}

.spkList2021 li .spkname		{ font-size:18px;}



}

@media screen and (max-width: 425px) {
.spkList2021 li .spkjik {font-size:12px; height:80px;}
}

@media screen and (max-width: 350px) {
  .spkList2021 ul {margin-left:0px;}
  .spkList2021 li {width:calc(100%);  margin-left:0px;}
  .spkList2021 li .spkjik {font-size:12px; height:auto;}
}










.schedule2021 {width:100%; margin-top:30px;}


.spkPop2020 { width:620px; position: relative; background:url(/images/common/speaker_bg.jpg) center top no-repeat; padding:110px 50px 0px 70px; min-height:720px; margin-left:auto; margin-right:auto; text-align:left; }
.spkPop2020 .spkPimg {float:left;width:200px; height:220px; overflow:hidden; border:1px solid #ddd;}
.spkPop2020 .spkPimg img {width:100%; min-height:100%;}
.spkPop2020 .spkPname {float:left; font-size:26px; padding-left:20px; font-weight:bold; margin-top:0px; display:inline-block; width:calc(100% - 200px);}
.spkPop2020 .spkPnameE {float:left; font-size:20px; padding-left:20px; font-weight:bold; display:inline-block; width:calc(100% - 200px); color:#79797B; margin-bottom:10px;}
.spkPop2020 .spkPjik {float:left;padding-left:28px; font-size:16px; display:inline-block; width:calc(100% - 200px); line-height:1.5;}
.spkPop2020 .spkPjik span {margin-left:-8px;}
.spkPop2020 .spkPcont {clear:both;width:100%; padding-top:20px; font-size:15px; overflow:hidden; line-height:1.4}
.spkPop2020 .spkPcont span {font-weight:bold; color:#1d489e; line-height:30px;}

.spkPop2020 .popclose {position:absolute; top:10px; right:20px; width:40px; height:40px; background:url('/images/pop_bt_close.png') center top no-repeat; background-size:100%;}

@media screen and (max-width: 991px) {
  .spkPop2020 { padding:110px 20px 0px 20px; }
}

@media screen and (max-width: 572px) {
  .spkPop2020 { padding:20px 20px 20px 20px; background:#fff; min-height:auto; }
  .spkPop2020 .spkPimg {float:none;width:200px; height:220px; overflow:hidden; border:1px solid #ddd; margin-left:auto; margin-right:auto;}
  .spkPop2020 .spkPimg img {width:100%; min-height:100%;}
  .spkPop2020 .spkPname {float:none; width:100%; font-size:16px; padding-left:0px; font-weight:bold; margin-top:10px; display:inline-block; text-align:center;}
  .spkPop2020 .spkPnameE {float:none; width:100%; font-size:14px; padding-left:0px; font-weight:bold; display:inline-block; text-align:center;}
  .spkPop2020 .spkPjik {float:none;padding-left:0px; font-size:14px; display:inline-block; width:100%; text-align:left; }
}


/* 신청하기 */
.cont_group {width:100%; display:inline-block; border-bottom:1px solid #ddd; padding:50px 0px;}
.cont_group .cont_left {width:30%; float:left; text-align:left;}
.cont_group .cont_left .cont_title {font-size:20px; font-weight:700; color:#000; text-align:left;}
.cont_group .cont_right {width:70%; float:left;}
.cont_group .cont_right ul li {position:relative; padding-left:25px; line-height:1.8; margin-bottom:20px; word-break:keep-all;}
.cont_group .cont_right ul li .num {font-weight:700; position:absolute; left:0px;}
.cont_group .cont_right ul li .txt_str {color:#174cac; }
.cont_group .bak_str {color:#3375C0; margin-top:20px; background:#f1f7fb; padding:5px 25px; font-weight:500;word-break:keep-all; }


	@media screen and (max-width: 768px){
		.cont_group .cont_left {width:100%;}
		.cont_group .cont_right {width:100%; margin-top:30px; }

	}

	@media screen and (max-width: 600px) {
  	.cont_group .cont_right table tr td {font-size:0.7em; }
	  .cont_group .cont_right ul li .btnP { width:150px; line-height:38px; margin-right:5px; font-size:0.9em; margin-top:10px; }

	}




.accect_info_list {color:#000; display:inline-block; font-size:15px; width:100%;}
.accect_info_list li {width:calc(25% - 20px); height:80px; float:left; margin-left:20px; text-align:center; letter-spacing:-1px;border-top:2px solid #1d489e; line-height:40px; border-bottom:1px solid #d0d0d0;}
.accect_info_list li:first-child {margin-left:0px; width:25%;}
.accect_info_list li .top {font-size:17px; line-height:40px; font-weight:bold; background:#f5f5f5; display:block; border-bottom:1px solid #d0d0d0;}

@media screen and (max-width: 991px) {
  .accect_info_list li {width:calc(50% - 20px); margin-bottom:20px;}
  .accect_info_list li:nth-child(1) {margin-left:0px; width:50%;}
  .accect_info_list li:nth-child(3) {margin-left:0px; width:50%;}
}
@media screen and (max-width: 600px) {
  .accect_info_list li, .accect_info_list li:first-child, .accect_info_list li:nth-child(1), .accect_info_list li:nth-child(3) {width:100%; margin-bottom:20px; margin-left:0px;}
}

.accept_list {width:100%; position:relative; display:inline-block;}
.accept_list ul > li {float:left; width:calc(25% - 20px); margin-left:20px; text-align:center; border-top:2px solid #1d489e;}
.accept_list ul > li:first-child {margin-left:0px; width:25%; }
.accept_list ul > li > div {height:40px; text-align:center; line-height:40px; font-size:17px; background:#f5f5f5; border-bottom:1px solid #d0d0d0; font-weight:bold;}

.accept_list a {display:block; border-bottom:1px solid #DDD; line-height:40px; font-size:15px;}

@media screen and (max-width: 991px) {
.accept_list ul > li {width:calc(50% - 20px); margin-bottom:20px;}
.accept_list ul > li:nth-child(1) {margin-left:0px; width:50%;}
.accept_list ul > li:nth-child(3) {margin-left:0px; width:50%;}
}

@media screen and (max-width: 600px) {
  .accept_list ul > li,   .accept_list ul > li:first-child, .accept_list ul > li:nth-child(1), .accept_list ul > li:nth-child(3) {width:100%; margin-left:0px; margin-bottom:20px;}
}

.accept_company {width:100%; display:inline-block; position:relative;  margin-bottom:20px;}
.accept_companyL {width:50%; float:left;}
.accept_companyR {width:50%; float:right;}
.accept_company_head {text-decoration:none; font-weight:bold;}

@media screen and (max-width: 991px) {
  .accept_companyL {width:100%; float:none; margin-bottom:20px;}
  .accept_companyR {width:100%; float:none;}
}

.topspeaker {width:100%;}
.topspeaker li {float:left; width:25%;}

@media screen and (max-width: 600px) {
  .topspeaker li {width:50%;}
}


.searchArea {width:350px; margin-left:auto; margin-right:auto; border:1px solid #ddd; padding:30px;}
.searchArea div {margin-bottom:10px;}
.searchArea div input {height:35px;}



/* 해쉬리스트 */
.hashLayer {background:#d2d2d2; height:40px; overflow:hidden; position:relative; padding:5px;}
.hashLayer li {float:left; margin-left:5px; background-color:#777777; color:#fff; line-height:30px; padding-left:10px; padding-right:10px; font-size:14px; margin-bottom:10px; border-radius:3px;}
.hashLayer a {color:#FFF;}



/* 후원 */
.sponsor    {display:inline-block; margin-bottom:10px; width:100%;}
.sponsor ul {display:block;}
.sponsor li {float:left; margin-bottom:15px; width:20%; text-align:center;}
.sponsor li img {width:220px;  border:1px solid #D0D0D0; border-radius:10px;}


@media screen and (max-width: 1199px) { /* PC1200 */
  .sponsor li {width:25%;}
}
@media screen and (max-width: 991px) { /* 모바일모드 */
  .sponsor li {width:33.333%;}
}
@media screen and (max-width: 650px) { /* 모바일 가로 */
  .sponsor li {width:50%;}
}
@media screen and (max-width: 470px) { /* 모바일 */
.sponsor li img {width:90%;}
}


/* 회원가입 */
.join {margin:0 auto}
.join:after {display:block;visibility:hidden;clear:both;content:""}

.join .join_head {position:relative;text-align:center;color:#000;height:50px;line-height:50px;font-size:1.1em;background:#f7f7f7;margin:0 0 10px;border-radius:5px;font-weight:500}
.join .join_head:before {content:"";position:absolute;top:0;left:0;width:0px;height:50px;border-radius:5px 0 0 5px;background:#da4453}

.join section {margin:10px auto 15px;border:1px solid #ddd;position:relative;border-radius:3px}
.join h2 {text-align:left;padding:20px;border-bottom:1px solid #ececec;font-size:1.2em}
.join textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}

.join_agree {position:absolute;top:0;right:0}
.join_agree input[type="checkbox"] + label {color:#676e70}
.join_agree input[type="checkbox"] + label:hover {color:#2172f8}
.join_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.join_agree input[type="checkbox"]:checked + label {color:#000}
.join_agree input[type="checkbox"]:checked + label span {background:url('/images/icon/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px glyphicon glyphicon-ok}
.join_agree .chk_all input[type="checkbox"] + label span {top:18px}
.join_chkall {position:relative;text-align:center;background:#f5f7fa;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px; text-align:left;padding:20px;font-size:1.2em}}

#fjoin_private {position:relative}
#fjoin_private div {padding:20px;background:#fff}
#fjoin_private table {width:100%;border-collapse:collapse}
#fjoin_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fjoin_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fjoin_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.select_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}




/* 영문 overview */
.overview_list {width:100%; position:relative; display:inline-block;}
.overview_list ul > li {float:left; width:calc(25% - 10px); margin-left:10px; text-align:center; border-top:2px solid #1d489e; border-bottom:1px solid #ddd; min-height:110px; margin-bottom:20px; line-height:1.5}
.overview_list ul > li:first-child {width:100%; min-height:80px; margin-left:0px;}
.overview_list ul > li:nth-child(2) {margin-left:0px; width:25%;}

.overview_list ul > li > div {height:40px; text-align:center; line-height:40px; font-size:17px; background:#f5f5f5; border-bottom:1px solid #d0d0d0; font-weight:bold; margin-bottom:5px;}
.overview_list a {display:block; border-bottom:1px solid #DDD; line-height:40px; font-size:15px;}

@media screen and (max-width: 1200px) {
.overview_list ul > li {width:calc(50% - 10px);}
.overview_list ul > li:nth-child(2) {margin-left:0px; width:50%;}
.overview_list ul > li:nth-child(4) {margin-left:0px; width:50%;}
}

@media screen and (max-width: 778px) {
.overview_list ul > li, .overview_list ul > li:nth-child(2), .overview_list ul > li:nth-child(4) {width:100%; margin-left:0px; min-height:80px;}

}


.support    {display:inline-block; margin-bottom:10px; width:100%;}
.support ul {display:block;}
.support li {float:left; margin-bottom:15px; width:25%; text-align:center; padding:5px;}
.support li img {width:240px;  border:1px solid #D0D0D0; border-radius:10px;}

@media screen and (max-width: 1199px) { /* PC1200 */
  .support li {width:25%;}
}
@media screen and (max-width: 991px) { /* 모바일모드 */
  .support li {width:33.333%;}
}
@media screen and (max-width: 650px) { /* 모바일 가로 */
  .support li {width:50%;}
}
@media screen and (max-width: 470px) { /* 모바일 */
.support li img {width:90%;}
}