@charset "utf-8";
html, body {word-break: keep-all; font-size:17px;}

/**/
.todo  {outline:1px solid blue;}
.fc-gdcr {color:#093259 !important;}

/**/
.li-1{line-height: 1.2;}

/**/
.list-21 {}
.list-21 li {margin-bottom:10px;}
.list-21 li:last-child {margin-bottom:0;}
.list-21 li > div {}
.list-21 li > div:nth-child(1) {font-weight:bold; padding-left:15px;}
/*.list-21 li > div:nth-child(1):before {*/
/*    content:''; position:absolute; width:4px; height:4px; border-radius:100%;*/
/*    background:#000; margin:auto; top:0; right:auto; bottom:0; left:4px;*/
/*}*/
.list-21 li > div:nth-child(1) .dot{width:4px; height:4px; border-radius:100%;background:#000;display:inline-block; margin:0 8px 4px 0;}
.list-21 li > div:nth-child(2) {padding-left:20px; color:#666; font-size:0.95em;}

@media(max-width:500px){
    .list-21 li > div:nth-child(1){font-size: 14px;}
    .list-21 li > div:nth-child(2),
    #menu-21 .circle-21 .txt{font-size: 13px !important;}
}

/**/
#menu-5 {}

/**/
#menu-8 {}
#menu-8 > div {z-index:100;}
#menu-8 .m8-head {display:flex; align-items: end; border-bottom:1px solid #666;}
#menu-8 .m8-head:before {
    content:'GREETING'; font-size:120px; font-weight:bold; color:#f9f9f9;
    position:absolute; top:-15px; right:0; line-height:110px;
}
#menu-8  .m8-head .img_wrap{position: relative;}
#menu-8 .m8-head img {display:block;}
#menu-8 .m8-head > div:nth-child(2) {}
#menu-8 .m8-head > div:nth-child(2) p {padding:0 6px; word-break: break-all;}
#menu-8 .m8-head > div:nth-child(2) > p:nth-child(1) {}
#menu-8 .m8-head > div:nth-child(2) > p:nth-child(2) {}
#menu-8 .m8-head > div:nth-child(2) > p:nth-child(3) {position:relative; color:#083258; display: inline-block;}
#menu-8 .m8-head > div:nth-child(2) > p:nth-child(3) span {position:relative; z-index:90;}
#menu-8 .m8-head > div:nth-child(2) > p:nth-child(3):after {
    content:''; position:absolute; z-index:1; width:100%; height:35%; left:0; bottom:0; background:#d9f1f2;
}
#menu-8 .m8-body {position:relative;}
#menu-8 .m8-body:before {
    content:''; position:absolute; z-index:1; width:352px; height:431px; margin:auto;
    background:url(/images/content/menu/menu_8_02.png) no-repeat; opacity:0.5; right:5%; bottom:30px; left:auto;
}
#menu-8 .m8-body p {margin-top:40px; word-break: break-all;}
#menu-8 .m8-foot {display:flex; align-items: center; margin-top:60px; justify-content: flex-end;}
#menu-8 .m8-foot > div {}
#menu-8 .m8-foot > div:nth-child(1) {margin-right:20px;}
#menu-8 .m8-foot > div:nth-child(2) {}

@media(max-width:800px){
    #menu-8 .fs-28{font-size: 22px;}
}

@media(max-width:767px){
    #menu-8 .m8-head {flex-direction:column; border: none;}
    #menu-8  .m8-head .img_wrap{margin-bottom: 30px;}
    #menu-8  .m8-head .img_wrap::after{position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 1px; background: #666;}
    #menu-8 .m8-head > div:nth-child(1),
    #menu-8 .m8-head > div:nth-child(2) {width:100%; text-align:center;}
    #menu-8 .m8-head > div:nth-child(2) p {display:block; font-size: 18px;}
    #menu-8 .m8-head > div:nth-child(2) p:nth-child(3) {display:inline-block; font-size: 20px;}
    #menu-8 .m8-head img {margin:auto; z-index:100; position:relative;}
    #menu-8 .m8-head:before {z-index:1;}
}

@media(max-width:500px){
    #menu-8 .fs-40{font-size: 22px;}
    #menu-8 .m8-head:before{ font-size:70px;}
}

/**/
#menu-9 {}
#menu-9 section {padding:0 0 0 0;}
.history-tab {display:flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.history-tab > a {
    display:block; padding:20px 20px; margin:0 5px; width:20%; text-align:center;
    border:1px solid #b5c1cd; background:#fff; color:#b5c1cd; transition:all 300ms;
}
.history-tab > a:hover,
.history-tab > a.active {color:#fff; background:#093259; border-color:#093259;}
#history {margin:0 0 100px 0;}
#history .hi-head {display:flex; height:340px; position:relative; margin-top:60px;}
#history .hi-head > div {
    max-width:610px; height:320px; width:52%; background-size:cover; position:absolute;
}
#history .hi-head > div:nth-child(1) {background:url(/images/content/menu/menu_9_01.png) no-repeat center center; top:0; left:0;}
#history .hi-head > div:nth-child(2) {
    background:url(/images/content/menu/menu_9_02.png) no-repeat center center; bottom:0; right:0; justify-content: center;
    color:rgba(255,255,255,0.4); padding:30px; display:flex; align-items: flex-start; flex-direction: column;
}
#history .hi-head > div:nth-child(2) > div {width:80%;}
#history .hi-head > div:nth-child(2) > div:nth-child(1) {border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:20px; padding-bottom:10px;}
#history .hi-body {position:relative; height:100%; padding:100px 0 0 0;}
#history .hi-body:before {
    content:''; position:absolute; height:100%; width:1px; background:#eee; margin:auto;
    top:0; right:0; bottom:0; left:0;
}
#history .hi-body .hi-box {width:51%; float:left; margin-bottom:50px; position:relative; z-index:100;}
#history .hi-body .hi-box:last-child {margin-bottom:0;}
#history .hi-body .hi-box ul {}
#history .hi-body .hi-box ul li {}
#history .hi-body .hi-box .year {color:#093259; font-weight:bold; position:relative;}
#history .hi-body .hi-box .year:before {
    content:''; position:absolute; border:2px solid #093259; width:11px; height:11px;
    border-radius:100%; background:#fff;
}
#history .hi-body .hi-box:nth-child(2n-1) {float:right; padding-left:60px;}
#history .hi-body .hi-box:nth-child(2n-1) .year:before {left:-53px; top:20px;}
#history .hi-body .hi-box:nth-child(2n-1) li span {margin-right:5px;}
#history .hi-body .hi-box:nth-child(2n) {padding-right:60px; text-align:right;}
#history .hi-body .hi-box:nth-child(2n) .year:before {right:-54px; top:20px;}
#history .hi-body .hi-box:nth-child(2n) li {display:flex; flex-direction: row-reverse;}
#history .hi-body .hi-box:nth-child(2n) li span {margin-left:10px;}
#history .hi-body .img {position:absolute;}
#history .hi-body .img.img-1 {right:0; top:150px;}
#history .hi-body .img.img-2 {left:0; top:590px;}
#history .hi-body .img.img-3 {right:0; bottom:0;}
#history .hi-body .img.img-4 {left:0; top:100px;}
#house h1 {margin-bottom:50px;}

@media(max-width:1024px){
    #history .hi-body {}
    #history .hi-body:before {right:auto; left:11px;}
    #history .hi-body .hi-box:nth-child(2n-1) {float:left;}
    #history .hi-body .hi-box:nth-child(2n) {text-align:left; padding-right:0; padding-left:60px;}
    #history .hi-body .hi-box:nth-child(2n-1) .year:before,
    #history .hi-body .hi-box:nth-child(2n) .year:before {left:-54px; top: 13px;}
    #history .hi-body .hi-box:nth-child(2n) li {flex-direction: row;}
    #history .hi-body .hi-box:nth-child(2n) li span {margin-left:0; margin-right:10px;}
	#history .hi-body .img.img-1 {left:auto; right:0; top:320px;}
    #history .hi-body .img.img-2 {left:auto; right:0; top:540px;}
	#history .hi-body .img.img-3 {left:auto; right:0; bottom:0;}
	#history .hi-body .img.img-4 {left:auto; right:0; top:100px;}
}
@media(max-width:767px){
    #history .hi-head {flex-direction:column;}
    #history .hi-head > div {position:static; width:100%; max-width:100%;}
    #history .hi-head > div:nth-child(1) {background-size:cover;}
    #history .hi-head > div:nth-child(2) {background-size:cover;}
	#history .hi-head > div:nth-child(2) > div:nth-child(2){font-size: 15px;}
    #history .hi-body {}
    #history .hi-body .hi-box {width:100%;}
	#history .hi-body .hi-box:nth-child(2n-1),
	#history .hi-body .hi-box:nth-child(2n) {padding-left:40px;}
	#history .hi-body .hi-box:nth-child(2n-1) .year:before,
	#history .hi-body .hi-box:nth-child(2n) .year:before{left:-34px;}
    #history .hi-body .hi-box:nth-child(2) {margin-bottom:240px;}
	#history .hi-body .hi-box ul li{font-size:15px;}
    #history .hi-body .img.img-1 {left:36px; right:auto; top:520px;}
    #history .hi-body .hi-box:nth-child(4) {margin-bottom:240px;}
    #history .hi-body .img.img-2 {left:36px; right:auto; top:920px;}
    #history .hi-body .hi-box:nth-child(6) {margin-bottom:240px;}
    #history .hi-body .img.img-3 {left:36px; top:auto; bottom:25px;}
	#history .hi-body .hi-box:nth-child(1) {margin-top:210px;}
	#history .hi-body .img.img-4 {left:36px; top:auto; top:100px;}
}
@media(max-width:500px){
    #history .fs-44{font-size: 30px;}
}
@media(max-width:320px){
    #history .hi-body .img.img-1 {top:370px;}
    #history .hi-body .img.img-2 {top:760px;}
    #history .hi-body .img.img-3 {}
}

/**/
.lecture {margin:0 0 100px 0;}
.lecture h1 {margin-bottom:50px;}
.lecture .inner {display:flex; flex-wrap:wrap; justify-content: space-between;}
.lecture .in-box {width:49%; border:1px solid #eee; padding:35px 45px; margin-bottom:2%;}
.lecture .in-box > div:nth-child(1) {color:#093259;}
.lecture .in-box > div:nth-child(2) {position:relative; color:#999;}
.lecture .in-box > div:nth-child(2):after {content:''; position:absolute; width:20px; height:1px; background:#eee; left:0; bottom:0;}
#menu-10 .lecture .in-box > div:nth-child(2):after {display: none;}

/**/
#menu-10 .lecture .in-box {width:32%; text-align:center;}
#menu-10 .lecture .in-box > div:nth-child(1) {}
#menu-10 .lecture .in-box > div:nth-child(2) {}
#menu-10 .lecture .in-box > div:nth-child(3) {color:#333;}
#menu-10 .lecture .in-box > div:nth-child(4) {}

@media(max-width:767px){
    #menu-10 .lecture .in-box {width:49%; padding:25px 35px;}
}
@media(max-width:500px){
    #menu-10 .fs-42{font-size: 30px;}
    #menu-10 .lecture .in-box { word-break: break-all; padding: 20px 10px;}
    #menu-10 .lecture .in-box .fs-28{font-size: 20px;}
    .lecture .in-box div:nth-child(3){font-size: 14px;}
}

/* 학술강연회 연혁 */
#menu-14 {}
#menu-14 #lecture {margin-top:60px;}

@media(max-width:900px){
    .history-tab > a{width: 100%; margin: 6px 0;}
}
@media(max-width:767px){
    .lecture .fs-42{font-size: 30px;}
    .lecture .in-box {padding:20px 25px; width:100%;}
	.history-tab > a{padding:15px 20px;}

}

/**/
#menu-19 {}

/**/
#menu-20 {}

/* 정회원 가입안내 */
#menu-21 {}
#menu-21 .section {margin-bottom:50px;}
#menu-21 .section:last-child {margin-bottom:0;}
#menu-21 .section .subject-hdx {margin-bottom:15px;}
#menu-21 .circle-21 {}
#menu-21 .circle-21 {
    display:flex; justify-content: space-between; flex-wrap: wrap;
}
#menu-21 .circle-21 li {
    width:200px; text-align:center;
}
#menu-21 .circle-21 .step {
    display:inline-block; padding:2px 15px 3px 15px; font-size:15px; font-weight:Bold;
    background:#7e7e7e; color:#fff; border-radius:15px; margin:0 0 15px 0;
}
#menu-21 .circle-21 .circle {
    width:200px; height:200px;
    margin:0 auto 80px auto; position:relative;
}
#menu-21 .circle-21 .circle .circle-line {
    width:100%; height:100%;
    border:10px solid #ddd; border-radius:100%;
    border-top-color:#093259; transform:rotate(45deg);
}
#menu-21 .circle-21 li:nth-child(2) .circle .circle-line{transform:rotate(90deg);}
#menu-21 .circle-21 li:nth-child(3) .circle .circle-line{transform:rotate(135deg);}
#menu-21 .circle-21 li:nth-child(4) .circle .circle-line{transform:rotate(180deg);}
#menu-21 .circle-21 li:nth-child(5) .circle .circle-line{transform:rotate(225deg);}
#menu-21 .circle-21 .circle:before {
    content:''; width:1px; height:50px; background:#ddd; margin:auto; position:absolute;
    top:auto; right:0; bottom:-16px; left:0; transform:translateY(100%);
}
#menu-21 .circle-21 .circle:after {}
#menu-21 .circle-21 .circle .icon {
    position:absolute; width:100%; height:100%; margin:auto; top:0; right:0; bottom:0; left:0;
    display:flex; justify-content: center; align-items: center;
}
#menu-21 .circle-21 .circle .icon img {}
#menu-21 .circle-21 .circle .icon:before {
    content:''; width:30px; height:30px; border-radius:100%;
    position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;
    background:#8effde; opacity:0.5; transform:translateY(-55%) translateX(-55%);
}
#menu-21 .circle-21 li:nth-child(1) .circle .icon:before {}
#menu-21 .circle-21 li:nth-child(2) .circle .icon:before {}
#menu-21 .circle-21 li:nth-child(3) .circle .icon:before {}
#menu-21 .circle-21 li:nth-child(4) .circle .icon:before {}
#menu-21 .circle-21 li:nth-child(5) .circle .icon:before {}
#menu-21 .circle-21 .txt {font-size:0.90em; color:#444;}

@media(max-width:1120px){
    #menu-21 .circle-21 {justify-content:center;}
    #menu-21 .circle-21 li {margin:20px;}
}