:root{
    --basic-color1:#F5F7FA;
    --basic-color2:#4FC5EB;
    --basic-color3:#474F61;
    --basic-color4:#D4D7DC;
    --basic-color5:#4DAAD2;
    --basic-color6:#9BA6A6;
    --basic-color7:#96C44E;
    --basic-color8:#EFF0F3;
    --basic-color9:#A1A2A7;
    --basic-color10:#565C63;
    --basic-color11:#79868F;
    --basic-color12:#e9eeee;

    --basic-color13:#b4bdcd;
    --basic-color14:#d4d9de;
    --basic-color15:#b4bdc5;

    --basic-color16:#f8f9fa;
    --basic-color17:#F6F7F9;
    --basic-color18:#DFE7E9;

    --basic-color19:#A2A9B6;
    --basic-color20:#7C8493;
    --basic-color21:#A1BB91;
    --basic-color22:#efefef;
    --basic-color23:#f4f4f4;
    --basic-color24:#dddddd;
    --basic-color25:#333333;
    --basic-color26:#999999;
    --basic-color27:#fff;
    --basic-color28:#e84c3d;

    --dash-color1:#e84c3d;
    --dash-color2:#f1a130;
    --dash-color3:#85c644;
    --dash-color4:#546b8d;



    --colorful-color1:#F76D82;
    --colorful-color2:#EC5564;
    --colorful-color3:#D94452;
    --colorful-color4:#FC8370;
    --colorful-color5:#FB6D51;
    --colorful-color6:#E8563F;
    --colorful-color7:#FCD277;
    --colorful-color8:#FECD57;
    --colorful-color9:#F5BA45;
    --colorful-color10:#B4E080;
    --colorful-color11:#9ED36A;
    --colorful-color12:#8AC054;
    --colorful-color13:#62DDBD;
    --colorful-color14:#46CDAD;
    --colorful-color15:#35BB9B;
    --colorful-color16:#62DDBD;
    --colorful-color17:#46CDAD;
    --colorful-color18:#35BB9B;
    --colorful-color19:#73B1F4;
    --colorful-color20:#5E9CEA;
    --colorful-color21:#4B89DA;
    --colorful-color22:#B3A5EF;
    --colorful-color23:#AC92EA;
    --colorful-color24:#967ADA;
    --colorful-color25:#F299CD;
    --colorful-color26:#EB87BF;
    --colorful-color27:#D640AC;
    --colorful-color28:#F4E0B5;
    --colorful-color29:#F0C8A5;
    --colorful-color30:#E4B693;
    --colorful-color31:#F4F6F9;
    --colorful-color32:#E5E8EC;
    --colorful-color33:#CBD0D8;
    --colorful-color34:#A9BABC;
    --colorful-color35:#646C77;
    --colorful-color36:#424953;

    --element-color1:#96C44E;
    --element-color2:#4DAAD2;

    --btn-color-1:#1e75d6;
    --btn-color-2:#666666;
    --btn-color-3:#e84c3d;
    --btn-color-4:#D640AC;
    --btn-color-5:#8AC054;

    --color_01:#F05235;
    --color_02:#FD9700;
    --color_03:#DFC21F;
    --color_04:#87BF3D;
    --color_05:#30BCA7;
    --color_06:#00ACCB;
    --color_07:#008097;
    --color_08:#814485;
    --color_09:#2C3843;
    --color_10:#ABAFB4;
}

@font-face {
    font-family: 'twayfly';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayfly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.w_0{width:0%;}.w_1{width:1%;}.w_2{width:2%;}.w_3{width:3%;}.w_4{width:4%;}.w_5{width:5%;}.w_6{width:6%;}.w_7{width:7%;}.w_8{width:8%;}.w_9{width:9%;}
.w_10{width:10%;}.w_11{width:11%;}.w_12{width:12%;}.w_13{width:13%;}.w_14{width:14%;}.w_15{width:15%;}
.w_16{width:16%;}.w_17{width:17%;}.w_18{width:18%;}.w_19{width:19%;}
.w_20{width:20%;}.w_21{width:21%;}.w_22{width:22%;}.w_23{width:23%;}.w_24{width:24%;}.w_245{width:24.5%;}.w_25{width:25%;}.w_26{width:26%;}
.w_27{width:27%;}.w_28{width:28%;}.w_29{width:29%;}
.w_30{width:30%;}.w_31{width:31%;}.w_32{width:32%;}.w_33{width:33%;}.w_34{width:34%;}.w_35{width:35%;}.w_39{width:39%;}.w_395{width:39.5%;}
.w_40{width:40%;}.w_44{width:44%;}.w_45{width:45%;}.w_46{width:46%;}.w_47{width:47%;}.w_48{width:48%;}
.w_49{width:49%;}.w_495{width:49.5%;}
.w_50{width:50%;}.w_51{width:51%;}.w_52{width:52%;}.w_53{width:53%;}.w_54{width:54%;}.w_55{width:55%;}
.w_56{width:56%;}.w_57{width:57%;}.w_58{width:58%;}.w_59{width:59%;}
.w_60{width:60%;}.w_61{width:61%;}.w_62{width:62%;}.w_63{width:63%;}.w_64{width:64%;}.w_65{width:65%;}
.w_66{width:66%;}.w_67{width:67%;}.w_68{width:68%;}.w_69{width:69%;}
.w_70{width:70%;}.w_71{width:71%;}.w_72{width:72%;}.w_73{width:73%;}.w_74{width:74%;}.w_75{width:75%;}
.w_76{width:76%;}.w_77{width:77%;}.w_78{width:78%;}.w_79{width:79%;}
.w_80{width:80%;}.w_85{width:85%;}
.w_90{width:90%;}.w_91{width:91%;}.w_92{width:92%;}.w_93{width:93%;}.w_94{width:94%;}.w_95{width:95%;}
.w_96{width:96%;}.w_97{width:97%;}.w_98{width:98%;}.w_99{width:99%;}.w_995{width:99.5%;}
.w_100{width:100%;}

.floatLeft{float: left}
.floatRight{float: right}
.radius02{border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.radius03{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.radius04{border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.radius05{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.radius10{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}

.menuBar{}
.menuBar.active{color: var(--basic-color7)}
.menuAlignCenter{text-align: center; cursor: default;}
.menuAlignLeftLi{display: inline-block; position:relative; padding:10 20px;  }
.menuAlignLi{padding: 9px 0px; box-shadow: 0 1px 0 0 #ccc; }
.menuAlignLi:first-child{margin-top:10px;}
.menuAlignLi:last-child{margin-bottom:10px; box-shadow: 0 0 0 0 #000000;}
.menuSubDiv{z-index:1000; position: absolute; display: none; width:100%; color:#000; margin-top:17px; margin-left: -15px; overflow-y:auto; height:170px; padding:5px;}
.menuSubDiv.active{display: block;}

.menuSubDiv::-webkit-scrollbar {width: 7px;}
.menuSubDiv::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 4px;background-clip: padding-box;border: 2px solid transparent;}
.menuSubDiv::-webkit-scrollbar-track {background-color: var(--basic-color1); border-radius: 4px;box-shadow: inset 0px 0px 1px white;}

/*h1, h2, h3, h4, h5, h6,*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;

    line-height: 1;
	letter-spacing:0;
	/*font-family: "Noto Serif", "LexiSaebomR", sans-serif;*/
	font-family: 'twayfly';
    font-style:normal;
    padding: 0px; margin: 0px;
    font-size: 18px;
    text-decoration: none;


}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background-color: #f7f7f7;
    /*background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");*/
    /*background-position: center;
    
	background:url('../images/bg.png') top no-repeat;
	background-size: cover;*/
	/*overflow: hidden;*/
	/*max-width:1710px; 
	margin:0 auto; */
}

table, tr, td, th { box-sizing:content-box !important;font-size: 14px;} 

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}

#Embed_Social {background-color: #fff;}

.documentDiv{    width:100%;    }
.pxsizecenter{ margin: 0 auto; width: 1280px; display: inline-block;}
.maxsizecenter{ margin: 0 auto; width: 100%; display: inline-block;}
.halfsizecenter{ margin: 0 auto; width: 50%;}
.sizecenter90{ margin: 0 auto; width: 90%;}
.sizecenter80{ margin: 0 auto; width: 80%;}
.sizecenter75{ margin: 0 auto; width: 75%;}
.sizecenter70{ margin: 0 auto; width: 70%;}
.sizecenter60{ margin: 0 auto; width: 60%;}
.sizecenter50{ margin: 0 auto; width: 50%;}
.sizecenter40{ margin: 0 auto; width: 40%;}
.sizecenter30{ margin: 0 auto; width: 30%;}
.sizecenter25{ margin: 0 auto; width: 25%;}
.sizecenter20{ margin: 0 auto; width: 20%;}
.sizecenter10{ margin: 0 auto; width: 10%;}


.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.alignRight{text-align: right;}
.displayNone{display: none;}


.outLineBox{
    margin-top: 10px; height: 48px; cursor: default; position: relative;
}

.outLineBox.textarea{
    height: 100px;
}

.outLineBox.input, .outLineBox.select, .outLineBox.textarea{
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(50,50,93,.1), 0 2px 5px 0 rgba(50,50,93,.05), 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 0 1px rgba(50,50,93,.1), 0 2px 5px 0 rgba(50,50,93,.05), 0 1px 1px 0 rgba(0,0,0,.05);
}

.outLineBox.input.necessary, .outLineBox.select.necessary, .outLineBox.textarea.necessary{
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #ef6c2a, 0 2px 5px 0 #ef6c2a, 0 1px 1px 0 #ef6c2a;
    box-shadow: 0 0 0 1px #ef6c2a, 0 2px 5px 0 #ef6c2a, 0 1px 1px 0 #ef6c2a;
}


.outLineBox.btn{
    -webkit-box-shadow: 0 0 0 1px rgba(50,50,93,.1), 0 2px 5px 0 rgba(50,50,93,.05), 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 0 1px rgba(50,50,93,.1), 0 2px 5px 0 rgba(50,50,93,.05), 0 1px 1px 0 rgba(0,0,0,.05);
}


.inLineBox{position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd;}


.input-field, .form-page-form-fields .StripeElement {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 14px 10px 2px 10px;
    -webkit-transition: color .08s ease-in,-webkit-box-shadow .08s ease-in;
    transition: color .08s ease-in,-webkit-box-shadow .08s ease-in;
    transition: box-shadow .08s ease-in,color .08s ease-in;
    transition: box-shadow .08s ease-in,color .08s ease-in,-webkit-box-shadow .08s ease-in;
    color: #303030;
    border: 0;
    border-radius: 6px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 90px;
}
.field-position-relative{
    height:100%;
    position: relative;
}
.field-position-relative label.inputLabel {

    line-height: 1.5;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    /*color: #aaa;*/
    border: 1px solid transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.field-position-relative label.textareaLabel {

    line-height: 1.5;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    /*height: 100%;*/
    margin-bottom: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    /*color: #aaa;*/
    border: 1px solid transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}




.field-position-relative div.btnLabel {
    line-height: 1.5;
    /*position: absolute;*/
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
/*    width: auto;*/
/*    height: 100%;*/

    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    /*color: #aaa;*/
    border: 1px solid transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
}

.field-position-relative label.inputLabel.active {
    font-size: 12px;
    z-index: 10;
    top: 2;
    left: 10px;
    width: auto;
    color: #aaa;
    height: 20px;
}

.field-position-relative.btn{
    text-align:center;
}



.form-page-form-fields label {
    margin-bottom: 0!important;
}

.field-position-relative label.selectLabel {

    line-height: 1.5;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    /*color: #aaa;*/
    border: 1px solid transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.overflowY100{overflow-y:auto; height:100px;}
.overflowY200{overflow-y:auto; height:200px;}
.overflowY300{overflow-y:auto; height:300px;}
.overflowY400{overflow-y:auto; height:400px;}
.overflowY500{overflow-y:auto; height:500px;}

.selectBoxSubDiv{z-index:1000; position: absolute; display: none; width:100%; color:#000; margin-top:3px; padding:5px;}
.selectBoxSubDiv.active{display: block;}

.selectBoxSubDiv::-webkit-scrollbar {width: 7px;}
.selectBoxSubDiv::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 4px;background-clip: padding-box;border: 2px solid transparent;}
.selectBoxSubDiv::-webkit-scrollbar-track {background-color: var(--basic-color1); border-radius: 0px 0px 4px 4px; box-shadow: inset 0px 0px 1px white;}


.selectAlignCenter{text-indent: 10px; cursor: default;}
.selectAlignLeftLi{display: inline-block; position:relative; padding:10 20px;  }
.selectAlignLi{padding: 9px 0px; box-shadow: 0 1px 0 0 #ccc; }
.selectAlignLi:first-child{margin-top:0px;}
.selectAlignLi:last-child{margin-bottom:0px; box-shadow: 0 0 0 0 #000000;}
.selectAlignLi.active{color:#fff; background-color: var(--dash-color4) }

.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font18{font-size:18px;}

.fontB{font-weight:600;}

.margin-b10{margin-bottom:10px;}
.margin-b20{margin-bottom:20px;}
.margin-b30{margin-bottom:30px;}
.margin-b40{margin-bottom:40px;}
.margin-b50{margin-bottom:50px;}

.margin-t10{margin-top:10px;}
.margin-t20{margin-top:20px;}
.margin-t30{margin-top:30px;}
.margin-t40{margin-top:40px;}
.margin-t50{margin-top:50px;}

.margin-r10{margin-right:10px;}
.margin-r20{margin-right:20px;}
.margin-r30{margin-right:30px;}
.margin-r40{margin-right:40px;}
.margin-r50{margin-right:50px;}

.margin-l10{margin-left:10px;}
.margin-l20{margin-left:20px;}
.margin-l30{margin-left:30px;}
.margin-l40{margin-left:40px;}
.margin-l50{margin-left:50px;}


.padding-b10{padding-bottom:10px;}
.padding-b20{padding-bottom:20px;}
.padding-b30{padding-bottom:30px;}
.padding-b40{padding-bottom:40px;}
.padding-b50{padding-bottom:50px;}

.padding-t10{padding-top:10px;}
.padding-t20{padding-top:20px;}
.padding-t30{padding-top:30px;}
.padding-t40{padding-top:40px;}
.padding-t50{padding-top:50px;}

.padding-r10{padding-right:10px;}
.padding-r20{padding-right:20px;}
.padding-r30{padding-right:30px;}
.padding-r40{padding-right:40px;}
.padding-r50{padding-right:50px;}

.padding-l10{padding-left:10px;}
.padding-l20{padding-left:20px;}
.padding-l30{padding-left:30px;}
.padding-l40{padding-left:40px;}
.padding-l50{padding-left:50px;}

.letter-spacing0{letter-spacing:0}
.letter-spacing-1{letter-spacing:-1px}
.letter-spacing-2{letter-spacing:-2px}


.line300{border-bottom:1px solid #e6e6e6}
.line400{border-bottom:1px solid #d5d5d5}
.line500{border-bottom:1px solid #c4c4c4}


.color300{color:#999;}

.block{display:block;}
.inline-block{display:inline-block;}
.lineheight01{line-height:180%; }


input {
   -webkit-border-radius: 0;
}





.container{width:100%; margin:0 auto; }
.area{width:100%; max-width:1380px; margin:0 auto; padding:50px 80px 30px 80px;  }
.top{width:100%; height:32px; background-color:#310653; color:#fff; line-height:32px; padding-left:30px; padding-right:30px; font-size:12px;}
.top span.logout a{display:inline-block; float:right; font-size:12px; color:#fff}
.top-img {width:100%; height:280px; background:url('../images/top_img.jpg') center no-repeat;  }
.wel{float:right; margin-right:20px; }
.wel span{text-decoration:underline; font-size:12px; padding-right:5px; }
.mypage{float:right; margin-right:20px; font-size:12px; color:#fff; margin-left:10px; }
.mypage a{font-size:12px; color:#fff }


.bg_bottom {    width: 100%;
    /*height: 668px;*/
    background: url(../images/bg-bottom.png) no-repeat left bottom;
    background-size : cover;
    position: absolute;
    bottom: -70px;
	left: 0;
    z-index: -1;
}

.login-container {width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

.login-area{width:100%; height:100%;  background:#fff;   background: url('../images/bg.png') no-repeat center; background-size: cover;  }

.homepage{    position: absolute;
   left: 30px;
    top: 30px;}
.homepage img{width:120px; }

.login-container h1{text-align:center; margin-bottom:40px; }
.login-container h1 img{width:63%;   }






.login-container .left{    display: inline-block;
    width: 100%;
    margin: 0 auto;}
.login-container .left img {width:80%;}
.login-container .left > .notice{width:70%; border:1px solid #8b42c7;  background: rgba(255,255,255,0.8); padding:15px;   }
.login-container .left > .notice > p {margin-bottom:15px; color:#55277e; font-weight:bold; font-size:14px;   }
.login-container .left > .notice > ul {}
.login-container .left > .notice > ul li{margin-bottom:8px; font-size:14px;}


.login-container .right {width: 100%;
    margin: 0 auto;
	margin-top:10px;
}
.login-container .right .time{margin-bottom:20px; }
.time-sub{text-align:right; padding:30px 0; font-size:16px;   }
.time-sub span{ font-weight:bold;  }
.pageTitle{font-size:38px; color:#500a89; font-weight:bold; }
.pageSubtitle{font-size:16px; color:#484276; letter-spacing:-1px; margin-top:10px; line-height:150%;  }
.login-box{background: rgba(255,255,255,.8); padding: 10px 20px 30px 20px; border-radius: 10px; box-sizing: border-box; margin: 0 auto;/*border: 5px solid #f4b91c;*/}

.login-btn{display: block;width:90%; height:50px; margin:0 auto;line-height:45px; text-align:center; cursor:pointer; color:#FFFFFF;  border-radius:5px; margin-top:20px;font-size:17px; border:0}
/* .login-btn:hover{background:#562a00;} */
.login-text{width:100%;; margin:0 auto; overflow:hidden; margin-top:20px; }
.login-text ul{overflow:hidden;}
.login-text ul li{text-align:left; margin:0 auto;}
.login-text ul li:first-child{width:60px; height:47px; line-height:47px; font-size:14px; font-weight:600; color:#042142; margin-top:10px; }
.login-text ul li:last-child{width:90%; font-size:14px; line-height:47px; border-bottom:1px solid #042142;}
.login-text ul li:last-child input{width:100%; height:47px;  border:0; letter-spacing:-1px; padding-left:10px; }
.login-text ul li:last-child input::-webkit-input-placeholder{color:#a4a5a7; font-weight:500; font-size:13px;}
.login-text ul li:last-child input::-ms-input-placeholder{color:#a4a5a7 ; font-weight:500; font-size:13px;}
.login-text ul li:last-child input::-moz-placeholder{color:#a4a5a7 ; font-weight:500; font-size:13px;}

.login-title {text-align:left; 
	background-color: #fff;
    /*background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");*/
    background-position: center;
    
	background:url('../images/bg.png') top no-repeat;
	background-size: cover;}
.login-title > .login-title-img{text-align:center; }
.login-title > .login-title-img > img {width:560px;}
.input-text {width:70%; float:left; padding-right:10px; }
.button-text { width: 30%;float:left;  }
.Notice-text {width:540px;margin:36px auto; padding:10px 20px;  font-size: 15px; font-weight: bold; border:1px solid #924ecb; background:#f5f4fd;  }
.Notice-text p{font-size: 14px;  text-indent: -19px; margin-left:19px; line-height:150%; margin-bottom:10px; letter-spacing:-0.7px; }
.Notice-text ul li{line-height:150%; }

#login{ position:fixed; top:0; left: 0; right: 0; bottom: 0; background: #fff  url("../images/bg.jpg") 50% 0 no-repeat; background-size: cover ; overflow: auto}
#login .login_bg {position:absolute; top:0; left: 0; right: 0; bottom: 0;  background-size: 25%; overflow: auto}
#login .login_logo {position: absolute;top:0; left: 0; margin: 2% ;  }
#login .login_logo a { width: 227px; height:69px; background: url("../images/logo_top.png") center no-repeat; background-size:100%;   }


#login .login_wrap {position: relative;display: table;top: calc(50% - 270px); margin: 50px auto 0 auto;text-align: left }
#login .login_wrap:after{display:block;clear:both;height:0;content:'';}
#login .title {display: table-cell;vertical-align: middle; width: 500px;  padding-right: 30px}
#login .title img{width:100%;}
#login .info {display: table-cell;vertical-align: middle; width: 340px;}
#login .info .wrap{ background: #fff; border-radius: 6px;padding: 30px 24px;box-shadow: 10px 10px 10px 3px  rgba(0,0,0,0.1);border:1px solid #eee}
#login .info input[type=text] {height: 40px; width:100%;  border: 1px solid #ddd ; background: #000; font-size: 16px; margin-bottom: 8px;border-radius: 3px;}
#login .info .msg {font-size: 12px;width: 100%;text-align: center; margin: 5px auto 0px auto; }

#login .btn_enter{text-align:center;margin:10px auto;}
#login .btn_enter a{display: block}
#login .btn_enter span{display: block;width:100%; float:left; background:#7f2c75; color: #fff; font-size: 18px;font-weight: 700; line-height: 50px; height: 50px;border-radius: 3px;cursor: pointer}

#login .agree{border: 1px solid #ddd; border-radius: 6px;padding:  12px 16px; text-align: left; font-size:11px; color: #888; margin: 16px 0}
#login .agree strong{display: block;color: #555; font-size: 13px; margin-bottom: 8px}
#login .agree div{margin-top: 12px;color: #555;}
#login .agree p{height: 76px;  overflow-y: scroll }
#login table{ line-height: 24px; margin: 0 auto  16px auto}
#login th{color:#212121;font-weight:500; width: 70px; font-size: 16px;}
#login th, #login td{padding:0; line-height: 40px; text-align: left;}




#login_result{ display: none;position: fixed; z-index: 9999; top:0; left: 0;right: 0; bottom: 0; background: rgba(0,0,0,0.8)}
#login_result .pop_wrap{position: relative; top: calc(50% - 130px); width: 320px; height: 260px; margin: 0 auto;background: #fff; border-radius: 12px; overflow: hidden}
#login_result .pop_wrap .txt{padding:24px 16px; }
#login_result h2{font-size: 18px; line-height: 50px;padding: 0 16px; color:#fff; background:  #1562af}
#login_result p{font-size: 14px; line-height: 1.6; text-align: center; word-break: keep-all}
#login_result p strong{font-size: 18px; display: block; margin-bottom: 8px; color: #1562af}
#login_result .btn_close{ position: absolute; right: 0; top:0; width: 40px; height: 50px; cursor: pointer; background: url("../images/ico_x_w.png") center no-repeat; background-size: 14px; font-size: 0}
#login_result .btn_group{ text-align: center}
#login_result .btn_ok{ background: #1562af; color: #fff; font-size: 16px; font-weight: bold; padding: 8px 20px; border:0; border-radius: 6px}

.login_notice{width:548px; border:1px solid #942975; padding:20px; display:table; /* margin-left:calc(50% - 420px); */background:rgba(255,255,255,0.6); margin-top:40px; overflow:hidden;  }
.login_notice p{ margin-bottom:15px; color:#212121; }
.login_notice ul li{margin-bottom:7px; color:#212121;}

.clearfix::before, .clearfix::after {content: ''; display: block; clear: both;}


/* HEADER */
#header { position:relative; text-align:center; background:url('../images/top_img.png') center no-repeat;}
#header #logo {position: relative; display: inline-block; width:100%; max-width:420px !important; margin: 50px 0;  }
#header #logo a { display: block;/* height:210px; */ font-size: 0; /* background:url("../images/250318/title.png") center no-repeat; */ background-size: auto 200px;}
#header #logo img {width:100%;}
#header #logo_top {display: table; position: absolute;top:0;left: 40px;   height:100px;margin: 50px 0;}
#header #logo_top a { display: none;width: 200px; height:40px; vertical-align: middle;background:url("../images/logo_top.png") center no-repeat; background-size:100%;}


#header #online {display: table;position: absolute;top:0;right: 40px; height:100px;margin: 5% 0 }
#header #online img{width:85%; }
#header #online span{display: table-cell; vertical-align: middle;}
#header #online strong{display: inline-block;border-radius: 8px;  color: #fff; font-size: 14px;  padding: 7px 12px; letter-spacing: 0; background:linear-gradient(to right, #782d75, #612d80);}

#navi{margin-bottom: 0.2%;position: relative; background:#1C1921; }
#navi .wrap { margin:0 auto;max-width: 1080px;  position:relative;}
#navi #category{position:relative; background:#1C1921;}
#navi #category ul{ text-align: center}
#navi #category li{position: relative; display: inline-block; vertical-align: top; width: 19%}
#navi #category li a {position:relative;display: block; color:  #fff; font-size: 18px;height:60px;overflow: hidden; line-height:60px;text-align: center}
#navi #category li span{position:absolute;top:-1px;display: block;width:100%   }
#navi #category li strong{ display: inline-block;  width: 0%;height: 3px;background:  #fff; }
#navi #category li.sel a{ font-weight: 700; color:  #fff;}
#navi #category li.sel strong{width: 100%; background: #fff;}
#navi #category li a:hover{ font-weight: 700; text-decoration: none; }
#navi #category li a:hover strong{width: 100%;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
#navi:after{display:block;clear:both;height:0;content:'';}
#container{position: relative; background:#f7f7f7; padding-bottom:0; }
#footer{clear: both;font-size: 12px; background: #333; color: #ccc; text-align: center; padding: 19px;letter-spacing: 0.07em}
#footer span{display: block}
.location {display:none; background:url("../../images/bg.png") bottom no-repeat; height: 110px;}
.location h2 {margin:0; line-height: 110px; color:#fff; font-size: 30px;}

#header #navi #category li > ul {position: absolute; width:100%; height: 0; background: #6c8fb7; display: none;}
#header #navi #category li > ul.height {height: 100px; transition: all 0.3s;}
#header #navi #category li > ul > li { width:100%; line-height: 30px; }
#header #navi #category li > ul > li.down {display:block; transition: all 0.3s;}
#header #navi #category li > ul > li > a.sub {height: inherit; color: #052344; font-size: 15px; font-weight: inherit; display: inline-block; line-height: inherit;}
#header #navi #category li > ul > li > a.sub:hover {font-weight: bold;}

.mobile {display: none;}



.contentBox {padding: 50px 0 227px 0;}

#but_box {    width: 35%;
    margin: 0 auto;
    padding-top: 3.2%;
    padding-bottom: 3.2%;
    letter-spacing: -1px;}
#but_box a {    position: relative;
    width: 49%;
    padding: 10px;
    height: 53px;
    display: inline-block;
    background:#0b8299;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
   /* border-radius: 15px;*/
    line-height: 30px;
    border: 3px solid #0b8299;
    text-align: center;
    cursor: pointer;}
#but_box a:nth-child(1) {margin-bottom:15px;}
#but_box a:hover { background: #fff; color:#0b8299; border:3px solid #0b8299; transition:all 0.4s;}
#but_box a.on { background: #fff; color:#0b8299; border:3px solid #0b8299; }
#but_box a.on:after {content:''; position: absolute; width:8px; height:8px; border-radius: 50%; background: red; transition:all 0.4s; opacity: 0; transition: 0.2s all; -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate;}

-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
a.btn{ background-color:#004f8d; color:#fff !important; padding:7px 10px; 
border-radius:5px; font-size:14px; } a.btn2{ background-color:#519cfc; 
color:#fff !important; padding:7px 10px; border-radius:5px; margin-right:5px 
!important; font-size:14px;} a.btn3{ background-color:#8444fb; color:#fff 
!important; padding:7px 10px; border-radius:5px; margin-right:5px !important; 
font-size:14px;}

.mainBox01{margin-top:30px; }
.mainBox01 > ul{overflow:hidden;}
.mainBox01 > ul > li{width:48%; float:left; margin-right:4%}
.mainBox01 > ul > li:last-child{ margin-right:0%}
.mainBox01 > ul > li img {width:100%}

.mainBox01-a{position:relative; color:#fff;  }
.mainBox01-b{position:relative; color:#fff;  }
.mainBox01-session{position:absolute; left:7%; top:32%; font-weight:bold; }
.mainBox01-title{position:absolute; left:7%; top:45%; padding-right:24px; line-height:120%; font-size:15px; height:56px; overflow:hidden;  }


.mainBox02{margin-bottom:50px; }
.mainBox02 > ul{overflow:hidden;}
.mainBox02 > ul > li{width:22%; float:left; margin-right:4%}
.mainBox02 > ul > li:last-child{ margin-right:0%}
.mainBox02 > ul > li img {width:100%}


.room-info{float:left; margin-left:10px; display:inline-block; }
.room-info .room-info-text{ display:inline-block; line-height:130%; font-size:14px; letter-spacing:-1.5px; padding-top:3px; font-weight:bold; color:#000;  }
.room-info .room-info-btn{display:inline-block; padding:2px 7px; background:#2c3c4c; color:#fff; font-size:13px; border-radius:3px; margin-left:5px; cursor:pointer; }

.roomA-top{display: inline-block; overflow:hidden; background:#024f94; float:left; padding:5px; /* padding-left:14px; */  font-weight:bold; margin:0px 0 20px 0; border-radius:3px; }
.roomA-top-type{float:left; font-weight:18px; color:#fff; line-height:34px; font-size:18px;  }
.roomA-top-check{float:left; color:#024f94; background:#fff; padding:8px 24px; margin-left:5px; cursor:pointer; font-size:16px; letter-spacing:-1px;      }
.roomA-top-check.active:hover{background:#024f94; color:#fff; }

.roomB-top{overflow:hidden; background:#2c3c4c; display:inline-block; padding:7px; padding-left:14px;  font-weight:bold; margin:0px 0 20px 0; border-radius:3px; }
.roomB-top-type{float:left; font-weight:18px; color:#fff; line-height:34px; font-size:18px;  }
.roomB-top-check{float:left; color:#089eb6; background:#fff; padding:10px 20px; margin-left:14px; cursor:pointer; font-size:18px;    }
.roomB-top-check:hover{background:#089eb6; color:#fff; }

.roomC-top{overflow:hidden; background:#2c3c4c; display:inline-block; padding:7px; padding-left:14px;  font-weight:bold; margin:0px 0 20px 0; border-radius:3px; }
.roomC-top-type{float:left; font-weight:18px; color:#fff; line-height:34px; font-size:18px;  }
.roomC-top-check{float:left; color:#6f10bd; background:#fff; padding:10px 20px; margin-left:14px; cursor:pointer; font-size:18px;     }
.roomC-top-check:hover{background:#6f10bd; color:#fff; }

.roomD-top{overflow:hidden; background:#2c3c4c; display:inline-block; padding:7px; padding-left:14px;  font-weight:bold; margin:0px 0 20px 0; border-radius:3px; }
.roomD-top-type{float:left; font-weight:18px; color:#fff; line-height:34px; font-size:18px;  }
.roomD-top-check{float:left; color:#6f10bd; background:#fff; padding:10px 20px; margin-left:14px; cursor:pointer; font-size:18px;     }
.roomD-top-check:hover{background:#6f10bd; color:#fff; }

.roomE-top{overflow:hidden; background:#2c3c4c; display:inline-block; padding:7px; padding-left:14px;  font-weight:bold; margin:0px 0 20px 0; border-radius:3px; }
.roomE-top-type{float:left; font-weight:18px; color:#fff; line-height:34px; font-size:18px;  }
.roomE-top-check{float:left; color:#6f10bd; background:#fff; padding:10px 20px; margin-left:14px; cursor:pointer; font-size:18px;     }
.roomE-top-check:hover{background:#6f10bd; color:#fff; }




/* 행사개요 프로그램 */
table.Program {background: #fff; letter-spacing: -1px;}
table.Program th {padding:10px; color: #FFF; font-size: 14px; background: #d26f1c;text-align: left;}
table.Program th.Red {background:#103569;}
table.Program th.Blue {background:#507aad;}
table.Program th.Blue1 {background:#323f92;}
table.Program th.Blue2 {background:#84abda;}
table.Program td {padding: 8px 10px; color:#555; text-align: left; border-bottom:1px dotted #ddd;}
table.Program td.Session {color:#1B1B1B; font-weight:bold; line-height: 1.4; background:#e3d8e5;}
table.Program td.Grup {color:#1B1B1B; font-weight:bold; line-height: 1.4; border-left: 1px solid #eee; border-right: 1px solid #eee; background:#FDFFF0;}
table.Program td.Ceremony {color:#1B1B1B; font-weight:bold; background:#f5f5f5;}
table.Program td.SessionSpeaker {color:#1B1B1B; font-weight:bold; text-align:right; line-height: 1.4; background:#d3e4d4;}
table.Program td.CeremonySpeaker {color:#1B1B1B; font-weight:bold; text-align:right; background:#f5f5f5;}
table.Program td.Title {text-align:left;}
table.Program td.Speaker {text-align:right;}
table.Program td.LeftBoard {border-left:1px solid #F5F5F5;}
table.Program td.CoffeeBreak {background: #F9F9F9;}
table.Program td.Room {font-family: 'notokr-medium'; text-align: center; background: #EEE;}
table.Program td.Room.A {background: #fad1ce;}
table.Program td.Room.B {background: #cfcbe2;}
table.Program.M1 th {background:#364B5E;}
table.Program.M2 th {background:#0b8299;}
table.Program.M3 th {background: #142948;}
table.Program.M4 th {background: #11AF6D;}
table.Program.M5 th {background: #7A0779;}
table.Program th.Thick,
table.Program td.Thick {border-bottom: 2px solid #bbb;} 
table.Program .bold{font-weight:bold; }



.date{font-weight:bold; margin-bottom:20px; font-size:20px; margin-top:20px;  letter-spacing: -1px;}
.date > span { border-radius:3px; background:#243d56; color:#fff; padding:7px; display:inline-block; margin-top:50px; margin-left:20px;}

.date span.hallB {background:#243d56;}

#vimeolive {top:0;left:0; width:70%; height: 52%;}

#leftQna { width: 35%;
       position: absolute;
    top: 0;
    left: 65%;
    height:446px;
	background:#fff;
}

#leftQna2 {width: 100%; height:55%;}

 #lecture_ {position: relative;}
 #lecture_iframe span.Lecture {display: inline-block; position: absolute;     top: 537px; line-height: 59px; font-size: 18px; font-weight: bold; box-sizing: border-box; background: #fff; padding-left: 19px; width: 100%; height: 59px;}


 .p	 {width:100%; border-top:1px solid #606060; position:relative;}
.agenda tr.edu_se  {margin-top: 20px}	
.agenda th {padding:12px 16px; vertical-align:middle; min-height:28px; text-align:left;border-bottom:1px solid #e5e5e5; background:#e4e9ed; font:500 15px/24px 'Noto Sans KR',Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555; word-break:keep-all; letter-spacing:-0.3px}
.agenda th.speaker{font-weight:300; text-align:right; }
.agenda	th.textRight{text-align:right; }
.agenda td { padding:12px 16px; vertical-align:middle; border-bottom:1px  solid #e5e5e5; font:300 15px/24px 'Noto Sans KR',Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#212121; word-break:keep-all; border-bottom: 1px dotted #485b6d; letter-spacing:-0.3px}
.agenda	td.speaker {text-align: right}
.agenda	th.session{color:#192b5f; background:#d0d4e0; font-weight:bold; }
.agenda	th.session-top{background: #cfdbe6; padding:6px 16px;  }
.agenda	th.session2{color:#0c2f55; background:#bad0e6; font-weight:bold; }
.agenda	th.width {width:50%;}
.agenda	td.title{color:#a81159;  font-weight:bold; }
.agenda	td.title2{color:#25488c;  font-weight:bold; }
.agenda	td.title-time{background:#ebeff5; }
.agenda  .card{border-radius: 30px; width: 28px; height: 28px; font-size: 12px; font-weight: 700; line-height: 26px; text-align: center; border:1px solid #ddd; background: #f8f8f8; display:  inline-block; margin-left: 10px;}
.agenda	td.time{font:500 16px/24px 'Noto Sans KR',Malgun Gothic, Dotum, Arial, verdana, Helvetica; color:#555; background:#fdf7f6;}
.agenda	td.bold{font-weight:bold; }
.agenda	td.hour{font-weight:bold; }

.agenda .spon-logo{padding-left:10px; }
.agenda .spon-logo img{width:80px; padding-top:5px; }
.agenda td.speaker span{display:inline-block; /* width:27px; height:27px; text-align:center; */ color:#0d1538; font-weight:400;  /*border-radius:40px; background:#f7f7f7;  border:2px solid #c8cbd9; */font-size:13px; cursor:pointer;  margin-left:10px;  }

.agenda th+td{text-align: right}

.agenda2{ }
.agenda2 th{ background:#fff; border:0 ; padding:7px 0; border-bottom: 1px solid #e7e7e7; color:#777;  }
.agenda2 td{ border:0 ; padding:7px 0; border-bottom: 1px solid #e7e7e7;   }

table.layerDate th {background: #e4e4e8; border-bottom: 1px solid #ccc; padding: 10px; text-align: center; position: sticky; top: 0; font-size: 14px;}

.bg01{background:#00348b}
.bg02{background:#55ab42 !important; }
.colorW{color:#fff !important;}
.textleft{text-align:left;}



.frame{width:100%; height:auto; background-color:#fff;}
.frame>ul{overflow:hidden;}
.frame>ul>li{float:left; letter-spacing:-1px;}
.frame>ul>li:first-child{width:20%; min-width:360px; height:100%; 
border-right:1px solid #e7e7e7; background-color:#fff; padding:30px; line-height:160%; }
.frame>ul>li:first-child .agenda01{border-bottom:1px solid #e6e6e6; margin-top:30px; padding-bottom:20px;}
.frame>ul>li:first-child .agenda01 p{margin-bottom:20px; background-color:#ddf0ff; padding:3px 5px;}
.frame>ul>li:first-child .agenda01 ul{}
.frame>ul>li:first-child .agenda01 ul li{ margin-bottom:10px; font-size:13px; text-indent:-15px; margin-left:15px; }
.frame>ul>li:first-child .agenda01 ul li a{font-size:13px; color:#212121;  position: relative;
  display: inline-block;
  transition: .3s;}
.frame>ul>li:first-child .agenda01 ul li a::after{ position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #0183cd;
  transition: .5s;}
.frame>ul>li:first-child .agenda01 ul li a:hover::after{
  width: 100%;
}






.frame>ul>li:last-child{width:calc(100% - 360px); max-width:1800px; background-color:#f7f7f7; height:auto;}
.frame>ul>li:last-child .banner{width:100%;  overflow:hidden;}
.frame>ul>li:last-child .banner img{width:100%;}

.video-container{width:100%; padding:20px;}
.video{width:100%; margin-top:20px; }
.video .section-title{margin-bottom:20px; font-weight:600;}
.video ul{overflow:hidden; display:flex; flex-wrap: wrap; justify-content: space-between;}
.video ul li{width:30%; background-color:#fff;  float:left; padding:10px; margin-right:2%; box-shadow:10px 10px 10px 3px rgba(0,0,0,0.1); margin-bottom:30px; padding-bottom:20px; cursor:pointer; }
.video ul li:nth-child(3n){margin-right:0}
.video ul li img{width:100%;  background-color:#333}
.video ul li p.video-title{margin-top:20px; line-height:160%; height:50px; }
.video ul li p.video-speaker{font-size:12px; text-align:right; margin-top:20px; line-height:160%;}





/*영상 상세 페이지*/
.video-detail-container{width:100%; height:auto; background-color:#f7f7f7;}
.video-detail-container>ul{overflow:hidden;}
.video-detail-container>ul>li{float:left; letter-spacing:-1px;}
.video-detail-container>ul>li:first-child{width:20%; min-width:360px; height:100%; min-height:1190px; 
 background-color:#fff; padding:30px; line-height:160%; }
.video-detail-container>ul>li:first-child>p{font-weight:600;}

.video-detail-container>ul>li:first-child .video-detail-list{}
.video-detail-container>ul>li:first-child .video-detail-list>p{margin-top:20px; margin-bottom:10px;}
.video-detail-container>ul>li:first-child .video-detail-list>ul{}
.video-detail-container>ul>li:first-child .video-detail-list>ul>li{margin-bottom:10px;}
.video-detail-container>ul>li:first-child .video-detail-list>ul>li .video-detail-thumb{}
.video-detail-container>ul>li:first-child .video-detail-list>ul>li .video-detail-thumb img{width:108px; height:62px;}

.video-detail-container>ul>li:first-child .agenda01{border-bottom:1px solid #e6e6e6; margin-top:30px; padding-bottom:20px;}
.video-detail-container>ul>li:first-child .agenda01 p{margin-bottom:20px; background-color:#ddf0ff; padding:3px 5px;}
.video-detail-container>ul>li:first-child .agenda01 ul{}
.video-detail-container>ul>li:first-child .agenda01 ul li{ margin-bottom:10px; font-size:13px; text-indent:-15px; margin-left:15px; }
.video-detail-container>ul>li:first-child .agenda01 ul li a{font-size:13px; color:#212121;  position: relative;
  display: inline-block;
  transition: .3s;}
.video-detail-container>ul>ul>li:first-child .agenda01 ul li a::after{ position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #0183cd;
  transition: .5s;}
.video-detail-container>ul>ul>li:first-child .agenda01 ul li a:hover::after{
  width: 100%;
}


.video-detail-container>ul>li:last-child{width:calc(100% - 360px); max-width:1200px; background-color:#f7f7f7; height:auto; padding:5%; border-left:1px solid #e7e7e7; }
.video-detail-container>ul>li:last-child .video-detail{}
.video-detail-container>ul>li:last-child .video-detail img{width:100%; }
.video-detail-info{text-align:left;   border-bottom:1px solid #ccc;  }
.video-detail-info span{display:block;  }

.comment{}
.comment ul{}
.comment ul li{}
.comment ul li.comment-box{width:100%; height:60px; border:1px solid #ccc; background-color:#fff; overflow:hidden; }
.comment ul li.comment-box input{height:60px; border:0; width:calc(100% - 70px); }
.comment ul li.comment-box span.comment-box-btn{background-color:#002840; color:#fff; width:70px; float:right; line-height:60px; }
.comment ul li .reply{color:#2d4980}



.speaker{text-align:center; padding:50px 0;}
.speaker h4{text-align:left;}
.speaker>ul{overflow:hidden; display:inline-block;  }
.speaker>ul>li{display:inline-block;
    vertical-align: top;
    width:20%; height: 620px; margin-bottom:70px;  padding:0 20px;  }

.speaker>ul>li span{display:block;  text-align:left;  line-height:160%; }
.speaker>ul>li span img{box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1)}
.spec{height:180px;  }
.spec ul{}
.spec ul li{font-size:12px; text-indent:-6px; margin-left:6px;  }
.ham{line-height:120% !important;}


.titleIcon{background:url('../images/titleIcon.png')left no-repeat; font-size:22px; font-weight:bold; padding-left:24px; margin-top:70px;   }
.mypageInfo{border-top:2px solid #212121; margin-top:30px; }
.mypageInfo th{background:#f7f7f7; border-bottom:1px solid #ccc; padding:10px 20px; }
.mypageInfo td{border-bottom:1px solid #ccc; padding:10px 20px;}


.mypageAttendance{border-top:2px solid #212121; margin-top:20px; }
.mypageAttendance th{background:#f7f7f7; border-bottom:1px solid #ccc; padding:10px 20px; }
.mypageAttendance td{border-bottom:1px solid #ccc; padding:10px 20px; text-align:center; }

.totalTime{margin-top:30px; }
.totalTime ul{overflow:hidden; }
.totalTime ul li{float:right; color:#653d94; width:140px; text-align:center; padding:15px; font-weight: bold;  }
.totalTime ul li:first-child{background:#e7e7e7; }
.totalTime ul li:last-child{background:#f3f3f3}


.stampsText{text-align:right; margin-top:10px; }
.stampsBox{width:100%; height:50px; background:#f7f7f7; margin-top:20px;   }
.stampsIn{width:80%; height:50px; background: linear-gradient(to right, #663c94, #1b5aa9);}


.cme{margin-top:10px; }
.cme ul{overflow:hidden; margin-bottom: 3px;}
.cme ul li{float:right; color:#fff; width:140px; text-align:center; padding:15px;}
.cme ul li:first-child{ background:#cdc7c4}
.cme ul li:last-child{ background:#0e819a}



footer{padding:30px; text-align:center;background:#1c1921;} 
footer ul{overflow:hidden; display:inline-block; margin:0 auto;}
footer ul li{ font-size:13px; color:#918e94; }
footer ul li:last-child{padding-top:10px; padding-left:20px;  line-height:160%;}


.clear{clear:both;}

/*스카이배너*/
#sideMenu {position: fixed;z-index: 10; left: 0px;top:190px;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;margin-top:24px; }
#sideMenu .go{ display: block;width: 100px; margin-bottom:3px; text-align: center; font-size: 26px; line-height: 20px;}
#sideMenu .go strong{display: block; font-size:15px;  }
#sideMenu .go span{display: block;font-size: 12px;line-height: 14px;padding: 6px 20px 0 20px; word-break: keep-all}

#sideMenu .out{border-radius: 15px;background: #50749a; color: #fff;padding: 24px 0; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1)}
#sideMenu .in{border-radius: 15px;background: #50749a; color: #fff;padding: 24px 0; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1)}

#sideMenu .down{border-radius: 3px; /* border:3px  solid #0c2f55;  */ background:#024f94;color: #fff; padding: 16px 0 ;font-size: 15px; line-height: 20px; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1)}
#sideMenu .point{display:none;border-radius: 3px; /* border:3px  solid #0c2f55;  */ background: #924ecb;color: #fff; padding: 16px 0 10px 0;font-size: 15px; line-height: 20px; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1)}
#sideMenu  p {font-size: 15px;}

#sideMenu .side-logout{background:#d0d0d0; color:#333; cursor:pointer;  }

/*#sideMenu > a{width:100px; padding:20px 10px; display: block; text-align: center; font-size: 16px; color:#fff; background:linear-gradient(to right, #501482, #060853); background:#310653; margin-bottom:2px; line-height:130%; border-radius:3px;    }
#sideMenu .status{}
#sideMenu .stamp{}
#sideMenu .download{}*/

#hd_login_msg {font-size:13px; color: #e2dcda; margin-top:10px;}
#hd_login_msg > a {color:#fff; font-size:13px;  }

#divpop {    position: absolute;
    width: 642px;
    right: calc(50% - 300px);
    top: 12%;
    /* transform: translate(-50%,-50%); */
    z-index: 1300;
    visibility: hidden;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 10%);
}
.Close1 {background: #20344c;
    top: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    text-align: center;
    cursor: pointer;}
#divpop6{position:absolute; width:550px;  left:50%;top:345px; transform:translate(-50%,-50%); z-index:1300;visibility:hidden; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1);  }
#divpop6 .divpop6-in{ overflow:hidden; overflow-x:scroll; overflow-y:scroll; max-height:350px; font-size: 18px;}
#divpop6 .Close3{position:relative;}

#divpop7{position:absolute; width:600px;  left:50%;top:500px; transform:translate(-50%,-50%); z-index:1300;visibility:hidden; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1);  }
#divpop7 .divpop7-in{ overflow:hidden; overflow-x:scroll; overflow-y:scroll; max-height:433px; font-size: 18px;}
#divpop7 .divpop7-in img{ width:530px;}
#divpop7 .Close3{position:relative;}

#divpop8{position:absolute; width:360px;  left:50%;top:345px; transform:translate(-50%,-50%); z-index:1300;visibility:hidden; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1); }
#divpop8 p{padding:30px; letter-spacing:-1px; font-size:15px;   }
#divpop8 p strong{ letter-spacing:-1px; font-size:15px;   }
#divpop8 .divpop8-in{ overflow:hidden; overflow-x:scroll; overflow-y:scroll; max-height:350px; font-size: 18px;}
#divpop8 .Close4{position:relative;}
#divpop8 .Close4 ul{overflow:hidden; }
#divpop8 .Close4 ul li{float:left; width:50%; height:35px;   }
#divpop8 .Close4 ul li a{display:inline-block; width:100%; padding:10px; box-sizing:border-box; font-size:14px; height:35px;   }
#divpop8 .Close4 ul li a strong{font-size:14px;}
#divpop8 .Close4 ul li a.close-btn1{background:#373650; color:#fff;  }
#divpop8 .Close4 ul li a.close-btn2{background:#f1f1f1; color:#212121; font-size:15px; }


#divpop5{position:absolute; width:643px; top:345px; /*transform:translate(-50%,-50%);*/ z-index:1300;visibility:hidden; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1);  }




.Close2{ background:#20344c;   top:0px; width:100%; height:36px; font-size:15px; }
.Close2 span{display:inline-block; color:#fff;padding:10px; letter-spacing:0; float:left;  }
.Close2 a{color:#fff; padding:10px; ; float:right;  }


.Close3{ background:#20344c;   top:0px; width:100%; height:36px; font-size:15px; }
.Close3 span{display:inline-block; color:#fff;padding:10px; letter-spacing:0; float:left;  }
.Close3 a{color:#fff; padding:10px; ; float:right;  }



@media only screen and (max-width: 1270px){ 
	#but_box a {width:32%;}
}

@media only screen and (max-width: 1024px){ 
.login-container {    left: 40%;}
#vimeolive {top:0;left:0; width:100%;}

#leftQna {     width: 100%;
      position: static;
    top: 0;
    left: 0;
       margin-bottom: 10%;
	   
}

#leftQna2 {width: 100%; height:55%;}
}

@media only screen and (max-width: 988px){ 
	#but_box a {font-size:15px;}
}

@media only screen and (min-width: 901px){
	.header{display:none;}
	.menu_bg{display:none;}
	.sidebar_menu{display:none;}
}

@media only screen and (max-width: 936px){ 
	#but_box a {width:100%; margin-bottom: 10px;}
	#header #logo_top {width:150px;}
}

@media only screen and (max-width: 900px){
	body{/* overflow-x:hidden; */ /* background-size:70%; */ }
	.frame>ul>li:first-child{display:none;}
	.frame>ul>li:last-child{width:100%; }

	.video-detail-container>ul>li:first-child{display:none;}
	.video-detail-container>ul>li:last-child{width:100%;}

	.top{display:none;}
	/* header p.homepage{display:none;} */

	header .nav{display:none;}

	 .header{
	 display:none;
        width: 100%;
        height: 50px;
        background-color:#0183cd;
    }
    .menu_btn{
		display:none;
        text-align: right;
        padding: 10px;
		padding-right:20px;
    }
    .menu_bg{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        position: absolute;
        top:0;
        display: none;
		z-index:99
    }
    .sidebar_menu{
        width: 70%;
        height: 100%;
        background: #0183cd;
        position: fixed;
        top:0;
       right:-1000%;
        z-index:999;
		overflow-y:scroll
    }
.sidebar_menu.on{
       right:0;
    }
    .close_btn{
        width: 25px;
        height: 25px;
        margin:10px;
		margin-left:20px;
    }
    .close_btn > a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .menu_wrap{
        list-style: none;
        padding: 20px 0px;   
    }
    
	.menu_wrap li{ padding:16px; border-bottom:1px solid #1b90d2; font-size:13px;

    }
	.menu_wrap li:nth-child(7){margin-top:20px;}
	.menu_wrap li:nth-child(n+7){border-bottom:0}
	.menu_wrap li a{
        color: #fff;
        text-decoration: none;
    }
	.ham{line-height:180%;}

	.video ul li{float:none; width:100%;}

	.btn{}
	.btn1{}

	.frame>ul>li:last-child .banner{display:none;}


	footer ul li{width:80px; }
	footer ul li img{width:70px;}
	footer ul li:last-child{width:100%; padding-top:0; }
}

@media only screen and (max-width: 806px) {
#header #logo_top {display: inline-block; display:none; }
.login-container {    left: 50%;} 
	.mobile {display:block;}
	.pc {display:none;}
	#header #navi #category li {display:block; width:100%;}
	#navi #category li {position: relative; width:100%;}
/* 	#navi #category li::after {content:'';position: absolute; top:0; left:0; width:100vw; height:1px;background:#000;} */
	.login-container .left {width: 100%;}
	.login-container .right {width: 100%; float: inherit;}
	#navi #category li.sel a {color:#fff;}
	#navi #category li a {color:#fff;}

	#open {display: none; position: absolute; top: 10px; right: 5%; width: 33px;  height: 27px; z-index: 200;}
#open > span {position: absolute; display: inline-block; top: 45%; left: 0; width: 33px; height: 3px; font-size: 0; line-height: 8px; background-color: #fff; border-radius: 20px; border: none;}
#open::before {content: ''; position: absolute; top: 0; left: 0; width: 33px; height: 3px; background-color: #fff; border-radius: 20px;}
#open::after {content: ''; position: absolute; bottom: 0; left: 0; width: 33px; height: 3px; background-color: #fff; border-radius: 20px;}
#open.on::after {transform: rotate(-45deg); top: 50%; width: 33px; transition: all 0.4s;}
#open.on::before {transform: rotate(45deg); top: 50%; width: 33px; transition: all 0.4s;}
#open.on > span {display: none;}
#open.on {position:fixed;}

/* menu */
.M_menu {position: fixed; width: 70%; height: 100vh; top: 0; right: 0; transition: all 0.4s; background: #0c5a73; display:none; z-index:100;}
.M_menu.close {display:block}
.M_menu  {padding: 10%;}
.M_menu li {position: relative; line-height: 50px; text-align: center;}
div.M_menu > ul > li::after {content:'';  position: absolute; bottom: 0; left: -20%; width: 100vw; height: 1px; background:#386e7f;}
.M_menu li > a {font-size: 18px}
}

@media only screen and (max-width: 700px) {
.area{padding:3%; }
/* #header #logo {bottom: -40px;} */
#header #logo img {width: 60%;}

.login-title > .login-title-img > img{width:80%; margin-top:30px; padding-bottom:20px;  }
.homepage{padding:20px 0 0 20px}
.homepage img{width:170px; }
.login-text{width:90%; margin-top:0;  }
.input-text{width:100%; float:none; }
.button-text{width:100%; float:none; }
.login-btn{height:48px; margin-top:20px; }
.Notice-text{width:90%;  }
.date{margin-top:0px; }
#divpop5{width:90%; }
#divpop5 .divpop5Html{ overflow:hidden; overflow-x:scroll; overflow-y:scroll; max-height:350px; font-size: 18px;}

}

@media only screen and (max-width: 360px) {
	#header #logo_top{}
	.agenda td{border: none; padding:0; }
}
@media only screen and (max-width: 640px) {
.login-container {width:90%;}
.login-text ul li:first-child {height: 15px; line-height: 15px;}
.login-container .left {width:100%;}
.login-container .right {width:100%;}
.area {margin:inherit; box-sizing: border-box;}
.agenda	th.width {width:100%; }
	.agenda td{border: none;  word-break: inherit; padding:0 !important; padding-bottom:20px;}
	.agenda td.hour{}
	.agenda th{border-bottom:1px solid #e5e5e5;}
	.agenda th+td{color: #555;font-weight: 500}
	.agenda td.cont,td.hour{border-bottom: none; padding:5px; font-size:13px;     word-break: break-all;}
	.agenda	td.speaker {text-align: left}
	#sideMenu p{font-size:14px; }
	#sideMenu .go strong{font-size:14px;}
	#sideMenu .out {width: 80px;}
	#sideMenu .down {width: 80px; }
	#sideMenu .point{font-size:14px; }
	.agenda th.session {padding: 0px; }

	.roomA-top-type {    font-size: 18px;}
	.roomB-top-type {    font-size: 18px;}
	.roomC-top-type {    font-size: 18px;}
	.roomD-top-type {    font-size: 18px;}
	.roomE-top-type {    font-size: 18px;}
	.roomA-top-check {  width:49%; text-align:center;   padding: 8px 14px;     margin-left: 2%;     font-size: 16px;}
	.roomB-top-check {    padding: 9px 14px;     margin-left: 17px;     font-size: 15px;}
	.roomC-top-check {    padding: 9px 14px;     margin-left: 17px;     font-size: 15px;}
	.roomD-top-check {    padding: 9px 14px;     margin-left: 17px;     font-size: 15px;}
	.roomE-top-check {    padding: 9px 14px;     margin-left: 17px;     font-size: 15px;}
	.roomA-top{width:100%; margin-bottom:7px; }
	.room-text span{margin-bottom:10px; line-height:130%; font-size:15px;   }
	.room-info .room-info-text{padding-bottom:7px; }
	.none-m {display:none;}
	#header{background-size:auto 120px; }
	#header #logo {position: relative; display: inline-block; width:50%; margin: 30px 0;  }
	.login-text ul li:last-child{width:100%; height: 45px;}
	.homepage { display:none; padding:0;   right: 62px;}
}

	
@media only screen and (max-width: 638px) {
	#but_box a     {width:100%; margin-bottom: 10px;}
}

@media only screen and (max-width: 500px) { 
#header #logo_top a {width:115px;}
#divpop6 {width: 90%;}
#divpop7 {width: 90%;}
.divpop7-in img{width:100% !important; }
#divpop8 {width: 90%; z-index:899999}
#header #navi #category li a {font-size:15px;}
.Close2 span {width: 65%; font-size: 11px;}
/* #header #navi #category li a {font-size:15px;} */

}

@media only screen and (max-width: 360px) {
#header{height:120px; background-size:auto 120px; }
#header #logo_top  {      height: 10px; margin-top:20px; }
#header #logo img{width:70%; }
.location {height: 50px;}
.location h2 {line-height: 50px; font-size: 25px;}

	.roomA-top-type {font-size: 15px;}
	.roomB-top-type {font-size: 15px;}
	.roomC-top-type {font-size: 15px;}
	.roomD-top-type {font-size: 15px;}
	.roomE-top-type {font-size: 15px;}
	.roomA-top-check {padding: 9px 7px;}
	.roomB-top-check {padding: 9px 7px;}
	.roomC-top-check {padding: 9px 7px;}
	.roomD-top-check {padding: 9px 7px;}
	.roomE-top-check {padding: 9px 7px;}
	}
@media only screen and (max-width: 280px) {
	#header #navi #category li a {font-size:13px;}
}



/*팝업*/

/* #PopUp {
    width:300px;  color:#212121; 
    position:absolute; top:50%; left:50%; margin:-250px 0 0 -700px; text-align:center; 
    border:1px solid #ccc; background:#fff; padding-top:20px; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1)
}
 */

/* #divpop{position:absolute;left:100px;top:190px;z-index:200;visibility:hidden; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1); width:300px; padding-top:20px; } */

.popup-box {text-align:center; padding-bottom:20px; }
.popup-box img{ }
.popup-box h4{line-height:0;  }
.popup-box h5{text-align:center;  }
.popup-box p{padding:20px; padding-top:10px; text-align:justify; line-height:160%;  }
.popup-box span{display:inline-block; font-size:13px; cursor:pointer; background:#e1e1e1; border-radius:3px; padding:6px 24px; color:#333; }
.popup-box span a{color:#333; font-size:13px;}
 



#divpop2{position:absolute;left:420px;top:190px;z-index:200;visibility:hidden; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1); width:500px;  }

/* .Close2 {cursor:pointer; height:30px; font-size:13px; background:#6f10bdlinear-gradient(to right, #ae25e3, #4525e0); color:#fff; }
.Close2 a{float:right; font-size:14px; color:#fff; margin:8px 10px 0 0;} 
.Close2 span{font-size:13px; line-height:30px; padding-left:10px; } */







/*퀵메뉴*/
#sidebox {  position:absolute;  top:160px; right:1%;  box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1);}
#sidebox ul{}
#sidebox ul li{width:180px; background-color:#fff; text-align:center; border:1px solid #e7e7e7; border-top:0; display:table; padding:15px 0; line-height:130%; font-size:14px; }
#sidebox ul li:first-child{background:linear-gradient(to bottom, #0181cc, #004d8a); color:#fff; border:0; }

/*롤링배너*/
.SponsorBanner {width: 1168px; padding: 15px; border: 1px solid #DDD; background: #FFF;}


.platinumBox{overflow:hidden;}
.platinumLeft{width:30%; float:left; padding:10px 20px; text-align:center;  }
.platinumLeft > h1{border:1px solid #ccc; padding:20px; }
.platinumLeft > h1 > img{width:100% }
.platinumLeft > h2 > img{width:60% }
.platinumRight{width:70%; float:left;}
.platinumRight > p{line-height:140%; }
.platinumRight > .manager > ul{overflow:hidden; }
.platinumRight > .manager > ul > li {float:left; width:33.33333%; margin-top:30px; color:#6f10bd;  text-align:center; font-weight:bold; padding:10px 0;}
.platinumRight > .manager > ul > li:nth-child(1){ }
.platinumRight > .manager > ul > li:nth-child(2){ border-left:1px solid #ccc; border-right:1px solid #ccc;  }
.platinumRight > .manager > ul > li:nth-child(3){ }

.platinumRight > .link > ul{overflow:hidden; }
.platinumRight > .link > ul > li {float:left; width:50%; margin-top:30px; border:1px solid #ccc;  text-align:center; padding-right:20px; padding:20px;  }
.platinumRight > .link > ul > li:nth-child(1){ background:#f7f7f7 url('../images/icon09.png') 20px no-repeat; border-right:0 }
.platinumRight > .link > ul > li:nth-child(2){ background:#f7f7f7 url('../images/icon10.png') 20px no-repeat;  }
.platinumRight > .video{width:100%; height:300px; background:#ccc; }

/********poster***********/

.poster{ text-align:center; padding:30px 0 80px 0; width:100%; max-width:1280px; margin:0 auto;  }
.poster > ul{overflow:hidden; }
.poster > ul > li{ padding-top:20px; padding:16px 24px; border-bottom:1px solid #ccc; line-height:160%;  }
.poster > ul > li:nth-child(2n+1){background:#f7f7f7; }
.poster > ul > li:first-child{border-top:1px solid #333; }
.poster > ul > li .poster-img{ }
.poster > ul > li .poster-img:hover {/* margin-top:-20px; margin-bottom:20px; transition: .2s ; */}
.poster > ul > li .poster-img:not(:hover) { transition: .1s ;}

.poster > ul > li .posterNum{width:30px; margin-right:20px; font-weight:bold; font-size:14px; }
.poster > ul > li .posterTitle{width:100%; width:650px; text-align:left; font-weight:bold; font-size:14px;   }
.poster > ul > li .posterWriter{ text-align:right; margin-right:20px; font-size:14px; }
.poster > ul > li .posterWriter2{text-align:right; font-size:14px;  }
.poster > ul > li a{color:#212121; }


.poster ul li .poster-img img{width:100%; }

.posterRow > ul{overflow:hidden;}

.posterRow > ul > li {float:left;  font-size:13px;}
.posterRow > ul > li:nth-child(n+3){float:right; }


.posterBox{ }
.posterBoxIn{}
.posterIn > h3{margin-top:0; }
.posterIn .posterComment{width:100%; padding:30px; border:1px solid #ccc;   }

.categoryBox{ margin-top:50px;  }
.category{float:left; width:50%; }

.search{float:right; width:280px; border-radius:50px; border:3px solid #673a8b; float:right; height:44px;  }
.search input{width:230px; height:40px; padding-left:20px; background:0 0; border:0}
.search input::placeholder{color:#9797b3; font-size:13px; }
.search span{display:inline-block; display:inline-table; vertical-align:middle; }
input:focus{   outline: none; }





@media(max-width:900px){
	.poster ul li{float:none; width:100%; margin-right:0; margin-bottom:40px;}
	.poster ul li:last-child{margin-bottom:0px;}
}


/********booth***********/


.booth{text-align:center; padding-top:50px;}
.booth ul{overflow:hidden; display:inline-block; }
.booth ul li{ display:inline-block;  padding-top:20px; text-align:center; margin-right:40px;}
.booth ul li .booth-img{width:564px; height:317px; margin:0 auto; background:#333; }
.booth ul li .booth-title{padding:16px 0;}
.booth ul li a.view{ color:#212121; width:120px; height:40px; margin:0 auto; line-height:40px; border:1px solid #aaa; text-align:center; padding:5px 20px;}

.booth2{text-align:center; padding-top:50px;}
.booth2 ul{overflow:hidden; display:inline-block; }
.booth2 ul li{ display:inline-block;  padding-top:20px; text-align:center; margin-right:40px;}
.booth2 ul li .booth-img{width:360px; height:360px; margin:0 auto; background:#333; }
.booth2 ul li .booth-title{padding:16px 0;}
.booth2 ul li a.view{ color:#212121; width:120px; height:40px; margin:0 auto; line-height:40px; border:1px solid #aaa; text-align:center; padding:5px 20px;}


.exhibitors{background:#fff; margin-top:125px; padding-bottom:50px;  /* box-shadow:4px 3px 22px 0 rgba(0, 0, 0, .1) */  }
.exhibitors h3 img{width:150px; margin-top:-78px; }

.exhibitorsIn01{width:100%; max-width:1280px; margin:0 auto;}
.exhibitorsIn01>ul{overflow:hidden; }
.exhibitorsIn01>ul>li{float:left; width:33.33333%; border:1px dotted #ccc; height:150px; border-right:0 ; text-align:center;  }

.exhibitorsIn01>ul>li:nth-child(3n){border-right:1px dotted #ccc;}

.exhibitorsIn02{width:100%; max-width:1280px; margin:0 auto;}
.exhibitorsIn02>ul{overflow:hidden;}
.exhibitorsIn02>ul>li{float:left; width:25%; border:1px dotted #ccc; height:120px; border-right:0  }
.exhibitorsIn02>ul>li:nth-child(4n){border-right:1px dotted #ccc;}

.exhibitorsIn03{width:100%; max-width:1280px; margin:0 auto;}
.exhibitorsIn03>ul{overflow:hidden;}
.exhibitorsIn03>ul>li{float:left; width:20%; border:1px dotted #ccc; height:100px; border-right:0 }
.exhibitorsIn03>ul>li:nth-child(5n){border-right:1px dotted #ccc;}

@media(max-width:1360px){


}