@charset 'utf-8';
/* 폰트 */
/* font-family: Noto Sans KR 노토산스 */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* 리셋 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textare
a,button,select{margin:0;padding:0}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family: 'Noto Sans KR', 'Malgun Gothic','NanumSquare', '맑은 고딕', Dotum, 돋움, sans-serif;}
header,main,footer,nav {display:flex;}
body{width: 100%; margin:0 auto; position:relative;-webkit-text-size-adjust:none; overflow-x: hidden;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
table{border-collapse:collapse}
hr{display:none !important}
button {border:0; background:none;}


/* 공통 */

.col {font-weight:bold; color:#23384e; transform: skew(
1deg
 );}
.small {font-size: 12px;}
.font14 {font-size: 14px; font-weight: 300;}
.margin-right30 {margin-right: 30px !important;}
.vertical-align-top {vertical-align: top;}


.flex {display: flex;}
.row {flex-direction: row; }
.column {flex-direction: column;}
.flex_item-top { margin-top: auto;} /* 하단? 정렬 */
.flex-item-left{ margin-left:auto; } /* 오른쪽 정렬 */
.flex-item-right{ margin-right:auto; } /* 왼쪽 정렬 */
.flex-item-center{ margin:0 auto; }/* 가운데 정렬 */


/* 교차축에 대한 정렬 */
.flex-item-align-start {align-content:flex-start;}
.flex-item-align-center {align-content:center;}
.flex-item-align-end {align-content:flex-end;}
.flex-item-align-space-between {align-content:space-between;}
.flex-item-align-space-around {align-content:space-around;}
.flex-item-align-space-evenly {align-content:space-evenly;}
.flex-item-align-stretch {align-content:stretch;}
.flex-item-align-space-around {justify-content:space-around}

.justify-content-flex-end {justify-content:flex-end}
.justify-content-flex-center {justify-content:center}
.justify-content-flex-start {justify-content:flex-start}
.justify-content-flex-space-between {justify-content:space-between}

.align-self-stretch {align-self: stretch;}

.flex-container-column { display: flex; flex-direction: column;}
.flex_container-center { display: flex;align-items: center;}

.flex-wrap-wrap  {flex-wrap: wrap;}

/* 아이ㅏ텐 너비 */
.flex-item-grow-1 {flex-grow: 1;}
.flex-item-grow-0 {flex-grow: 0;}
.flex-item-basis{flex-basis:50%;}

/* 헤딩태그 */
h2 {font-size:74px ; font-weight: bold;  font-family: 'NanumSquare', sans-serif;color: #dd4d20;}
h3 { line-height: 20px; font-weight: bold;  font-family: 'NanumSquare', sans-serif; font-size:28px ;  color: #3c3736;}
h4 { line-height: 20px; font-weight: bold; font-size: 19px ; color: #333131;}
h5 { line-height: 20px; font-weight: bold; font-size: 0.93em ; color: #fff;}

header {height: 0px; text-indent: -999em;}
main { position:relative; z-index:1; }
/* nav */
nav {width: 100%; height: 65px; position: relative; background: #fff; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, sans-serif; z-index: 999; box-shadow: -1px 4px 7px -2px #a0a0a0; opacity: 1;}
.nav_gnb {width:1280px; margin:0 auto; }
.nav_gnb::after {content: ''; display: block; clear: both;}
nav .top_logo {padding:10px 0 10px 0; float: left;}
nav .gnb {padding:20px 0 0 0; float: right;}
nav .gnb li {padding-right: 25px;}
nav .gnb li:last-child {padding: 0;}
nav .gnb li a {font-size:18px; color:#333131;}
nav .gnb li a:hover {font-weight: bold;}
nav .gnb li a:active {font-weight: bold;}
nav .gnb li a.active {font-weight: bold;}
/* visual */
.visual {width: 100%; min-height: 400px; background:#f3f6f6;  font-family: 'NanumSquare', sans-serif; }
/*.bg_visual {background-size:702px 396px; background-image: url(../images/stockforum/bg_visual.png); background-repeat: no-repeat; background-position:center;}*/
.visual_box {width: 1280px; min-height: 400px; margin:0 auto; }
.visual img {max-width: 100%;}
span.title_band {margin: 60px 0 10px 0; padding:7px 9px; display:inline-block; border-radius: 10px; box-sizing: border-box; background: #dd4d20; font-size:19px; font-weight: bold; color: #fff;}
span.sub_text {margin-top: 10px; display:block; line-height: 1.5; font-size: 16px;}

/* section01 행사개요 */
#section01 {padding: 30px 0 10px 0; font-family: 'NanumSquare', sans-serif; transform: skew( 1deg);}
#section01 .summary {max-width:1280px; margin:0 auto;}
#section01 .summary ul {padding: 20px 0 10px 0;}
#section01 .summary ul li {margin-bottom: 20px;}
#section01 .summary ul li span.title {width:100px; padding:7px 9px; display:inline-block; border-radius: 10px; box-sizing: border-box; background: #eef6ff; text-align:center; vertical-align: middle;letter-spacing: -1px;  font-size: 18px; font-weight: bold;}
#section01 .summary ul li span.text {margin-left: 10px; vertical-align: middle;}

/* section02 프로그램안내 */
#section02 {padding: 20px 0 10px 0;  transform: skew( 1deg);}
#section02 .program {max-width:1280px; margin:0 auto;}
#section02 .program h3 {margin-bottom: 20px;}
#section02 .program table {width:100%; font-family: 'NanumSquare', sans-serif;}
#section02 .program table thead th {padding:6px 0; background:#eef6ff; text-align:center; font-size:22px; font-weight:bold;}
#section02 .program table tbody td {padding:8px 10px; border: 2px #eef6ff solid; line-height: 1.5; font-size:15px;}
#section02 .program table tbody td.center {text-align:center;}
#section02 .program table tbody td.left {text-align:left;}

.border-none-top {border-top:none !important; }
.border-none-right {border-right:none !important; }
.border-none-bottom {border-bottom:none !important; }
.border-none-left {border-left:none !important; }
.padding-none {padding: 0 !important;}

/* section03 강연,연사자 */
#section03 {width: 100%; margin-top: 20px; background:#eef6ff; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, sans-serif;}
#section03 .teacher {max-width:1280px; margin:0 auto; padding: 30px 0 0 0;}
#section03 .teacher h3 {}
#section03 .teacher ul {width: 100%; padding:15px 0;}
#section03 .teacher ul::after {content: ''; display: block; clear: both;}
#section03 .teacher ul::after {content: ''; display: block; clear: both;}
#section03 .teacher ul li { width: 25%; margin-top: 10px; display: block; float: left; text-align: center;}
#section03 .teacher ul li::after {content: ''; display: block; clear: both;}
#section03 .teacher ul li .left {width: 235px; height: auto; display:inline-block; text-align: center;}
#section03 .teacher ul li .left strong.col {display:block; font-size: 24px;}
#section03 .teacher ul li .left i {display: inline-block; vertical-align: middle; text-align: center;}
#section03 .teacher ul li .right {width: 300px; margin-top: 10px; display:inline-block; vertical-align: middle;}
#section03 .teacher ul li .right dl {display: block; text-align: left;}
#section03 .teacher ul li .right dl dt {margin-bottom: 5px;18px; font-weight:bold;}
#section03 .teacher ul li .right dl dd {margin-top: 10px; margin-bottom: 5px; font-size: 13px; font-weight:300;}

/* section04 관련사진 */
#section04 {width: 100%; margin-top: 10px; background:#fff; }
#section04 .potto {max-width:1280px; margin:0 auto; padding: 30px 0 25px 0;}
#section04 .potto ul {padding:15px 0;  display: flex; flex-wrap: wrap;}
#section04 .potto ul li {width:408px; height: 232px; margin:9px;  display: flex; flex-wrap: wrap;}
#section04 .potto ul li span.thumb {width:100%; height: 232px; position: relative; border:solid 1px #ddd; text-align:center;}
#section04 .potto ul li img {max-width: 100%; height: auto; vertical-align: top;}
#section04 .potto button {width: 358px; height:45px; margin:0 auto; display:block; line-height: 51px; border:1px #e0e0e0  solid; box-sizing:border-box; letter-spacing: -1px; font-size:18px; color:#5d5d5d; cursor: pointer;}
#section04 .potto button:hover {background:#f7f7f7;}
#section04 .potto button i {margin-left: 5px; display:inline-block; vertical-align:top;}

/* section05 관련영상 */
#section05 {width: 100%; margin-top: 10px; background:#f7f8f9; }
#section05 .video {max-width:1280px; margin:0 auto; padding: 30px 0 25px 0;}
#section05 .video ul {padding:15px 0;  display: flex; flex-wrap: wrap;}
#section05 .video ul li {width:408px; height: auto; margin:9px;  display: flex; flex-wrap: wrap; overflow: hidden; cursor: pointer;}
#section05 .video ul li span.thumb {width:100%; position: relative;}
#section05 .video ul li span.thumb img {max-width: 100%; height: auto; vertical-align: top;}
#section05 .video ul li span.text {width: 100%; height: 55px; margin-top: 3px; text-align:center; font-size: 16px; font-weight: bold;}
.playBtn {position: absolute;bottom: 17px; left: 50%; transform: translate(-50%, -282%); box-shadow: 0px 0px 6px -1px #e0e0e0;}
#section05 .video button {width: 358px; height:45px; margin:0 auto; display:block; line-height: 51px; background: #fff; border:1px #e0e0e0  solid; box-sizing:border-box; letter-spacing: -1px; font-size:18px; color:#5d5d5d; cursor: pointer;}
#section05 .video button:hover {background:#f7f7f7;}
#section05 .video button i {margin-left: 5px; display:inline-block; vertical-align:top;}

/* section06 관련 기사 */
#section06 {width: 100%; margin: 10px 0 50px 0; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, sans-serif;}
#section06 .news {max-width:1280px; margin:0 auto; padding: 30px 0 0 0;}
#section06 .news h3 {margin-bottom: 20px; letter-spacing: -1px;}
#section06 .news article  {padding:20px 0; border-top: 1px #e2e2e2  solid; border-bottom: 1px #e2e2e2  solid; box-sizing: border-box;}
#section06 .news article a {  width: 100%; display: flex;  align-items: center;}
#section06 .news article span.thumb {width: 246px; height: 142px; display: inline-block; -webkit-flex: none;-webkit-box-flex: 0;-ms-flex: none; flex: none;border: 1px #eee solid; box-sizing: border-box; overflow: hidden;}
#section06 .news article span.thumb img {  width: 100%; vertical-align: top;}
#section06 .news article span.text {padding-left: 10px;}
#section06 .news article span.text h4 {margin-bottom: 10px;}
#section06 .news article span.text em {margin-bottom: 5px; -webkit-box-flex: 2; -webkit-flex: auto; -ms-flex: auto; flex: auto;  display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden;  -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; color:#646160;}
#section06 .news article span.text time {font-size: 12px;color: #646160;}
#section06 .news button {width: 358px; height:45px; margin:025px auto; display:block; line-height: 51px; background: #fff; border:1px #e0e0e0  solid; box-sizing:border-box; letter-spacing: -1px; font-size:18px; color:#5d5d5d; cursor: pointer;}
#section06 .news button:hover {background:#f7f7f7;}
#section06 .news button i {margin-left: 5px; display:inline-block; vertical-align:top;}

/* footer 푸터영역 */
footer { padding-top: 20px; }
.cp {width:100%; padding: 20px 0; border-top: 1px #ececec  solid; text-align: center; font-size: 12px;}

.header-section { background: #FFF; height:45px; border-bottom:1px solid #DEDEDE; }
.header-section .header-top {
    width:95%;
    margin: 0 auto;
    overflow: hidden;
}
.header-top ul{overflow: hidden;padding: 10px 0;display: inline-block}
.header-top ul li{float: left;margin: 0 10px 0 0;text-align: center}
.header-top ul li span {
    padding: 10px 0;
    font-size: 0.8em;
    color:#333131;
}
.header-top .family-site{float: left}
.header-top .family-site li:first-child span {
    font-weight: 700;
}
.header-top .previous-site{float: right}
.header-top .previous-site li.active span {
    font-weight: 700;
}