@import url("../../css/font.css");


/* 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,select,button { font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#444; line-height:2;height: 25px;}  
table,textarea,input {line-height: 1.6; font-size:15px; color:#444;}
th {color:#222;}
body {height:100%; margin:0; padding:0; background:#130028;width: 100%;}
html {height:100%;}
hr {display:none;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style:none;}
em,address {font-style:normal;}  
a {color:#222; text-decoration:none;}
a:hover {color:#009cdd; text-decoration:underline;} 


/* 레이아웃 */
/* #Wrap {max-width:1200px; margin:0 auto;} */
#Wrap {max-width:100%; margin:0 auto;}

#Container {width: 1200px; margin: 0 auto; overflow: hidden;}
#HeaderTitle {width: 1200px; margin: 0 auto;}
#HeaderTitle img{width: 1200px; }
#Content {width: 1200px;margin: 0 auto;padding: 30px;border: 1px solid #e1e1e1; background: #FFF; box-sizing: border-box;}
#Footer {width: 1200px;font-weight: 700;height: 70px;margin: 0 auto;line-height: 70px;font-size: 13px;text-align: center;color: #fff;}


/* 상단 */
/* #Header .Menu {width:1200px; height:52px; background:#000; overflow: hidden;} */
#Header .Menu {width:100%; height:52px; background:#000; overflow: hidden;}
#Header .Menu ul {width:100%; border-left:1px solid #444; overflow:hidden; float: right;}
#Header .Menu ul li {width:239px; padding:10px 0; text-align:center; border-right:1px solid #525252; float:left;}
#Header .Menu ul li:nth-child(5) {border-right:none;}
#Header .Menu ul li:nth-child(1) {border-right:none;}
#Header .Menu ul li a {display: block;color:#FFF; font-size:17px; text-decoration:none; letter-spacing: -1px;}
#Header .Menu ul li a:hover {color:#fff;font-weight: bold;    text-decoration: underline; }


/* 공통 */
/* #Content h1 {margin:0 0 30px 0; padding:0 0 0 58px; line-height:40px; color:#222; font-size:22px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -2px; background:url(images/content_h1_bg.png) left 1px no-repeat; position: relative;} */
#Content h1 {margin:0 0 30px 0; padding:0 0 0 10px; line-height:40px; color:#222; font-size:22px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -2px; position: relative;}
#Content h1 p.HallName {top: 0; right: 0; text-align: right; position: absolute; display: none;}
#Content h2 {margin-bottom:5px; font-size:18px;font-family: 'Noto Sans KR', sans-serif; color:#222; letter-spacing: -1px;}
#Content .Bold {font-weight:bold; font-family: 'Noto Sans KR', sans-serif;}
#Content .Bottom10 {margin-bottom:20px;}
#Content .Bottom20 {margin-bottom:20px;}
#Content .Bottom30 {margin-bottom:30px;}
#Content .Bottom50 {margin-bottom:50px;}
#Content .Top10 {margin-top:20px;}
#Content .Top20 {margin-top:20px;}
#Content .Top30 {margin-top:30px;}
#Content .Top50 {margin-top:50px;}
#Content .Error {text-align:center; font-size:14px; font-weight:bold;}
#Content .Btn {margin-top:20px; text-align:center;}
#Content .Btn input.BtnINP {padding: 2px 20px; font-size:14px; line-height: 36px; color:#FFF; font-weight:bold; border:1px solid #110e2b; background:#1a4267;}
#Content span.Red {color:red; font-weight:bold;}
#Content .Red {color:red; font-weight:bold;}
#Content span.Blue {color:#039; font-weight:bold;}
#Footer span.Bold {font-weight:bold; font-family: 'notokr-medium';}


/* 인사말 */
#Content .Gre {width:100%; background:url(images/content_main01.png) no-repeat bottom right;}
#Content .Gre p {line-height:2; font-size: 16px;}
#Content .Gre p.GreName {margin: 0;font-size:17px;  font-weight:bold; text-align:right; letter-spacing: -1px;}


/* 행사개요 */
#Content .Info2 {border: 1px solid #ddd; padding: 10px 10px;}
#Content .Info table {width:50%; text-align:center; border-left:1px solid #DDD;}
#Content .Info table th {background:#EEE;}
#Content .Location table td {border:1px solid #DDD; border-width:0 1px 1px 0;width: 14px;}
#Content .Info table td {border:1px solid #DDD; border-width:0 1px 1px 0;}
#Content .Info ul li {list-style-type: disc; list-style-position: inside;line-height: 25px;}
#Content .Info2 ul li {list-style-type: disc; list-style-position: inside}
#Content .Info ul li.no-marker {list-style-type: none; list-style-position: inside}
#Content .Info p {margin: 0 0 20px 0;}
#Content .Info a.Link {padding: 2px 8px; color:#FFF; font-weight:bold; text-decoration:none; border:1px solid #000; border-radius: 6px; background:#222;}

#Content .Gift {margin-top: 10px; padding: 10px 20px; line-height: 1.8; font-size: 15px; text-align: center; border: 1px solid #d7b1bd; border-radius: 10px; background: #F6F6F6;}
#Content .Gift .GiftTitle {margin: 0 0 10px 0; font-family: 'notokr-medium'; color:#a40035; font-size: 18px;}


#Content table.Fee {width:100%; margin-bottom: 10px; text-align:center; border-top:1px solid #DDD; border-left:1px solid #DDD;}
#Content table.tx_l td:nth-child(2) {text-align: left; padding-left: 20px;}
#Content table.Fee th {border:1px solid #DDD; border-width:0 1px 1px 0; background:#f19165; color: #fff;}
#Content table.Fee td {border:1px solid #DDD; border-width:0 1px 1px 0;}

#Content .RegErr {margin:200px; font-size:20px; text-align:center;}
#Content .RegOK {font-size:18px; font-weight: bold; line-height:1.8; letter-spacing: -1px; text-align:center;}


/* 행사개요 프로그램 */
#Content table.Program {width:100%; border-top:1px solid #CCC; background:#FFF;}
#Content table.Program th {padding: 4px 10px; color: #FFF; font-size: 14px; background: #655a9d;}
#Content table.Program th.Red {background:#f0675e;}
#Content table.Program th.Blue {background:#210d85;}
#Content table.Program td {padding: 6px; color:#555; text-align: left;  font-size:14px; letter-spacing:-0.5px; }
#Content table.Program td.border_bottom {border-bottom: 1px solid#595757;}

/* #Content table.Program td:nth-child(2) {width: 57%;} */
/* #122848 전체

#5fa4da
#7f72b3
#cf99c3
#74c2a4 */
#Content table.Program td.Session1 {color:#fff; font-weight:bold; line-height: 1.4; }
#Content table.Program td.roomcl_0 {background:#122848;}
#Content table.Program td.roomcl_1 {background:#5fa4da;}
#Content table.Program td.roomcl_2 {background:#7f72b3;}
#Content table.Program td.roomcl_3 {background:#cf99c3;}
#Content table.Program td.roomcl_4 {background:#74c2a4;}

#Content table.Program td.Green {color:#fff; font-weight:bold; font-size:18px;  line-height: 1.4; background:#005085;text-align: center;}
#Content table.Program tr.back1 { background:#f3fafe; }

#Content table.Program td.Purple {color:#fff; font-weight:bold; font-size:18px;  line-height: 1.4; background:#00aebb;text-align: center; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
#Content table.Program tr.back2 { background:#fff; }

#Content table.Program td.Grup {color:#1B1B1B; font-weight:bold; line-height: 1.4; border-left: 1px solid #eee; border-right: 1px solid #eee; background:#f4f2ff;}
#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; line-height: 1.4; background:#eaf6fe;}
#Content table.Program td.CeremonySpeaker {color:#1B1B1B; font-weight:bold; text-align:right; background:#f5f5f5;}

#Content table.Program td.Title {text-align:left; font-weight:bold;}
#Content table.Program td.Title p:nth-child(even){ margin-top:10px; text-indent:-18px; margin-left:18px; }
#Content table.Program tr.back1 td.Title p:nth-child(3){ margin-top:20px; color:#005085;}
#Content table.Program tr.back2 td.Title p:nth-child(3){ margin-top:20px; color:#00aebb;}
#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 table.Program td.Room {font-family: 'notokr-medium'; text-align: center; background: #EEE;}
#Content table.Program td.Room.A {background: #fad1ce;}
#Content table.Program td.Room.B {background: #cfcbe2;}
#Content table.Program.M1 th {background: #595757;}
#Content table.Program.M2 th {background: #595757; height:30px;}
#Content table.Program.M3 th {background: #350f79;}
#Content table.Program.M4 th {background: #42667d;}
#Content table.Program.M5 th {background: #0b66a1;}
#Content table.Program th.Thick,
#Content table.Program td.Thick {border-bottom: 2px solid #bbb;} 

#Content table.Program.M2 td{ height:50px; }
#Content table.Program.M2 td.Title { color:#222; font-size:16px; line-height:150%; font-weight:500; letter-spacing:-1px; }
#Content table.Program.M2 td.Speaker { text-align:left; color:#3e3a39; font-size:16px; }
#Content table.Program td.Speaker span{ font-size:13px; }


/* 사전등록하기 */
#Content table.Write {width:100%; border-bottom:1px solid #DDD; background:#FFF;}
#Content table.Write caption {display:none;}
#Content table.Write th {padding:6px 20px; border:1px solid #DDD; border-width:1px 1px 0px 0px; text-align:left; background:#f9f9f9;}
#Content table.Write td {padding:6px 15px; border-top:1px solid #EEE;}
#Content table.Write td span.Approve {color:#C00;}
#Content table.Write td input {height:14px; padding:2px;}
#Content table.Write td input.MoneyBtn {height:25px;}
#Content table.Write td select,
#Content table.Write td input,
#Content table.Write td img {vertical-align:middle;}
*html #Content table.Write td input,
*html #Content table.Write td img {margin-top:-1px;}
#Content table.Write td input.W50 {width:50px;height: 20px; padding: 2px; border:1px solid #CCC;}
#Content table.Write td input.W120 {width:120px; height: 20px;padding: 2px; border:1px solid #CCC;}
#Content table.Write td input.W200 {width:200px; height: 20px; padding: 2px; border:1px solid #CCC;}

#Content table.HandsOn {width:100%; margin:5px 0; font-size: 13px; border:1px solid #DDD; border-width:0px 0px 1px 1px;}
#Content table.HandsOn caption {display:none;}
#Content table.HandsOn th {padding:2px 10px 2px 10px; text-align: center; background:#F9F9F9;}
#Content table.HandsOn th.NoneBorder {border-top: 0px;}
#Content table.HandsOn td {padding:2px 10px 2px 10px; border-right:1px solid #DDD; word-break:keep-all;}

#Content .InfoBox {padding: 5px; margin: 30px 0; font-size: 15px; font-weight: bold; text-align: center; letter-spacing: -1px; border: 1px solid #CCC; border-radius: 5px;  background:#f9f9f9;}
#Content .HandsOnBox {padding: 10px; line-height: 1.4; color: #000; font-size: 12px; border: 1px solid #ddd; background: #f1f1f1;}


/* 사전등록확인리스트 */
#Content .Excel {width:100%; text-align:right; font-weight:bold;}
#Content table.List {width:100%; border-top:1px solid #DDD; border-collapse:separate; text-align:center;}
#Content table.List caption {text-align:right; font-size:8pt;}
#Content table.List th {padding:5px; border-bottom:1px solid #DDD; background:#f9f9f9;}
#Content table.List td {padding:5px; border-bottom:1px solid #DDD; background:#FFF;}
#Content table.List td a.CardBtn {padding:2px; color:#FFF; border:1px solid #000; border-radius:5px; background:#323232;}

#Content .Search {width:100%; margin-bottom:10px; border:1px solid #CCC;}
#Content .Search caption {display:none;}
#Content .Search th {padding:10px; border-right:1px solid #DDD; background:#f9f9f9;}
#Content .Search td {padding:10px; background:#FFF;}
#Content .Search input {width:99%; height:18px; padding: 2px; border:1px solid #BBB;}

#Content .SearchBnt {text-align:center; margin-top:20px; margin-bottom:30px;}
#Content .SearchBnt input {width:100px; height:36px; font-size:14px; color:#FFF; font-weight:bold; border:1px solid #681128; background:#8a223e;}

#Content .Location iframe {margin:0 0 30px 0;}
#Content .Location li {list-style: none!important;}

span.boxbox{ display:inline-block; background:#dc3545; border-radius:5px; color:#FFF; padding:3px 5px; cursor:pointer; }

@media only screen and (max-width: 1200px){ 
	body { width:1200px !important;}
}