@charset "utf-8";

 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='reset'],
select,
textarea,
button {font-family:'Malgun Gothic', sans-serif;color:#000;font-size:15px;line-height:1.5;}


.tm50 {margin-top:50px !important;}
.bm5 {margin-bottom:5px !important;}

img.vaMiddle {vertical-align:middle;}




/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */

a {color:#666;text-decoration:none;}
a:hover,
a:focus {}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;}

select,
input[type='text'],
input[type='password'] {height:22px;padding:0 10px;border:1px solid #7d7d7d;}
select {height:24px;padding:0;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;}

/* 버튼 영역 */
.btnArea {position:relative;padding:41px 0 30px;margin-top:40px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL p,
.btnArea .posTR p {float:left;margin-left:10px;}
.btnArea .posTL p:first-child,
.btnArea .posTR p:first-child {margin-left:0;}

.btnArea a,
.btnArea input,
.btnArea button {display:inline-block;}


.btn a,
.btn input,
.btn button,
.btnBd a,
.btnBd input,
.btnBd button,
.btnGr a,
.btnGr input,
.btnGr button {text-decoration:none;cursor:pointer;}




/* =============================================== 공통 레이아웃 =============================================== */
body {}
/*
body {min-width:1200px; background-repeat:repeat-y; background-position:center top;}
.sub01 {background-image:url('/webzine/12/image/sub/subBg01.png');}
.sub02 {background-image:url('/webzine/12/image/sub/subBg02.png');}
.sub03 {background-image:url('/webzine/12/image/sub/subBg03.png');}
.sub04 {background-image:url('/webzine/12/image/sub/subBg04.png');}
.sub05 {background-image:url('/webzine/12/image/sub/subBg05.png');}
*/

div.wrapper {overflow:hidden; min-width:1200px; font-family:'NotoKrR', sans-serif; background-repeat:no-repeat, no-repeat, repeat-y; background-position:center bottom, center top, center top; padding-bottom: 460px; background-image:url('/webzine/17/image/sub/sub_botBg01.png'), url('/webzine/17/image/sub/sub_topBg01.png'), url('/webzine/17/image/sub/subBg01.png');}

.sub01 .wrapper div.container {position:relative; /* min-height:1500px; */}
.sub02 .wrapper div.container {position:relative; /* min-height:5000px; */}
.sub03 .wrapper div.container {position:relative; /* min-height:5800px; */}
.sub04 .wrapper div.container {position:relative; min-height:1500px;}
.sub05 .wrapper div.container {position:relative; min-height:1500px;}

.sub01 div.lnb {display:none;}
.sub02 div.lnb {display:none;}
.sub03 div.lnb {position:absolute; top:220px; left:50%; margin-left:-520px; display:block; width:215px;}
.sub03 div.lnb ul {}
.sub03 div.lnb ul li {}
.sub03 div.lnb ul li:first-child {border-bottom:1px solid #fff;}
.sub03 div.lnb ul li:first-child a {padding:15px 0 20px 10px; font-weight:bold; font-size:22px;}
.sub03 div.lnb ul li:nth-child(2) a {padding:20px 0 15px 10px;}
.sub03 div.lnb ul li a {display:block; color:#fff; font-size:18px; padding:15px 0 15px 10px; box-sizing:border-box;}
.sub04 div.lnb {display:none;}
.sub05 div.lnb {display:none;}

.wrapper div.container {position:relative; min-height:1040px;}




/* _header */
div#headerWrap > div {position:relative; width:1100px; height:240px; margin:0 auto;}
div#headerWrap h1 {position:absolute; left:112px; top:88px;}

/* _gnb */
ul#gnb { position:absolute; top:114px; right:0; width: 725px;}
ul#gnb > li {position:relative; display:inline-block; margin-left:54px; text-align:center;}
ul#gnb > li:first-child {margin-left:0;}
ul#gnb a {display:block; font-size:14px; font-weight:bold; line-height:24px; color:#1d1d1b; font-weight: 600;}

ul#gnb > li > a {padding:0 10px; font-size:20px; line-height:38px;}
ul#gnb > li.on > a {border-bottom:4px solid #f69505;}
ul#gnb > li ul  {display:none;}
ul#gnb > li.on ul {display:block;}
ul#gnb > li.on ul li a:hover {color:#f69505;}

ul#gnb ul {position:absolute; top:40px; left:50%; width:165px; margin-left:-81px; padding-top:8px;}
ul#gnb li:nth-child(4) ul {width:226px; margin-left:-113px;}
ul#gnb ul a {font-size:14px; text-align:center; letter-spacing:-1px;}

/* _footer */
div#footerWrap {position:absolute; bottom:0; left:50%; width:1100px; margin-left:-550px;}
div#footerWrap > div {position:relative; width:540px; margin:0 auto; padding:43px 0 54px 580px; background:url('/webzine/17/image/common/footer_logo.png') no-repeat 425px top;}
div#footerWrap > * {font-size:13px; line-height:21px; color:#1d1d1b;}

div#footerWrap div > ul {overflow:hidden;}
div#footerWrap div > ul li {float:left; padding-left:4px;}
div#footerWrap div > ul li:first-child {padding-left:0;}
div#footerWrap div > p {position:absolute; top:64px; left:2px; width:268px; line-height:16px; color:#FFF;}




/* =============================================== Intro =============================================== */
div.intro {position:relative; min-width:1100px; height:1400px; background:url('/webzine/17/image/intro/introBg.png') no-repeat center top;}

div.intro div#headerWrap {height:500px;}
div.intro div#headerWrap h1 {top:335px; left:50%; margin-left:-70px;}


div.intro div#footerWrap div {width:530px; padding:43px 380px 153px 190px; background-position:29px top;}
div.intro div#footerWrap div > p {right:10px; left:auto; width:auto; color:#1d1d1b;}

div.intro div.contents {width:1100px; padding:0 0 140px;}
div.intro .clear {text-align:center;}

div.introTit {overflow:hidden; position:relative; padding:0 0 124px 40px; text-align:center;}
div.introTit > * {display:inline-block; zoom:1; *display:inline; font-size:46px; font-weight:bold; line-height:59px; color:#fff; vertical-align:middle; text-shadow:3px 0 10px black;}
div.introTit > .introImg {padding:0 95px;}

div.introTit > .introImg + p {text-align:left;}


/* =============================================== 서브 레이아웃 =============================================== */
div.contents {width:725px; margin:55px auto 0; padding:0px 0 50px 375px; line-height:24px; text-align:justify;}
div.contents sup {font-size:10px;}
div.contents > p,
div.contents > ul,
div.contents > dl,
div.contents > dl dd p {margin-top:0px;}


div.contents > h3:first-child + p,
div.contents > h3:first-child + dl,
div.contents > p:first-child,
div.contents > ul:first-child,
div.contents > dl:first-child,
div.contents > dl dd p:first-child {margin-top:0;}

div.titArea {position:absolute; top:0; left:50%; width:310px; margin-left:-550px; padding-left:20px;}
div.titArea h2 {padding-right:58px; padding-bottom:20px; font-size:26px; line-height:35px; color:#FFF; text-align:left; letter-spacing:-1px;}


.listBl li {padding-left:10px; background:url('/webzine/17/image/sub/bl_dot.png') no-repeat 2px 8px;}

ul.listBar {}
ul.listBar > li {padding-left:10px; position:relative; margin-top:5px;}
ul.listBar > li:first-child {margin-top:0;}
ul.listBar > li::before {content:"-"; position:absolute; left:0; top:0;}

ul.listNum > li {margin-top:20px;}
ul.listNum > li:first-child {margin-top:0;}

ul.listSubNum {counter-reset: num 0;}
ul.listSubNum > li {position:relative; padding-left:1.2em; list-style:none; margin-top:5px;}
ul.listSubNum > li:first-child {margin-top: 0;}
ul.listSubNum > li::before {position:absolute; left:0; top:0; counter-increment:num 1; content: '' counter( num ) ') ';}

.intro .contents {background:0 none;}
.sub01 .contents {width:659px; padding-left:360px; background:0 none;}



/* =============================================== 컨텐츠 =============================================== */

/* _타이틀 */
.subTit {margin-bottom:20px; padding:80px 0 20px; font-size:20px; font-weight:bold; line-height:27px; color:#f69505;  border-bottom:1px solid #000;}
.subTit:first-child{padding-top: 0 !important;}

/* .subTit + table.tblProgram {border-top:0 none;} */

.sub01 .subTit {padding:30px 0 10px; border-bottom:0 none;}
.sub02 .subTit {}
.bdb0 {border-bottom:0 none !important;}

dl.refer {margin-top:60px !important; padding-top:10px; border-top:1px solid #000;}
dl.refer dt,
dl.refer dd li {font-size:11px; line-height:16px; font-family:'Arial','NotoKrR', sans-serif;}
dl.refer dt {padding-bottom:8px; font-weight:bold;}
dl.refer dd li {padding-left:14px; text-indent:-14px; text-align:left;}

h4.subTit {color:#f69505;font-size:15px; padding-top: 80px !important;}

span.references {display:inline-block; line-height:15px; margin-top:10px;}




/* sub01_인사말 */
p.sign {padding-top:85px; color:#6d6e71; text-align:right; }
p.sign > span {font-weight:bold; color:#231f20;}
div.contents > dl {margin-top:30px;}
p.name {padding-top:85px;}
p.name strong {display:inline-block;}
p.name span {display:inline-block; margin-right:10px;}


/* sub01_편집위원회 */




/* sub02_추계학회 소식 */
.bdt0 {border-top:0 none !important;}
.pdr0 {padding:10px 0 0 20px !important;}

table.tblProgram {width:100%; padding-bottom:20px; padding-top:20px; border-top:1px solid #000; border-bottom:1px solid #000;}
table.tblProgram tbody tr:first-child td {padding-top:20px;}
table.tblProgram td {padding:5px 0px; line-height:24px; vertical-align:top; text-align:left;}

table.tblProgram td.time {text-align:center; color:#808080; font-size: 13px !important;}
table.tblProgram td.tit {padding-left:10px; color:#1d1d1b; font-size: 13px !important;}
table.tblProgram td.speaker {text-align:right; vertical-align:bottom; color:#808080; font-size: 13px !important;}

table.tblProgram td.tit > div {float:right; width:283px; padding:0 5px; vertical-align:top;}
table.tblProgram td.tit > div:first-child {float:left;}
table.tblProgram td.tit > div.session {width:275px; padding:12px 10px;}

table.tblProgram td.tit > div span {display:block; padding-bottom:5px; color:#808089;}
table.tblProgram td.tit > div.session span {font-weight:bold; color:#FFF;}
table.tblProgram td.tit > div.session dl {overflow:hidden; padding-top:10px;}
table.tblProgram td.tit > div.session dl > * {float:left;}
table.tblProgram td.tit > div.session dl dd {padding-left:3px;}

table.tblProgram td.info {padding:20px 10px; color:#000;}

table.tblProgram .bg01 {padding:15px 0; background-color:#3691c9; font-size:16px; color:#FFF; text-align:center;}
table.tblProgram .bg02 {padding:15px 0; background-color:#0b529e; font-size:16px; color:#FFF; text-align:center;}

table.tblProgram .session,
table.tblProgram tr.session td {background-color:#68add7; color:#FFF;}
table.tblProgram .break td {background-color:#b3b3b3; color:#FFF;}

table.tblProgram tr.dash td,
table.tblProgram td.dash {border-top:1px dashed #000;} 
table.tblProgram tr.dash td {padding-top:20px;}


ul.eventDate li {border:1px solid #c51d73;border-radius:15px;background-color:#f0e1e9;width:325px;height:215px;
padding:50px 10px;box-sizing:border-box;text-align:center;font-size:20px;line-height:1.6;}
ul.eventDate li + li {padding:25px; font-size:18px;}
ul.eventDate li span {display:block;font-size:16px;margin-top:10px;}






/* sub03_event */


tr.dashed td{background: url("/webzine/17/image/sub/dashed.png") repeat-x left bottom;}


div.contents h3.sub2{font-size: 18px; text-align: center; color: #fff; padding-bottom: 15px; padding-top: 15px !important;background: #06b4f8;}
div.kdaEnd p{margin-top: 30px;}
table.Scientific{border-top: none;border-bottom: none !important;}


div.vocalization{overflow:hidden;}
div.vocalization dl{margin-top: 20px;}
div.vocalization dl dt{font-size: 15px; padding-bottom: 0 !important; padding-top: 40px;}
div.vocalization dl dd{}
div.vocalization dl dd dl dt{color:#666666;}


	div.append{font-size: 13px;padding: 20px 0; border: 1px solid #000; margin-top: 50px;}
	div.append h4{font-weight: bold; border-bottom: 1px dashed #000; font-size: 16px; padding: 0 0 20px 15px; margin-bottom: 20px;}
	div.append h5{font-weight: bold; padding-left: 15px; font-size: 14px;}
	div.append p{padding: 15px 15px 0 15px;}
	div.append>ul{padding-left: 15px; margin-bottom: 20px;}
	div.append ul li{padding-left: 20px; text-indent: -11px;}
	div.append table.tblDef td{vertical-align: top; padding-top: 20px;}

	table.appendTbl{width: 625px; border-collapse: collapse; border: 0 none; margin: 0 auto;}
	table.appendTbl td,
	table.appendTbl th{padding: 5px 0 5px 15px; text-align: left;}
	table.appendTbl th{border-bottom: 1px solid #000;}
	table.appendTbl td{border-bottom: 1px solid #000;}

table.tblDef{width: 625px; margin: 0 auto;}
table.tblDef th{padding: 10px; vertical-align: top;}
table.tblDef td{vertical-align: top; padding: 10px;}


/* 이미지 */
	.imgWrap{padding: 20px; margin: 50px 0; border:1px solid #000; background: #fff;}
	.imgWrap img{margin-bottom: 10px;}
	.imgWrap span{font-size: 12px;}