body {background-color:#9c9c9c;padding:0; margin:0; background-image:url(../images/bg.jpg); background-position: center top ; background-repeat: no-repeat; background-attachment: fixed}

@font-face {
 font-family: 'NanumGothic';
 src: url(fonts/NanumGothic.eot);
 src: url(fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumGothic.woff) format('woff'),
      url(fonts/NanumGothic.ttf) format('truetype');
}
body, table, td, th, div{ box-sizing: border-box; font-family:NanumGothic, '나눔고딕', ng, sans-serif; font-size:14px; color:#333333; line-height:150%; word-break: keep-all;}
table {border:0}
img {border:0; vertical-align:middle}

a {text-decoration:none; color:#355a89}

.tablecontent {width:940px; margin-bottom:20px;}


.header .title {clear:both; padding-top:25px; padding-bottom:40px;}

.menu {background-image:url(../images/menubg.png); border-top-left-radius:5px; border-top-right-radius:5px; webkit-box-shadow:0 0 10px rgba(50,50,50,0.75);-moz-box-shadow:0 0 10px rgba(50,50,50,0.75);box-shadow:0 0 10px rgba(50,50,50,0.75);}
.menu table {width:50%; float:left}
.menu td {width:33.33333%; padding:0; font-size:18px; text-align:center; border-top-left-radius:5px;  border-top-right-radius:5px; }
.menu td  a {color:#ffffff; display:block; padding:15px; transition:all 0.3s; border-top-left-radius:5px; border-top-right-radius:5px}
.menu td  a:hover { background-color: #d83b01;}
.menu .active {font-weight:bold;  background-color: #d83b01; }
 
.content {padding:4%; background-color:#ffffff; webkit-box-shadow:0 0 10px rgba(50,50,50,0.75);-moz-box-shadow:0 0 10px rgba(50,50,50,0.75);box-shadow:0 0 10px rgba(50,50,50,0.75);}

.footer { padding:4%; background-color:#f0f0f0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;  -webkit-box-shadow:0 0 10px rgba(50,50,50,0.75);-moz-box-shadow:0 0 10px rgba(50,50,50,0.75);box-shadow:0 0 10px rgba(50,50,50,0.75);}
.footer img {margin-left:20px;}
.footer td {padding:5px 0 5px 0}
.footer .platinum img, .footer .diamond img {width:150px; margin-left:30px;}
.footer .gold img, .footer .silver img {width:150px; margin-left:30px;}
.footer .share img {margin-left:5px;}
.footer .last {margin-left:30px}

.color0 {color:#00366f}
.color1 {color:#a47f6d}
.color1_1 {color:#347891}
.color1_2 {color:#2c857d}
.color2 {color:#94626f}
.bk  {color:#000000}
.gr {color:#777777}
.wh  {color:#ffffff}
.sm {font-size:13px;}

.h1 {clear:both; margin-bottom:30px;}
h1 {font-size:22px;color:#202020; padding-bottom:10px; border-bottom:#c0c0c0 1px solid; display:inline}
h2 {font-size:18px; color:#003965; margin-top:0; margin-bottom:10px}
.h2 {font-size:18px;}
h3 {font-size:16px; color:#003965; margin-top:0; margin-bottom:10px}
.h3 {font-size:16px;}
ul {margin-left:-20px;}

.mobile {display:none}
.desktop {display:block}

.main .box {padding:3%; border-radius:4px;}
.main .box td {padding:5px 5px 5px 0}
.main h2 {float:left; width:180px; margin-top:5px}
.main .mark {background-color:#bad4ef; color:#16395f; padding:0 4px 0 4px; margin-bottom:1px; display:inline-block; vertical-align:middle}

.program .box {padding:1.5%; border-radius:4px;}
.program .box td {padding:7px }
.program .ses {font-weight:bold}
.program .sp {font-size:13px; color:#505050}
.program .mark {font-size:13px; background-color:#efe3dc; color:#694026; padding:0 4px 0 4px; margin-bottom:1px; margin-right:5px; display:inline-block; vertical-align:middle}
.program .mark2 {font-size:13px; background-color:#f9dad4; color:#a42c0e; padding:0 4px 0 4px; margin-bottom:1px; display:inline-block; vertical-align:middle}
.speaker {padding-left:150px; clear:both;}
.speaker .photo {margin-left:-150px; float:left; width:120px}
.speaker .photo img {width:120px; margin:1px; border-radius:3px;}
.speaker .time {background-color:#f0f0f0; color:#505050; border:1px #e0e0e0 solid; border-radius:3px; font-size:12px; padding:0 4px 0 4px; margin-right:5px; display:inline-block; vertical-align:middle}
.program .line {clear:both; margin-bottom:20px; height:20px; border-bottom:1px #e0e0e0 solid}

.sponsor .box {padding:1.5%; border-radius:4px;}
.sponsor .box td {padding:10px}
.sponsor td  img {width:180px; margin-left:20px}
.sponsor .box .logo {padding:15px 15px 15px 220px;}
.sponsor .box .logo div {margin-left:-200px; float:left; width:180px}
.sponsor .box .logo img {width:180px; margin:-5px 0 10px -5px}
.sponsor h3 {display:inline}

.info .box {padding:1.5%; border-radius:4px;}
.info .box1  {float:left; width:49%; margin-bottom:20px;}
.info .box2  {float:right; width:49%; margin-bottom:20px;}
.info .gift1 {float:right; height:150px;}
.info .box3 table {width:43%; float:left}
.info .box3 div {width:56%; float:right}

.venue .box {padding:1.5%; border-radius:4px;}
.venue .left  {width:50%; float:left}
.venue .right {width:47%; float:right}


@media only screen and (max-width: 940px) {
body, td, div{font-size:13px;}

.h1 {clear:both; margin-bottom:20px;}
h1 {font-size:18px;color:#202020; padding-bottom:5px; border-bottom:#c0c0c0 1px solid; display:inline}
h2 {font-size:14px; color:#003965; margin-top:0; margin-bottom:5px}
.h3 {font-size:14px}

.sm {font-size:12px;}

.tablecontent {width:100%; margin-bottom:0;}
.header {padding:0 3%}
.header .title  {padding-top:15px; padding-bottom:20px;}

.menu  { border-top-left-radius:0; border-top-right-radius:0; }
.menu td   {font-size:16px;}
.menu td  a {padding:15px 5px;}

.footer { border-bottom-left-radius:0; border-bottom-right-radius:0; }

.header td img {width:100%}

img[usemap] {
		border: none;
		height: auto;
		width: 100%;
}

.main h2 {width:100%}

.program .sp, .program .mark, .program .mark2  {font-size:12px;}

.info .gift1 {height:100px;}
.info .box3 table {width:100%; }
.info .box3 div {width:100%; text-align:center}
}
@media only screen and (max-width: 640px) {
body {background-image:url(../images/bg.jpg); background-position: center -150px ; }

.header .logo {height:35px}
.menu table {width:100%; border-top:1px #626262 solid}
.menu td  {font-size:14px; border-right:1px #626262 solid ;}
.menu td  a { padding: 10px;  border-top-left-radius:0; border-top-right-radius:0}
.menu td  a:hover { background-color: #d83b01;}
.menu .active { background-color: #d83b01;  border-top-left-radius:0; border-top-right-radius:0}

.sponsor td  img {width:130px; margin-left:10px}
.sponsor .box .logo {padding:15px 15px 15px 15px;}
.sponsor .box .logo div {margin-left:0; width:100%; text-align:center}

.speaker {padding-left:0;}
.speaker .photo {margin-left:0; width:100%; text-align:center; margin-bottom:10px;}

.info .box1  {width:100%}
.info .box2  {width:100%}

.venue .left  {width:100%; text-align: center}
.venue .right {width:100%;}

.br:before {content:"%3Cbr%3E"}

.footer {font-size:11px;}
.footer img {margin-left:5px;}
.footer .platinum img, .footer .diamond img {width:100px; margin-left:5px;}
.footer .gold img, .footer .silver img {width:80px; margin-left:5px;}
.footer .bronze img {width:30px; margin-left:5px;}
.footer .last {margin-left:0; margin-top:3px;}
.footer .share {margin-top:10px;}

.mobile {display:block}
.desktop {display:none}

}