@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
body, td, a, li, input{font-size:12px; font-family:'Nanum Gothic','Malgun Gothic','돋움',dotum,sans-serif; line-height:18px;}
body, div, table, ul, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a{padding:0; margin:0;}
.skip{position:absolute; left:-999px; font-size:1px; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}
a:link, a:visited, a:active, a:hover{color:#333333; text-decoration:none;}
img, form{border:none;}
li img, a img, img{vertical-align:top;}
.none{background:none !important; padding:0 !important; margin:0 !important; border:0 !important;}

.red{color:red;}
.pdl25{padding-left:25px;}

.body_bg{background:url('/register/2018_spring/images/body_bg.gif') repeat-x;}
.wrap{width:1000px; margin:0 auto;}`
.header{background-color:#fff;}
h1{float:left}
.gnb{position:relative; float:right; margin-top:40px;}
.gnb li{list-style-type:none; float:left;}
.gnb li a{font-size:11px; margin-left:15px;}
.lnb{clear:both; position:relative; overflow:hidden; height:106px;}
.lnb li{float:left; list-style-type:none;}
.lnb .sub{position:absolute; top:67px; height:40px;}
.lnb .sub li{float:left; list-style-type:none;   padding:12px 10px; height:40px;}
.lnb .sub li a{font-size:12px; font-weight:bold; color:#fff; font-weight:normal;}
#sub1{left:0px; display:none;}
#sub2{left:130px; display:none;}
#sub3{left:150px; display:none;}
#sub4{left:250px; display:none;}
#sub5{left:420px; display:none;}
#sub6{left:520px; display:none;}
.main_img{margin-top:2px; position:relative; background:url('/register/2018_spring/images/main_img.jpg') no-repeat; height:290px;}

.main_impo{position:absolute; bottom:20px; left:70px;}
.main_impo li{list-style:none; float:left; color:#fff; font-size:16px; margin-right:110px;}
.main_impo li span{color:#f6ff00;}
.container{position:relative; clear:both;  overflow:hidden;  padding-bottom:30px;}
.intro_container{position:relative; clear:both;  overflow:hidden; margin-top:30px;}
.intro_img{float:left;}
.important{float:right; width:445px; height:148px; padding:60px 30px 0 25px;  background:url('/register/2018_spring/images/important.gif') no-repeat;}
.important ul li{list-style-type:none; background:url('/register/2018_spring/images/icon_05.gif') no-repeat 0 7px; padding:0 0px 7px 10px; margin-bottom:7px; border-bottom:1px dashed #ddd; overflow:hidden;}
.important ul li strong{float:left;width:160px;}
.important ul li span{float:left;}
.quick{float:right; margin-top:30px; overflow:hidden;}
.quick ul li{float:left; list-style-type:none;}

.left{float:left; width:200px;}
.left p{text-align:center; font-size:22px; line-height:26px; color:#fff; background:url('/register/2018_spring/images/left_top.jpg') no-repeat center top #04aee0; padding:40px 0; font-weight:bold; letter-spacing:-0.5px; border-bottom:1px solid #d0cfe2; font-family: 'Nanum Square','Nanum Gothic';}
.left li{list-style-type:none; padding:15px 0 15px 14px; border-bottom:1px solid #999; font-size:14px; }
.left ul li:hover{background-color:#f0f0f0;}
.left ul li.over{background-color:#b3e7f6;  font-weight:bold; color:#000;}
.left ul li.over:hover{}

.contents{float:right; width:760px; overflow:hidden;}
.title{padding:30px 0; color:#444; font-size:28px; font-weight:bold;font-family: 'Nanum Square','Nanum Gothic';}
.cont{padding:30px 0; overflow:hidden; background-color:#fff;}
.write_btn{padding:20px 0;}
.write_btn p{color:#fff; background-color:#1d8ac3; width:170px; margin:0 auto; text-align:center; padding:15px; font-size:12px; border-radius:6px; font-weight:bold;}
.footer{clear:both; width:100%; text-align:center; background-color:#fff; border-top:1px solid #ddd; padding:20px 0; color:#444;}


/* 프로그램 테이블 */
.program{border-collapse:collapse;}
.program td, .program th{border:1px solid #999; padding:5px;}
.program thead th{background-color:#6229a5; color:#fff;}
.program tbody th{font-weight:normal; text-align:center;background-color:#f0f0f0;}

.pro_detail li{list-style:none; border:1px solid #ddd; width:200px; height:40px; text-align:center; float:left; padding-top:20px; font-size:13px; margin:20px 15px 0px 15px;  background:url('/register/2018_spring/images/program_bg.jpg') repeat-x;}

.pro_detail li:hover{background:url('/register/2018_spring/images/program_bg_over.jpg') repeat-x; color:#fff;}
.pro_detail li.lec_ma{height:20px; padding-top:4px; margin-top:0px;}
.pro_detail li.lec_ma:hover{background:url('/register/2018_spring/images/program_bg_over2.jpg') repeat-x; color:#fff;}
.pro_detail p.lec_ma:hover{background:url('/register/2018_spring/images/program_bg_over2.jpg') repeat-x; color:#fff;}

.bg_none{background:none !important; border:1px solid #fff !important;}
.program_btn{width:300px; margin:0px auto; padding:15px; background-color:#57548d; border-radius:20px; text-align:Center; font-weight:bold; color:#fff;}
.program_btn a{color:#fff; font-size:20px;}
.program_btn span{color:#ffcc00;}


button{border:0 none; background:none; margin-top:-2px; padding:0 30px;}
button:hover{color:#fff;}

/* 학술상안내 */
.awards{border-collapse:collapse;}
.awards td, .awards th{border:1px solid #ddd; padding:5px;}
.awards th{background-color:#444; color:#fff;}
.awards .infomation a{background-color:#4f80db; font-size:11px; color:#fff; font-weight:bold; padding:3px;}
.awards .recommend a{background-color:#f18f1f; font-size:11px; color:#fff; font-weight:bold; padding:3px;}
.format a{background-color:#4f80db; font-size:11px; color:#fff; font-weight:bold; padding:3px 5px;}
.format1 a{background-color:#f18f1f; font-size:11px; color:#fff; font-weight:bold; padding:3px 5px;}

/* 행사장안내 */
.map{border-collapse:collapse;}
.map td, .map th{border:1px solid #959595; padding:5px;}
.map th{background-color:#d4deea; color:#000;}
.hotel{border-collapse:collapse;}
.hotel td, .hotel th{border:1px solid #959595; padding:5px; text-align:center;}
.hotel th{background-color:#ddd; color:#000;}

/* 안내페이지 공통 */
.guide_01{background:url('/register/2018_spring/images/icon_02.jpg') no-repeat 0px 3px; font-size:14px; font-weight:bold; padding-left:20px; margin-bottom:15px;}
.guide_02{background:url('/register/2018_spring/images/icon_01.jpg') no-repeat 0px 3px; font-weight:bold; padding-left:17px; margin-bottom:7px;}
.guide_03{padding-left:20px;}
.guide_03 li{list-style-type:none; background:url('/register/2018_spring/images/icon_03.jpg') no-repeat 0px 3px; padding-left:15px; margin-bottom:5px;}
.guide_04 li{list-style-type:none; background:url('/register/2018_spring/images/icon_04.jpg') no-repeat 0px 3px; padding-left:10px; margin-bottom:10px}

/* 사전등록비 테이블 */
.entry_fee{border-collapse:collapse;}
.entry_fee td, .entry_fee th{border:1px solid #ddd; padding:5px; text-align:center;}
.entry_fee thead th{background-color:#eee;}
.entry_fee tbody th{background-color:#e5eeff;}

.place{border-collapse:collapse;}
.place td, .place th{border:1px solid #ddd; padding:5px;}
.place tbody th{background-color:#e5eeff; text-align:center;}


/* 회원 로그인 화면 */
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2018_spring/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2018_spring/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2018_spring/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}

/* 전시부스 신청 로그인 */
.licensee_box{border:2px solid #ddd; border-radius:8px; padding:120px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2018_spring/images/login_bg.jpg') no-repeat 30px 30px;}
.licensee_box fieldset{border:none;}

/* accommodation */
.accommodation{overflow:hidden; clear:both; margin-bottom:30px;}
.hotel{float:left; width:150px;}
.accom_box{float:right; width:530px;}
.accom{border-collapse:collapse;}
.accom td, .accom th{border:1px solid #ddd; padding:5px;}
.accom th{background-color:#f1f1f1; color:#444;}


/* 등록 및 접수 폼 */
.write_form{border-collapse:collapse; border-top:2px solid #1d8ac3; border-bottom:2px solid #1d8ac3; }
.write_form thead th, .write_form tbody th, .write_form tbody td{padding:10px; border-bottom:1px solid #ddd;}
.write_form thead th{background-color:#fafafa; color:#444; margin:5px 0;}
.write_form tbody th{font-weight:normal; text-align:left;}
.write_form tbody td{line-height:24px;}
.write_form tbody .star{color:red; font-weight:bold;}
.write_form tbody td .in_radio{border:none;}
.write_form tbody td input{border:none; border:1px solid #999; vertical-align:middle; padding:2px;}
.write_form tbody select{font-size:12px; font-family:'돋움',dotum,sans-serif; padding:2px 3px;}
.write_form tbody textarea{margin-top:5px;}
.write_form tbody .section{background-color:#fafafa; font-weight:bold; text-align:center;}
.write_form tbody .btn{background-color:#444; border:1px solid #cbcbcb; padding:3px 7px; border-radius:5px;}
.write_form tbody .btn a{color:#fff; font-size:11px;}
.btn2{text-align:center; margin-top:30px;}
.btn2 span{background-color:#1d8ac3; border:1px solid #cbcbcb; padding:5px 15px; border-radius:5px; margin:0 2px;}
.btn2 a{color:#fff; font-size:13px; font-weight:bold;}
.btn2 a:hover{color:#fffc00;}
.nonmember{color:#fff; background-color:#b6c238; width:120px; margin:0 auto; text-align:center; padding:4px; font-size:12px; border-radius:6px; font-weight:bold;}

/* admin 로그인 화면 */
.admin_wrap{width:700px; margin:100px auto;}
.admin_title{background-color:#ddd; text-align:right; font-weight:bold; padding:5px;}
.admin_bottom{background-color:#ddd; text-align:center; font-weight:bold; padding:5px;}
.admin_login{padding:100px 0px 0px 260px; width:440px; height:250px; margin:0 auto; background:url('/register/2018_spring/images/login_bg.gif') no-repeat;}
.admin_login fieldset{border:none;}
.admin_idpw{float:left; margin-right:20px; margin-left:30px;}
.admin_id{margin-bottom:18px;}



.major{border-collapse:collapse;}
.major td, .major th{border:1px solid #ddd; padding:5px; text-align:center;}
.major thead th{background-color:#eee;}
.major tbody th{background-color:#e5eeff; line-height:32px;}
.downbtn { display:inline-block; padding: 0 0 0 30px; height: 27px; background: url('/register/2018_spring/images/btn01.gif') 0 0 no-repeat; }
.downbtn span { display:inline-block; padding: 6px 10px 0 0; height: 23px; background: url('/register/2018_spring/images/btn02.gif') right 0 no-repeat; color: #444; font-size: 11px; font-weight:normal;}

.bd_bot{border-bottom:1px solid #666 !important;}
.bd_top{border-top:1px solid #666 !important;}

.popup_bg{background:#15aa97; overflow:hidden;}
.lec_popup{margin:10px; padding:15px; background:#fff; min-height:245px; position:relative; line-height:20px;}
.lec_popup .tit{margin-top:0; margin-bottom:10px;font-size:17px; padding:10px 30px; background:url('../images/icon_01.gif') 5px 12px no-repeat;border-bottom:1px solid #ddd; }
.lec_popup ul li{list-style:none; background:url('../images/icon_h.gif') 5px 13px no-repeat; padding-left:20px; font-size:15px; line-height:35px; margin-left:30px;}
.lec_popup ul li img{vertical-align:middle;}
.lec_popup .close{position:absolute; right:15px; bottom:15px;}

@media screen and (min-width:320px) and (max-width:425px) {
.popup_bg{background:#15aa97; overflow:hidden;}
.lec_popup{margin:10px; padding:15px; background:#fff; min-height:245px; position:relative; line-height:20px; height:100vh;}
.lec_popup .tit{margin-top:0; margin-bottom:10px;font-size:1.5em; padding:10px 30px; background:url('../images/icon_01.gif') 5px 12px no-repeat;border-bottom:1px solid #ddd; }
.lec_popup ul li{list-style:none; background:url('../images/icon_h.gif') 5px 13px no-repeat; padding-left:20px; font-size:1.5em; line-height:35px; margin-left:30px; margin-bottom:10px;}
.lec_popup ul li img{vertical-align:middle;}
.lec_popup .close{position:absolute; right:15px; bottom:15px;}
}