: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;
}

.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 {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    /*vertical-align: baseline;*/
    box-sizing: border-box;

    /*line-height: 1.8;*/
    /*font-family:'YouandiModernTR';*/
    /*font-family:"Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: YouandiModernTB;*/
	font-family: "Noto Serif", "LexiSaebomR", sans-serif;
/*    font-family: 'YouandiModernTR', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif;*/
    /*font-weight: 400;*/
    font-style:normal;
    /*color: #333;*/
    padding: 0px; margin: 0px;
    /*background-color: #fcfcfc;*/
    font-size: 16px;
    text-decoration: none;


}

input, textarea, button{appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}


/* 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: #f5f7fb;*/
    /*background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");*/
    background-position: center;
    
	background:url('../images/bg.jpg') center no-repeat; 
	background-size: cover;
	/*overflow: hidden;*/
}

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;
}

input{appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}

input[type=submit] {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
}

.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;
	background: #688055;
    color: #fff;
}



.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; background:#cecece;}
.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%; }

/* .container{width:100%; margin:0 auto; max-width:1798px; } */
.area{width:100%; max-width:1380px; margin:0 auto; }
.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-area{}
/* .homepage{position:absolute; left:40px; top:40px;} */
.homepage{position:absolute; right:40px; top:40px;}
/* .homepage img{width:160px; } */
.homepage img{width:448px; }

.login-container{width:1000px; margin:0 auto; position:absolute;
    top:50%; left:45%;

    transform: translate(-50%, -50%);
	 /*overflow:hidden;*/ 

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






.login-container .left{width:560px; height:360px; float:left; position:relative; }
.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:440px; min-width:250px;  float:left;  padding:0 0 0 5% ;  text-align:center; }
.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:#f5f0ea; padding:10px 0 30px 0; border-radius: 10px; border:1px solid #915d30; }
.login-btn{width:80%; height:55px; margin:0 auto;line-height:45px; text-align:center; cursor:pointer; color:#FFFFFF; /* background: linear-gradient(to right, #826f5d, #562a00 ); */-webkit-appearance:none;background: linear-gradient(to right, #5d3321, #a18342 ) ; border-radius:5px; margin-top:30px;font-size:17px; font-weight: bold; border:0}
 .login-btn:hover{background:#5d3321 } 
.login-text{ }
.login-text ul{overflow:hidden;}
.login-text ul li{display: inline-block;text-align:left; margin:0 auto;}
.login-text ul li:first-child{width:70px; height:40px; line-height:50px; font-size:15px; font-weight:600; color:#212d14; margin-top:13px; }
.login-text ul li:last-child{width:60%; font-size:14px; line-height:40px; border-bottom:1px solid #212d14;}
.login-text ul li:last-child input{width:100%; height:40px;  border:0}
.login-text ul li:last-child input::-webkit-input-placeholder{color:#d8d8d8; font-weight:500; font-size:14px;}





#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: #f5f5f5; fsont-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;}

.bottom {font-size:14px; font-weight: bold; padding-top:10px; color:red; letter-spacing: -1px; line-height: 20px;}


#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;}

.left_img {width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.banner_logo {width:1024px; margin:0 auto; padding-bottom:30px;}
.banner_logo img {width:100%; }

/* HEADER */
/* #header { position:relative;z-index:1; text-align:center; background:url("../images/bg.jpg")no-repeat center bottom/cover;} */
#header { position:relative;z-index:1; text-align:center; background:url("../images/bg.jpg")no-repeat center top 35%/cover;}
/* #header #logo {position: relative; display: inline-block; width:485px; height:156px; margin: 2% 0;} */
#header #logo {position: relative; display: inline-block; width:685px; height:156px; margin: 2% 0;}
#header #logo a { display: block;height:100px; font-size: 0; /* background:url("../images/title3.png") center no-repeat; */ background-size: auto 88px;}
#header #logo img {width:100%;}
#header #logo_top {display: table; position: absolute;top:0;left: 40px;   height:130px;margin: 36px 0 }
#header #logo_top a { display: table-cell;width: 160px; vertical-align: middle;background:url("../images/logo.png") center no-repeat; background-size:100%;}


#header #logo_top2 {display: table; position: absolute;top:0;right: 40px;   height:100px;margin: 3% 0 }
#header #logo_top2 a { display: table-cell;width: 200px; height:40px; vertical-align: middle;background:url("../images/amosartanfamily.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);}

#header #navi{ position: relative; background:#ccc;/* border-top:1px solid #eee; */ /* border-bottom:1px solid #eee; */ }
#header #navi .wrap { margin:0 auto;width: 100%;  position:relative;}
#header #navi #category{position:relative;  }
#header #navi #category ul{ text-align: center}
#header #navi #category li{position: relative; display: inline-block; vertical-align: top; width:100%; /*width: 50%;*/ float:left; border-right:1px solid #fff}
#header #navi #category li:last-child{border-right:0}
#header #navi #category li a {position:relative;display: block; color: #fff; font-size: 16px;height:60px;overflow: hidden; line-height:60px;text-align: center; font-weight:bold; }
#header #navi #category li span{position:absolute;top:-1px;display: block;width:100%   }
#header #navi #category li strong{display:none;   width: 0%;height: 3px;background: #1a3525; }
#header #navi #category li.sel a{ font-weight: 700; background:#13294e; color: #fff;}
#header #navi #category li.sel strong{width: 100%; background: #fff;}
#header #navi #category li a:hover{ font-weight: 700; text-decoration: none; background:#13294e; -webkit-transition: all 0.3s ease-in-out;}
#header #navi #category li a:hover strong{display:none; 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;}
#header #navi:after{display:block;clear:both;height:0;content:'';}
#container{position: relative; background:#f1f1f1 ;  padding: 3.2% 9.2%;}

.location {background:url("../../images/bg.png") left no-repeat; height: 110px;}
.location h2 {margin:0; line-height: 110px; color:#212d14; 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;}

.Close2{ background:#222f15;   top:0px; width:100%; height:40px; 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;  }
#divpop5{position:absolute;   width:90%; max-width:800px; top:345px; /*transform:translate(-50%,-50%);*/ z-index:10;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;  }

.mobile {display: none;}



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

#but_box {padding-top: 3.2%;background: #f5f7fb;}
#but_box a {
	width: 14%;
	padding:10px;
    /*height: 53px;*/
    display: inline-block;
    background: #194677;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
    border-radius: 15px;
    line-height: 19px;}


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%}




.roomA-top{display: inline-block; overflow:hidden; background:#2c3c4c; display:inline-block; padding:7px; 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:#194677; background:#fff; padding:10px 20px; margin-left:14px; cursor:pointer; font-size:18px;     }
.roomA-top-check:hover{background:#194677; 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:#f70734; 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; }


/* .guideline {display: inline-block;overflow: hidden;
    display: inline-block;
    padding: 7px;
    padding-left: 14px;
    font-weight: bold;
    margin: 0px 0 20px 0;
    border-radius: 3px;}
.guideline a {
    font-weight: 18px;
    color: #000;
    line-height: 34px;
    font-size: 18px;}
.guideline p {display: inline-block;}  */


.date{font-weight:bold; margin-bottom:20px; font-size:20px; margin-top:40px; display:inline-block; width:100%; position:relative;   }
.date > span {  color:#212121; display:inline-block; font-size:20px; }
.date span.hallB {background:#243d56;}

span.chairman{float:right; font-size:16px; letter-spacing:-1px; font-weight:bold; }

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

#leftQna { width: 30%;
       position: absolute;
    top: 0;
    left: 70%;
	background:#fff; 
	height:544px ; 
}

#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;}


.guide{display:inline-block; width:100%; margin-top:20px; }
.guide ul li{margin-bottom:12px; letter-spacing:-1px; font-size:15px;  }
.guide ul li i{color:#003a78; }
.guide ul li span{color:#fd3828; font-size:15px; font-weight:600; }

 .agenda	 {width:100%; border-top:1px solid #606060; position:relative; background: #fff}
.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:14px; 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; font-weight:bold; }
.agenda	td.speaker {text-align: right}
.agenda	th.session{color:#0c2f55; background:#dfe5e8; font-weight:bold; }
.agenda	th.session2{color:#fff; background:#431215; 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{color:#0c2f55;}

.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:bold;  border-radius:40px; background:#f7f7f7; border:2px solid #c8cbd9; font-size:13px; cursor:pointer;   }

.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;   }

.font {margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 20px;}

.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%;   }
.video{width:100%; margin-top:20px; max-width: 1000px; margin: 0 auto; }
.video .section-title{margin-bottom:20px; font-weight:600;}
.video ul{overflow:hidden;}
.video ul li{width:48%; background-color:#fff;  float:left; padding:10px; margin-right:2%; box-shadow:7px 7px 7px 3px rgba(0,0,0,0.1); margin-bottom:30px; padding-bottom:20px; cursor:pointer;  position: relative; display:inline-block; }
/* .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; font-weight: bold; text-align:center; letter-spacing:-1px; }
.video ul li p.video-speaker{display:none; font-size:12px; text-align:right; margin-top:20px; line-height:160%;}

.video ul li span{}
.video ul li a span:nth-child(2) {
    position: absolute;
    border-top: 5px solid #431215;
    top: 0;
    left: 0;
    right: 100%;
    transition: 0.1s;
  }
.video ul li:hover a span:nth-child(2) {
    right: 0%;
  }

.video ul li a span:nth-child(3) {
    position: absolute;
    border-right: 5px solid #431215;
    top: 0;
    right: 0;
    bottom: 100%;
    transition: 0.1s;
  }
.video ul li:hover a span:nth-child(3) {
    bottom: 0%;
  }

.video ul li a span:nth-child(4) {
    position: absolute;
    border-bottom: 5px solid #431215;
    bottom: 0;
    left: 100%;
    right: 0;
    transition: 0.1s;
  }
.video ul li:hover a span:nth-child(4) {
    left: 0%;
  }

.video ul li a span:nth-child(5) {
    position: absolute;
    border-left: 5px solid #431215;
    top: 100%;
    left: 0;
    bottom: 0;
  }
.video ul li:hover a span:nth-child(5) {
    top: 0%;
  }


.video ul li a span:nth-child(2) {
    transition-delay: 0.3s
  }
.video ul li:hover a span:nth-child(2) {
    transition-delay: 0s;
  }

.video ul li a span:nth-child(3) {
    transition-delay: 0.2s;
  }
.video ul li:hover a span:nth-child(3) {
    transition-delay: 0.1s;
  }

.video ul li a span:nth-child(4) {
    transition-delay: 0.1s;
  }
.video ul li:hover a span:nth-child(4) {
    transition-delay: 0.2s;
  }

.video ul li a span:nth-child(5) {
    transition-delay: 0s;
  }
.video ul li:hover a span:nth-child(5) {
    transition-delay: 0.3s;
  }







/*영상 상세 페이지*/
.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; }
.cme ul li{float:right; color:#fff; width:140px; text-align:center; padding:15px;}
.cme ul li:first-child{ background:#653d94}
.cme ul li:last-child{ background:#8464a9}



footer{padding:30px; text-align:center;background:#141414; } 
footer ul{overflow:hidden; display:inline-block; margin:0 auto;}
footer ul li{ font-size:13px; color:#b1aaa5; }
footer ul li:last-child{  line-height:160%;}


.clear{clear:both;}

/*스카이배너*/
#sideMenu {position: fixed;z-index:10; right: 10px;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: 110px;margin-bottom: 16px;  text-align: center; font-size: 26px; line-height: 30px;}
#sideMenu .go strong{display: block; font-size:20px; line-height:120%; }
#sideMenu .go span{display: block;font-size: 12px;line-height: 14px;padding: 6px 20px 0 20px; word-break: keep-all}

#sideMenu .out{border-radius: 20px;background: #93043d; color: #fff;padding: 10px 0; box-shadow:4px 3px 6px 0 rgba(0, 42, 88, .1); border:6px solid #fff; }
#sideMenu .out img{width:40px; }
#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: 24px; border:3px  solid #0c2f55;  background: #f7f7f7;color: #50749a; padding: 16px 0 ;font-size: 22px; line-height: 25px; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1)}
#sideMenu  p {font-size: 16px; line-height: 25px; margin-top:10px; }

/*#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:15px; color: #e2dcda;}
#hd_login_msg > a {color:#d6d7d8; font-size:13px; margin-top:10px; display:inline-block; }


#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-y:scroll; font-size: 18px;}
.bdivpop5 {display:inline-block} 

.regi-text1{font-size:20px; color:#688051; text-align:center; font-weight:bold;  }
.regi-text2{padding:30px; line-height:150%; text-align:center; padding-top:10px; padding-bottom:10px; font-size:13px; word-break:keep-all;   }
.info{ padding-top:10px;  }
.info p{font-size:12px; line-height:130%; }
.info span{margin-top:5px; font-size:12px; display:inline-block; margin-top:5px; margin-bottom:5px;  }
.info span input{}

.Close2{ background:#222f15;   top:0px; width:100%; height:40px; 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;  }

@media only screen and (max-width: 950px){ 
.login-container .left {float: inherit; width: 94%; margin:0 auto;}
.login-container .right {float: inherit;    width: 94%; margin:0 auto; padding:0; margin-top:40px;  }
.left_img{width:70%; position:initial; transform:translate(0%, 0%); }
.login-container .left{height:auto; margin-top:70px;  }
.login-container{width:100%; margin-top:50px; }
.homepage{display:none;}
}

@media only screen and (max-width: 1270px){ 
	#but_box a {width:18%;}
	.banner_logo {width:100%;}
	#header #navi #category li a {font-size:15px;}

}

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

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

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

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

@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:80%; margin-bottom: 10px;}
}

@media only screen and (max-width: 900px){
	#container{padding:3.2% 3.2%}
	body{/* overflow-x:hidden; */  background-size:auto;  height:-webkit-fill-available; }
	#header #logo{margin:0% 0 3% 0; }
	#header #logo a{height:auto; padding:20px 0 20px 0; }
	#header #logo_top{display:none;}
	.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 .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; }
}


#open {position: absolute; top: 20px; right: 4%; width: 33px;  height: 27px; z-index: 99;}
#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; background:#fff; }
#open.on::before {transform: rotate(45deg); top: 50%; width: 33px; transition: all 0.4s; background:#fff;}
#open.on > span {display: none;}
#open.on {position:fixed;}

@media only screen and (max-width: 806px) {
	.mobile {display:table;}
	.pc {display:none;}
	#header #navi #category li {position: relative;display:block; width:100%; border:0}
	#header #logo_top {left: 4%; margin-top:17px; }
	#header #logo_top2 {right: 60px;}
	#header #logo_top a {width:110px;}
	#header #logo_top2 a {width:130px;}
	#header #navi #category li::before{    
	content: '';
    width: 100vw;
    position: absolute;
    left: -20%;
    bottom: 0;
    height: 1px;
    background:rgba(255,255,255,0.3);}

}

.agenda td.hour span {
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    color: #0d1538;
    font-weight: bold;
    border-radius: 40px;
    background: #f7f7f7;
    border: 2px solid #c8cbd9;
    font-size: 13px;
    cursor: pointer;
}

/* menu */
.M_menu {position: fixed; width: 70%; height: 100vh; top: 0; right: 0; transition: all 0.4s; background: #2f210a; display:none;padding: 10%;}
.M_menu.close {display:block}

.M_menu li {position: relative; line-height: 50px; text-align: center;}
/* div.M_menu > ul > li::after {content:'';  position: absolute; top: 0; left: -20%; width: 100vw; height: 1px; background:#a0a0a0;} */
.M_menu li > a {font-size: 18px}
#divpop5 {width:60%; right:20%;}

.video {}
}

@media only screen and (max-width: 951px) {
#header #navi #category li {width:17%;}


}



@media only screen and (max-width: 700px) {
#header #logo {bottom: 0px; width:100%; top:14%; height:auto;  }
#header #logo img {width: 86%;}
#header #logo_top {display: none;}
#header #logo_top2 {display: inline-block;}


/* 사전등록 */

}

@media only screen and (max-width: 640px) {
.area {margin:inherit; box-sizing: border-box;}
.left_img{width:94%; }
.homepage{position: initial; text-align: center; margin-top:107px; }
.homepage img{width:100px; }
.login-box{margin-bottom:50px; }

.guide ul li{line-height:160%; text-indent:-15px; margin-left:15px; }
.guide ul li i{margin-left:15px; }
.agenda{table-layout:fixed; }
.agenda	th.width {width:100%; }
.agenda td{border: none; word-break:break-all; height:auto; }
	.agenda td.hour{border-bottom:1px solid #e5e5e5;}
	.agenda td.hour p{font-family:'Noto Sans KR',Malgun Gothic, Dotum, Arial, verdana, Helvetica;}
	.agenda td.hour span{
		display: inline-block;
		width: 27px;
		height: 27px;
		text-align: center;
		color: #0d1538;
		font-weight: bold;
		border-radius: 40px;
		background: #f7f7f7;
		border: 2px solid #c8cbd9;
		font-size: 13px;
		cursor: pointer;
	}
	.agenda th{border-bottom:1px solid #e5e5e5;}
	.agenda th+td{color: #555;font-weight: 500}
	.agenda td.cont,td.hour{border-bottom: none}
	.agenda	td.speaker {text-align: left}
	#sideMenu {    right: 10px;}
	#sideMenu .out {width: 100%; padding:10px; }
	#sideMenu .down {width: 50%; }
	.agenda th.session {}
	
	.date{margin-top:10px; }

	.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 {    padding: 9px 14px;     margin-left: 17px;     font-size: 15px;}
	.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;}
	}

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

@media only screen and (max-width: 500px) { 
#divpop6 {width: 70%;}
#divpop5 {width:80%;left: 10%;}
#header {    height: auto;}

.Close2 span {width: 65%; font-size: 11px;}
/* #header #navi #category li a {font-size:15px;} */
#sideMenu p {font-size: 14px; line-height: 20px;}
#sideMenu .go strong {font-size:15px;}
.login-container {width:100%;left:50%;flex-direction:column;}


}

@media only screen and (max-width: 360px) {
#header #logo_top a {width:100px;}
#header #logo_top  { position: static;     height: 10px;}
#header #logo_top2 a {width:100px;}
#header #logo_top2  { position: static;     height: 10px;}
.location {height: 50px;}
.location h2 {line-height: 50px; font-size: 25px;}

	#header #logo {width:250px;}

	.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; } */





#divpop{position:absolute; z-index:200;visibility:hidden; 
background:#fff; border:1px solid #ccc; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.1); width:1000px;   
  }
}


/*퀵메뉴*/
#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;}


/* .Close2{background: linear-gradient(to right, #952c77, #642451);   width:100%; height:40px; }
.Close2 span{display:inline-block; color:#fff;padding:10px; letter-spacing:0; float:left;  }
.Close2 a{color:#fff; padding:10px; ; float:right;  } */

.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){


}





/*룸 하단 퀴즈 CSS*/
.btn { border-radius: 3px; color: #fff; padding: 16px; font-size: 15px; line-height: 20px; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1); text-align:left; display:inline-block; cursor:pointer; margin-bottom:10px; }

#btn1{ width:320px; }
#btn2{ width:320px; }
#btn3{ width:320px; }
#btn4{ width:320px; }

#btn1.down { background:#666666 url(/images/down_w.svg) no-repeat 95% center; background-size:26px; }
#btn2.down { background:#d28038 url(/images/down_w.svg) no-repeat 97% center; background-size:26px; }
#btn3.down { background:#431215 url(/images/down_w.svg) no-repeat 97% center; background-size:26px; }
#btn4.down { background:#d28038 url(/images/down_w.svg) no-repeat 97% center; background-size:26px; }

#btn1.up { background:#666666 url(/images/up_w.svg) no-repeat 95% center; background-size:26px; }
#btn2.up { background:#d28038 url(/images/up_w.svg) no-repeat 97% center; background-size:26px; }
#btn3.up { background:#431215 url(/images/up_w.svg) no-repeat 97% center; background-size:26px; }
#btn4.up { background:#d28038 url(/images/up_w.svg) no-repeat 97% center; background-size:26px; }

#quiz1, #quiz2, #quiz3, #quiz4{ display:none; }
.quiz_place1 { background:#FFF; border:1px solid #ddd; padding:30px; text-align:justify; line-height:140%; }
.quiz_place2 { background:#FFF; border:1px solid #ddd; padding:30px; text-align:justify; line-height:140%; }
.quiz_place3 { background:#FFF; border:1px solid #ddd; padding:30px; text-align:justify; line-height:140%; }
.quiz_place4 { background:#FFF; border:1px solid #ddd; padding:30px; text-align:justify; line-height:140%; }

.quiz_title { font-size:20px; font-weight:bold; color:#666666; margin-bottom:20px; }
.quiz_name { font-size:14px; color:#666; }
.quiz_q { font-size:1em; font-weight:bold; margin-bottom:10px; }
.quiz1_end { display:none; }
.quiz1_end span { display: inline; box-shadow: inset 0 -10px 0 #D9FCDB; }
.quiz2_end { display:none; }
.quiz2_end span { display: inline; box-shadow: inset 0 -10px 0 #D9FCDB; }
.quiz3_end { display:none; }
.quiz3_end span { display: inline; box-shadow: inset 0 -10px 0 #D9FCDB; }
.quiz4_end { display:none; }
.quiz4_end span { display: inline; box-shadow: inset 0 -10px 0 #D9FCDB; }

.quiz_a { margin-top:10px; margin-bottom:10px; }

.quiz_place input[type="radio"] { display:none; }
.quiz_place input[type="radio"] + label span { display:inline-block; font-size:16px;	font-weight:300; width:50px; height:50px; padding:10px; box-sizing:border-box; border:3px solid #aaa; border-radius:5px; text-align:center; cursor:pointer; }
.quiz_place input[type="radio"] + label span img { filter: invert(64%) sepia(56%) saturate(15%) hue-rotate(318deg) brightness(95%) contrast(89%); }

.quiz_place input[type="radio"]:checked + label span.gi{ border:3px solid #F0830C; background:#F0830C; font-weight:bold; color:#FFF; }
.quiz_place input[type="radio"]:checked + label span.ban{ border:3px solid #EA4C20; background:#EA4C20; font-weight:bold; color:#FFF; }


.quiz_place1 input[type="radio"] { display:none; }
.quiz_place1 input[type="radio"] + label span { display:inline-block; margin-bottom:5px; font-size:16px;	font-weight:300; width:50px; min-height:50px; padding:10px; box-sizing:border-box; border:2px solid #aaa; border-radius:5px; text-align:center; cursor:pointer; }
.quiz_place1 input[type="radio"] + label span img { filter: invert(64%) sepia(56%) saturate(15%) hue-rotate(318deg) brightness(95%) contrast(89%); }

.quiz_place1 input[type="radio"]:checked + label span.q1-1{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place1 input[type="radio"]:checked + label span.q1-2{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place1 input[type="radio"]:checked + label span.q1-3{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place1 input[type="radio"]:checked + label span.q1-4{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }

.quiz_place2 input[type="radio"] { display:none; }
.quiz_place2 input[type="radio"] + label span { display:inline-block; margin-bottom:5px; font-size:16px;	font-weight:300; width:50px; min-height:50px; padding:10px; box-sizing:border-box; border:2px solid #aaa; border-radius:5px; text-align:center; cursor:pointer; }
.quiz_place2 input[type="radio"] + label span img { filter: invert(64%) sepia(56%) saturate(15%) hue-rotate(318deg) brightness(95%) contrast(89%); }

.quiz_place2 input[type="radio"]:checked + label span.q1-1{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place2 input[type="radio"]:checked + label span.q1-2{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place2 input[type="radio"]:checked + label span.q1-3{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place2 input[type="radio"]:checked + label span.q1-4{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }

.quiz_place3 input[type="radio"] { display:none; }
.quiz_place3 input[type="radio"] + label span { display:inline-block; margin-bottom:5px; font-size:16px;	font-weight:300; width:50px; min-height:50px; padding:10px; box-sizing:border-box; border:2px solid #aaa; border-radius:5px; text-align:center; cursor:pointer; }
.quiz_place3 input[type="radio"] + label span img { filter: invert(64%) sepia(56%) saturate(15%) hue-rotate(318deg) brightness(95%) contrast(89%); }

.quiz_place3 input[type="radio"]:checked + label span.q1-1{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place3 input[type="radio"]:checked + label span.q1-2{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place3 input[type="radio"]:checked + label span.q1-3{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place3 input[type="radio"]:checked + label span.q1-4{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }

.quiz_place4 input[type="radio"] { display:none; }
.quiz_place4 input[type="radio"] + label span { display:inline-block; margin-bottom:5px; font-size:16px;	font-weight:300; width:50px; min-height:50px; padding:10px; box-sizing:border-box; border:2px solid #aaa; border-radius:5px; text-align:center; cursor:pointer; }
.quiz_place4 input[type="radio"] + label span img { filter: invert(64%) sepia(56%) saturate(15%) hue-rotate(318deg) brightness(95%) contrast(89%); }

.quiz_place4 input[type="radio"]:checked + label span.q1-1{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place4 input[type="radio"]:checked + label span.q1-2{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place4 input[type="radio"]:checked + label span.q1-3{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }
.quiz_place4 input[type="radio"]:checked + label span.q1-4{ border:3px solid #1a579e; background:#1a579e; font-weight:bold; color:#FFF; }


.quiz_place input[type="radio"]:checked + label span.O{ border:3px solid #2e79ff; }
.quiz_place input[type="radio"]:checked + label span.O .q_O { filter: invert(38%) sepia(47%) saturate(1856%) hue-rotate(196deg) brightness(101%) contrast(103%); }
.quiz_place input[type="radio"]:checked + label span.X{ border:3px solid #EA4C20;}
.quiz_place input[type="radio"]:checked + label span.X .q_X { filter: invert(36%) sepia(71%) saturate(3095%) hue-rotate(352deg) brightness(96%) contrast(90%); }



.quiz_btn1-1, .quiz_btn1-2, .quiz_btn1-3, .quiz_btn2, .quiz_btn2-1, .quiz_btn2-2, .quiz_btn2-3, .quiz_btn2-4, .quiz_btn3 { width:100%; border-radius: 3px; color: #fff; padding: 16px; font-size: 18px; line-height: 20px; box-shadow:4px 3px 6px 0 rgba(0, 0, 0, .1); text-align:center; display:inline-block; cursor:pointer; margin-bottom:10px; font-weight:bold; margin-bottom:30px;}

.quiz_clear1{ font-size:16px; margin-bottom:5px; font-weight:bold; display:none; color:#666666; text-align:center; }
.quiz_clear1 input[type="text"]{ width:20px; font-size:20px; font-weight:bold; color:#666666; }

.quiz_clear2{ font-size:16px; margin-bottom:5px; font-weight:bold; display:none; color:#042E61; text-align:center; }
.quiz_clear2 input[type="text"]{ width:20px; font-size:20px; font-weight:bold; color:#042E61; }

.quiz_clear3{ font-size:16px; margin-bottom:5px; font-weight:bold; display:none; color:#1A579E; text-align:center; }
.quiz_clear3 input[type="text"]{ width:20px; font-size:20px; font-weight:bold; color:#1A579E; }