/*sub container*/
#sContainer {width:1024px; margin:60px auto; overflow:hidden;min-height:545px;}
/*lnb*/
#sContainer div.lnbWrap {width: 220px;margin-right: 40px;float: left;}
#sContainer div.lnbWrap h2 {display: block;width:100%; height:110px; background:#3e6baf; line-height:110px; text-align:center; font-size:20px; color:#fff; font-weight:400;} 
#sContainer div.lnbWrap ul.lnb {}
#sContainer div.lnbWrap ul.lnb > li {width:218px; height:49px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#sContainer div.lnbWrap ul.lnb > li > a {width:193px; height:49px; line-height:49px; padding-left:25px; font-size:15px; color:#777; font-weight:400; display:block;text-decoration: none;font-weight: 500;}
#sContainer div.lnbWrap ul.lnb > li > a:hover, #sContainer div.lnbWrap ul.lnb > li.on > a {background:#f3f3f3; color:#3e6baf; font-weight:400;}

/*sub contents*/
#sContents {width:740px; min-height:450px; float:right;}

/*sub title*/
#sContents ul.sTitle {width:100%; margin-bottom:50px;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
#sContents ul.sTitle:after {height:0; display:block; clear:both; content:"";}
#sContents ul.sTitle li.title {background:#FFF;float:left; font-size:13px; color:#888; font-weight:300;}
#sContents ul.sTitle li.title h3{ padding-top: 30px;font-size: 35px;line-height: 100%;color: #111;font-weight: 600;letter-spacing: -1px;margin-bottom: 5px;}
#sContents ul.sTitle li.location {float:right;padding-top: 84px;}
#sContents ul.sTitle li.location > ul:after {height:0; display:block; content:""; clear:both;}
#sContents ul.sTitle li.location > ul > li {float:left; padding:0 3px; color:#888; font-size:13px;}
#sContents ul.sTitle li.location > ul > li:first-child {background:none;}
#sContents ul.sTitle li.location > ul li.here {color:#333; padding-right:0;}

#sContents h4 {width:100%; margin-bottom:30px;}
#sContents h4 > strong {font-size:22px; font-weight:400; color:#003876; line-height:100%; padding:7px 0; display:inline-block;}

#sContents h5 {font-size:18px; color:#333; margin-bottom:15px; font-weight:400;}
/*#sContents div,*/ #sContents .sub_txt{font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: -1px;color: #333;}

.title_ring{display: block;padding-left: 20px;background: url(../../images/06/dotbg.gif) 0 9px no-repeat;margin-bottom:30px;font-size: 20px;}



/*학회소개*/
.aboutbg{min-height: 289px;margin: 0 0 50px;padding: 0px 350px 32px 0px;border-bottom: 1px solid #e9e9e9;
background: url(/eng/images/01/about_bg.png) right 0 no-repeat;}
.aboutbg p{font-size: 22px;color: #137cbd;line-height: 120%;position: relative;padding: 0 0 17px;margin: 0 0 18px;font-weight: 100;}
.aboutbg p strong{font-size: 36px;line-height: 40px;}
.yearBox{background: #F3F3F3;padding: 20px;}
.yearBox .year{font-size: 20px;color: #3e6baf;letter-spacing: -1px;font-weight: bold;position: relative;padding-left: 12px;    margin-bottom: 5px;}
.yearBox .year:after{content: "";display: block;clear: both;width: 5px;height: 20px;position: absolute;background: #3e6baf;top: 2px;left: 0;}
.yearBox .year_txt{display: block;margin-bottom: 25px;font-size: 15px;}

/*인사말*/
.Greetingsbg{min-height: 289px;margin: 0 0 50px;padding: 0px 350px 32px 0px;border-bottom: 1px solid #e9e9e9;
background: url(/eng/images/01/greetings_bg.png) right 0 no-repeat;}
.Greetingsbg p{font-size:22px;color: #137cbd;line-height: 120%;position: relative;padding: 0 0 17px;margin: 0 0 18px;font-weight: 100;}
.Greetingsbg p strong{font-size: 36px;line-height: 40px;}

/*인사말*/
.missionbg{min-height: 289px;margin: 0 0 50px;padding: 0px 350px 32px 0px;border-bottom: 1px solid #e9e9e9;
background: url(/eng/images/01/mission_bg.png) right 0 no-repeat;}
.missionbg p{font-size:22px;color: #137cbd;line-height: 120%;font-weight: 100;padding-top: 90px;}
.missionbg p strong{font-size: 36px;line-height: 40px;display: block;}

/*미션과비젼*/
.mission{height: 330px;font-size: 16px;background: #f6f6f6;border-top: 1px solid #e7e7e7;text-align: left;padding: 35px 40px;box-sizing: border-box;margin: 30px 0 ;}
.mission strong{color:#3e6baf;font-weight:500;}
.missionbox{margin-top:20px;}
.missionbox li{}
.missionbox li.half_img{width: 100%;}
.missionbox li.half_img img{padding:0px 0 30px;display: block;}
.missionbox li.half_txt{font-size: 14px;}
.missionbox li.half_txt span{position: relative;padding-left: 60px;margin-bottom:20px;}
.missionbox li.half_txt span:after{content:"";clear: both;display: block;width:50px;height:19px;background: #000;position: absolute;top:0}
.missionbox li.half_txt span.g:after{background:#069119;}
.missionbox li.half_txt span.r:after{background:#b00e0e;}
.missionbox li.half_txt span.y:after{background:#f3d410;}
.missionbox li.half_txt span.t:after{background:#3e6baf;}

#sContents .sub01_03 .sub_txt strong.ti{color:#3e6baf; font-size:1.125em;}
#sContents .sub01_03 .con.value{margin:5em auto;}
#sContents .sub01_03 .con.value ul.values{display:flex; flex-wrap:wrap; gap:2em; margin:1.5em auto 0;}
#sContents .sub01_03 .con.value ul.values li{flex:1 1 calc(50% - 1em);}
#sContents .sub01_03 .con.value ul.values li .wrap{}
#sContents .sub01_03 .con.value ul.values li .wrap .imgW{width:4em; aspect-ratio:1; margin:0 auto 1em; /*background:#ddd; border-radius:50%;*/ text-align:center;}
#sContents .sub01_03 .con.value ul.values li .wrap .imgW img{display:inline-block; width:100%; max-width:fit-content; margin:0 auto;}
#sContents .sub01_03 .con.value ul.values li .wrap .txtW{}
#sContents .sub01_03 .con.value ul.values li .wrap .txtW p{font-size:.938em; text-align:center;}
#sContents .sub01_03 .con.value ul.values li .wrap .txtW p.ti{line-height:1.2; margin:0 auto .75em; font-size:1.125em;}
#sContents .sub01_03 .con.value ul.values li .wrap .txtW p.ti strong{}
#sContents .sub01_03 .con.value ul.values li .wrap .txtW p.ti span.eng{color:#888; font-size:.625em;}
#sContents .sub01_03 .box{background:#f7f7f7;margin:0 auto 1em;padding:40px;}
#sContents .sub01_03 .box:after{content:'';display:block;clear:both;}
#sContents .sub01_03 .box  .clear{clear:both; display:inline-block; width:100%; marign:0 auto 1em;}
#sContents .sub01_03 .box .layoutLeft{width:100%;margin:0 auto 1em;padding:50px 30px;background:#fff; text-align:center; box-sizing:border-box}
#sContents .sub01_03 .box .layoutLeft img{width:100%;max-width:276px;}
#sContents .sub01_03 .box .layoutRight{width:100%;}
#sContents .sub01_03 .box .layoutRight h5{display:inline-block; width:auto; color:#3e6baf; font-weight:500;}
#sContents .sub01_03 .box .layoutRight ul.color{margin:1.5em auto 2em;}
#sContents .sub01_03 .box .layoutRight ul.color li{line-height:1.6;margin:0 auto .57em; font-size:.938rem;}
#sContents .sub01_03 .box .layoutRight ul.color li:last-child{margin:0 auto;}
#sContents .sub01_03 .box .layoutRight ul.color li:before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;}
#sContents .sub01_03 .box .layoutRight ul.color li.green:before{background:#146334;}
#sContents .sub01_03 .box .layoutRight ul.color li.red:before{background:#ae292e;}
#sContents .sub01_03 .box .layoutRight ul.color li.yellow:before{background:#e8a443;}
#sContents .sub01_03 .box .layoutRight ul.color li.blue:before{background:#005eb8;}
#sContents .sub01_03 .box .layoutRight ul.universe{margin:1.5em auto 2em;}
#sContents .sub01_03 .box .layoutRight ul.universe li{line-height:1.6; margin:0 auto .75em; font-size:.938rem; word-break:keep-all;}
#sContents .sub01_03 .box .layoutRight ul.universe li:last-child{margin:0 auto;}
#sContents .sub01_03 .box .layoutRight ul.universe li:before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;}
#sContents .sub01_03 .box .layoutRight ul.universe li.sky:before{background:#988372;}
#sContents .sub01_03 .box .layoutRight ul.universe li.human:before{background:#736558;}
#sContents .sub01_03 .box .layoutRight ul.universe li.earth:before{background:#50433b;}
#sContents .sub01_03 .box .imgW.colorsystem{margin:0 auto; text-align:center;}
#sContents .sub01_03 .box .imgW.colorsystem img{width:100%; max-width:fit-content; margin:0 auto;}


/*히스토리*/
.historybg{min-height: 289px;margin: 0 0 50px;padding: 0px 350px 32px 0px;border-bottom: 1px solid #e9e9e9;
background: url(/eng/images/01/history_bg.png) right 0 no-repeat;}
.historybg p{font-size:22px;color: #137cbd;line-height: 120%;font-weight: 100;padding-top: 20px;}
.historybg p strong{font-size: 36px;line-height: 40px;display: block;}

.historyList{/*background: url(/eng/images/01/history_bg.png) 376px 112px no-repeat;*/}
.historyList > li {position:relative; border-top:1px solid #ddd; padding:25px 0; float:left; width:100%;}
.historyContIn:first-child li{border-top:0;}
.historyList > li:first-child strong {}
.historyList > li strong {color: #137cbd;display:block; position:absolute; left:0px; top:23px; width:100px; font-size:25px; letter-spacing:-1px;}
.historyList > li ol {margin-left:0px; padding:40px 10px 0 0; box-sizing:border-box; word-break:keep-all;}
.historyList > li ol li {margin-bottom: 15px;font-size: 14px;position:relative; line-height:170%; letter-spacing:0px;}
.historyList > li ol li span {display:block; position:absolute; left:0; top:0; width:50px;font-size:20px;font-weight: 300;font-style:italic;}
.historyList > li ol li em {display:block; margin-left:65px;font-style: normal;}

.programtab{position:relative; width:100%; height:70px;  border-bottom:1px solid #227bc1;} 
.programtab:after{content:""; display:block; clear:both;} 
.programtab ul li{position:relative; float:left; margin:0 0 ;}
.programtab ul li a{display:block;width:200px;height:49px; padding-top:20px; font-size:17px; border:1px solid #d6d6d6;
border-bottom:0;text-decoration:none;cursor:pointer; text-align:center; background-color:#f4f4f4;font-weight: bold;color: #333;}
.programtab ul li a:hover,.programtab ul li a:focus,.programtab ul li a.on{ height:50px;border:1px solid #227bc1;border-bottom:0;color:#227bc1; background-color:#fff;}










/*프로그램*/
.programbg{min-height: 289px;margin: 0 0 50px;padding: 0px 350px 32px 0px;border-bottom: 1px solid #e9e9e9;
background: url(/eng/images/03/program_bg.png) right 0 no-repeat;}
.programbg p{font-size:22px;color: #137cbd;line-height: 120%;font-weight: 100;padding-top: 20px;}
.programbg p strong{font-size: 36px;line-height: 40px;display: block;}


/*테이블스타일*/
table{ margin-top:40px;font-size: 15px;}
table th{ border-top:solid 2px #3464ab; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; background-color:#f9f9f9; padding:10px 15px;}
table td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:10px 15px; text-align:center;}
table .bor_l{ border-left:solid 1px #ddd;}

.listBulDot{background: url(/eng/images/bul_dot.gif) 0 13px no-repeat;padding-left: 12px;color: #4d4d4d;}
