@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

/* Common */
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0;}  
body,table {font-family:'notokr-demilight','Dotum','Arial'; font-family: 'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.5px; color:#333; line-height:1.8;}
body {height:100%; margin:0; padding:0; background:url(images/bg.jpg) no-repeat fixed; background-position:left; background-size:cover;}
textarea,input,select,button { font-size:15px; color:#555;}
hr {display:none;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style:none;}
em,address {font-style:normal;}  
a {color:#333; text-decoration:none;}
a:hover {color:#a40000; text-decoration:none;} 

/* Layout */
#Wrap {width:100%;}
#Header {width:100%; }
#Main {width:960px;}
#Content {width:900px; margin:0 auto; padding:50px; background-color:rgba(255, 255, 255, 0.95); box-shadow:0px 0px 7px rgba(47,62,67,0.05); border:1px solid #eee;}
#Footer {width:100%; padding-top:60px; padding-bottom:20px; font-size:11px; text-align:center; }

/* Header */
#Header .MenuBar {width:960px; height:70px; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;  box-sizing:border-box;  }
#Header .MenuBar .Logo {width:209px; float:left;}
#Header .MenuBar ul.Menu {overflow:hidden; float:right;}
#Header .MenuBar ul.Menu li {padding:0 0 0 40px; font-family: 'notokr-medium'; color:#FFF; font-size:16px; text-align:right; float:left;}
#Header .MenuBar ul.Menu li a {color:#fff;}
#Header #Title {text-align:center; padding:20px;}

/* Footer */
#Footer .Logo {width:140px; float:left;}
#Footer .Add {width:700px; float:right;}
#Footer a {color:#FFF;}

/* 공통 */
#Content h1 {height:36px; margin-bottom:20px; line-height:30px; font-family: 'Suez One', serif; font-family: 'Noto Sans KR', sans-serif; font-size:30px; letter-spacing: -1px;}
#Content h2 {margin:40px 0 8px 0; padding:0 0 0 14px; font-family: 'notokr-medium'; font-size:18px; letter-spacing: -1px; background:url(images/h2_bg.png) no-repeat left 7px; position: relative;}
#Content .Error {text-align:center; font-family: 'notokr-medium';}
#Content .Bold {font-family: 'notokr-medium';}
#Content .Red {color:#dd0207;}
#Content .Blue {color:#039;}
#Content .Green {color:#0F8F19;}
#Content .Size16 {font-size:16px;}
#Content .Size18 {font-size:18px;}
#Content .Center {text-align:center;     border-right: 1px solid #ddd;}
#Content .Bottom30 {margin-bottom:30px;}
#Content .Bottom60 {margin-bottom:60px;}
#Content .EX {font-size:12px; color:#888;}
#Content .Right {right: 0; top: 0; font-size: 14px; position: absolute;}

#Content .Btn {margin:50px 0 20px 0; text-align:center;}
#Content .Btn input {width:100%; max-width:334px; padding: 10px 35px; border:1px solid #000; background:#02457A; border:0; font-size:18px; color:#FFF; font-weight:bold; cursor:pointer;}
#Content .Btn p{padding: 10px 35px; border:1px solid #000; background:#114259; border:0; font-size:14px; color:#FFF;  letter-spacing:-0.8px;}
#Content .Paging {margin-top:20px; text-align:center;}
#Content .BoardBtn {margin-top:20px;}

/* Content */
#Content .Greeting {}
#Content .Greeting p {margin-bottom:20px; font-size: 15px; text-align:justify;}
#Content .Greeting .Name {margin:20px 0 0 0; font-size:18px; text-align:right;}

/* 행사개요 프로그램 */
#Content table.Program {width:100%; border-top:1px solid #CCC; background:#FFF;}
#Content table.Program th {padding: 6px 10px;  background: #ccc;}
#Content table.Program th.A {color: #FFF;  background: #04579e;}
#Content table.Program th.B {color: #FFF;  background: #007da3;}
#Content table.Program td {padding: 8px 10px; line-height: 1.6; color:#555; text-align: center; border-bottom:1px solid #DDD; letter-spacing: -1px;}
#Content table.Program td.Session {color:#1B1B1B; text-align: left; font-weight:bold; background:#d9e6f2;}
#Content table.Program td.Ceremony {color:#1B1B1B; font-weight:bold; background:#f5f5f5;}
#Content table.Program td.SessionSpeaker {color:#1B1B1B; font-weight:bold; text-align:right; background:#d9e6f2;}
#Content table.Program td.CeremonySpeaker {color:#1B1B1B; font-weight:bold; text-align:right; background:#f5f5f5;}
#Content table.Program td.Title {text-align:left;}
#Content table.Program td.Speaker {text-align:right;}
#Content table.Program td.LeftBoard {border-left:1px solid #F5F5F5;}
#Content table.Program td.CoffeeBreak {background: #F9F9F9;}

#Content .Private {width:868px; padding:10px; border:1px solid #DDD; background:#EEE;}
#Content .PrivateCheck {margin:10px 0 0 0; padding:5px 10px; border:1px solid #DDD; border-width:1px 0; background:#FFF;}
#Content .PrivateCheck input {vertical-align:middle;}

#Content table.Write {width:100%; border:1px solid #EEE; border-width:1px 1px 0 1px;}
#Content table.Write caption {display: none;}
#Content table.Write th {padding:8px 15px; font-family: 'notokr-medium'; border:1px solid #EEE; border-width:0 1px 1px 0; background:#F9F9F9; font-family: 'Noto Sans KR', sans-serif;}
#Content table.Write td {padding:8px 15px; border:1px solid #EEE; border-width:0 0 1px 0; background:#FFF;}
#Content table.Write input {vertical-align:middle;}
#Content table.Write input.INPAll {width:99%; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP50 {width:50px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP100 {width:100px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP150 {width:150px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write input.INP200 {width:200px; height:18px; padding: 2px; border:1px solid #DDD;}
#Content table.Write label {width:50px; display:inline-block;}
#Content table.Write.HandsOn {width: 80%; font-size: 13px; border:1px solid #EEE; border-width:1px 1px 0 1px;}
#Content table.Write.HandsOn th,
#Content table.Write.HandsOn td {padding: 5px 10px; line-height: 1.2!important; text-align: center;}

#Content .Gift {margin-top:20px; line-height: 1.8; font-size: 15px; text-align: center; }
#Content .Gift .GiftTitle {margin: 0 0 10px 0; font-family: 'notokr-medium'; color:#016CBA; font-size: 22px;}

#Content .Info {width:100%;}
#Content .Info ul {margin: 0 0 5px 0;}
#Content .Info ul li {list-style: disc; list-style-position: inside;}

#Content .WriteOK {margin:30px 0 50px 0; padding: 0 0 30px 0;  line-height: 1.5; font-size:24px; font-family: 'notokr-medium'; text-align:center; letter-spacing: -1px; border-bottom: 1px solid #EEE;}
#Content .WriteOK .Size20 {color: #777; font-family:'notokr-demilight'; font-size:18px;}

#Content table.List {width:100%; border-top:1px solid #DDD; border-collapse:separate; text-align:center;}
#Content table.List caption {text-align:right;}
#Content table.List th {padding:5px; border-bottom:1px solid #DDD; background:#EEE;}
#Content table.List td {padding:5px; border-bottom:1px solid #DDD; background:#FFF;}

#Content table.Fee {width:100%; margin:15px 0 0 0; line-height: 1.5; border:1px solid #DDD; border-width:1px 0px 0px 1px;}
#Content table.Fee th {padding:7px 15px;  border:1px solid #DDD; border-width:0px 1px 1px 0px; background:#EEE;}
#Content table.Fee td {padding:7px 15px; border:1px solid #DDD; border-width:0px 1px 1px 0px; text-align:center; background:#FFF;}

#Content table.List {width:100%; border-top:1px solid #DDD; border-collapse:collapse; text-align:center;}
#Content table.List caption {text-align:right;}
#Content table.List th {background:#F9F9F9;}
#Content table.List th,
#Content table.List td {padding:5px; border-bottom:1px solid #DDD;}

#Content .Search {width:100%; margin:0 0 10px 0; border-spacing:0; border-left:1px solid #CCC; border-bottom:1px solid #CCC;}
#Content .Search caption {display:none;}
#Content .Search th {padding:10px; font-family: 'notokr-medium'; border-top:1px solid #CCC; border-right:1px solid #CCC; background:#EEE;}
#Content .Search td {padding:10px; border-top:1px solid #CCC; border-right:1px solid #CCC; background:#FFF;}
#Content .Search input {width:98%; height:20px; padding: 2px; border:1px solid #CCC;}

#Content .Location {}
#Content .Location iframe {border:1px solid #EEE;}

#cont {max-width: 1200px; margin: 0 auto;}
#cont ul.Live {width:100%;}
#cont ul.Live li {display: inline-block; width: 49%;}
#cont ul.Live li img {width: 80%; margin: 0 auto; display: block;}
#cont ul.Live li > a.doctor { display: block; margin: 0 auto; width: 75%; text-align: center; background: #7d5598; border:5px solid #fff; border-radius: 8px; padding: 10px; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #fff;}
#cont ul.Live li > a.doctor:hover {background: #fff; color:#000}
#cont ul.Live li > a.nurse { display: block; margin: 0 auto; width: 75%; text-align: center; background: #a01c4a; border:5px solid #fff; border-radius: 8px; padding: 10px; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #fff;}
#cont ul.Live li > a.nurse:hover {background: #fff; color:#000}

/*반응형 세팅*/
@media (max-width: 1024px) {
	#Content {width:95%; margin:0 auto; padding:30px 10px; box-sizing:border-box;}
	#Main {width:100%;}
	#Header .MenuBar {width:100%; max-width:960px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;  box-sizing:border-box;  }
}

@media (min-width: 671px) {
	.pc{ display:block; }
	.mobile{ display:none; }

	#Content table.Write .write1col{ width:20% }
	#Content table.Write .write2col{ width:80% }
	
	#Content table.Write td input[type="text"]{ width:200px; height:35px !important; border-radius:2px; border:1px solid #aaa; margin:2px 0px; box-sizing:border-box; padding:5px; }
	#Content table.Write td select{ width:200px; height:35px; border:1px solid #aaa; }

	#Content table.Write td #EmailA{ width:20% }
	#Content table.Write td #EmailB{ width:40% }

	#Content table.Write td #Handphone1{ width:20% }
	#Content table.Write td #Handphone2{ width:20% }
	#Content table.Write td #Handphone3{ width:20% }

	#Content table.Write td #Ophone1{ width:20% }
	#Content table.Write td #Ophone2{ width:20% }
	#Content table.Write td #Ophone3{ width:20% }

	#Content table.Write td #Ofax1{ width:20% }
	#Content table.Write td #Ofax2{ width:20% }
	#Content table.Write td #Ofax3{ width:20% }

	#Content table.Write td #return_bank{ width:20% }
	#Content table.Write td #return_money{ width:40% }

	#Content .sf { display:flex; margin:0 auto; }
	#Content .sf input[type="text"]{ width:90%; height:35px !important; border-radius:2px; border:1px solid #aaa; box-sizing:border-box; padding:5px; margin:0 auto; }
	#Content .sf select{ width:90%; height:35px; border:1px solid #aaa; }

	#Content .sf div{ padding:20px 0; border:1px solid #ccc; }
	#Content .sf div.title{ width:20%; text-align:center; padding-top:20px; border-right:0px; font-size:18px; background:#F1F9E4; }
	#Content .sf div.title:nth-child(3){ border-left:0px; }
	#Content .sf div:not(.title){ width:30%; text-align:center; }
}

@media (max-width: 670px) {
	.pc{ display:none; }
	.mobile{ display:block; }

	#Header .MenuBar {width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 0px 0; overflow:hidden;  box-sizing:border-box;  }
	#Header .MenuBar ul.Menu {float:none !important; width:100%; overflow:hidden; margin-top:50px; }
	#Header .MenuBar ul.Menu li { display:inline-block; padding:5px 0px; width:50%; color:#FFF; font-size:16px; text-align:center; border:1px solid #888; box-sizing:border-box; }	 
	#Header .MenuBar ul.Menu li:nth-child(2){ border-left:0px; }
	#Header .MenuBar ul.Menu li:nth-child(3){ margin-top:-1px; }
	#Header .MenuBar ul.Menu li:nth-child(4){ border-left:0px; margin-top:-1px; }
	#Header .MenuBar ul.Menu li:nth-child(5){ margin-top:-1px; }
	#Header .MenuBar ul.Menu li:nth-child(6){ border-left:0px; margin-top:-1px; }
	#Header .MenuBar ul.Menu li a {color:#fff;}

	#Content table.Write th{ padding:0; }
	#Content table.Write .write1col{ width:30% }
	#Content table.Write .write2col{ width:70% }
	#Content table.Write td input[type="text"]{ width:100%; height:35px !important; border-radius:2px; border:1px solid #aaa; margin:2px 0px; box-sizing:border-box; padding:5px; }
	#Content table.Write td select{ width:100%; height:35px; border:1px solid #aaa; }

	#Content table.Write td #EmailA{ width:30% }
	#Content table.Write td #EmailB{ width:40% }

	#Content table.Write td #Handphone1{ width:30% }
	#Content table.Write td #Handphone2{ width:30% }
	#Content table.Write td #Handphone3{ width:30% }

	#Content table.Write td #Ophone1{ width:30% }
	#Content table.Write td #Ophone2{ width:30% }
	#Content table.Write td #Ophone3{ width:30% }

	#Content table.Write td #Ofax1{ width:30% }
	#Content table.Write td #Ofax2{ width:30% }
	#Content table.Write td #Ofax3{ width:30% }

	#Content table.Write td #return_bank{ width:50% }
	#Content table.Write td #return_money{ width:100% }

	#Content .sf { display:flex; flex-wrap: wrap; margin:0 auto; }
	#Content .sf input[type="text"]{ width:90%; height:35px !important; border-radius:2px; border:1px solid #aaa; box-sizing:border-box; padding:5px; margin:0 auto; }
	#Content .sf select{ width:90%; height:35px; border:1px solid #aaa; }

	#Content .sf div{ padding:20px 0; border:1px solid #ccc; box-sizing:border-box; }
	#Content .sf div.title{ width:40%; text-align:center; padding-top:20px; border-right:0px; font-size:18px; background:#F1F9E4; }
	#Content .sf div:nth-child(3){ margin-top:5px; }
	#Content .sf div:nth-child(4){ margin-top:5px; }
	#Content .sf div:not(.title){ width:60%; text-align:center; }
}