input, select, textarea {color: #7f888f;font-family: 'Roboto', sans-serif;font-size: 12px;font-weight: 300;line-height: 1.65;}
td{vertical-align:middle;}
.online_subtitle{padding-top:20px;padding-bottom:5px;font-weight:600; font-size:20px;color:#004fbb;}
.txt-right{text-align: right;}
.txt_c{text-align: center;}
.align_l{text-align:left;}
.align_c{text-align:center;}
.align_j{text-align:justify;}
.align_r{text-align:right;}
.displaybolck{ display:block !important;}
.margin0auto{ margin:0 auto !important;}
.regadminctnbox01{ margin:0 auto;font-size:18px;}

.mt2em{ margin-top:2em;}
.mb1em{ margin-bottom:1em;}
.mb2em{ margin-bottom:0.5em; margin-left:10px;}
.mb2_5em{ margin-bottom:2.5em;}
.mb3em{ margin-bottom:3em;}
.mb4em{ margin-bottom:4em;}
.mb5em{ margin-bottom:5em;}


.edit-icon { color: #004fbb; } 

/*defaul*/
.panel {width: 47.1%; margin: 0 auto; /* padding: 35px 0 40px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; */}
.panel p{margin:0 0 1em 0; font-size: 0.8em;}
.button_box{width:100%; margin:0 50px; display: inline; float: right;}
.button_box .btnpoint_base3{margin:0;}
.loginwrap{margin:20px 0 30px; height:fit-content;}
.loginwrap .inpbx{overflow:hidden; margin-bottom:27px;}
.loginwrap .inpbx label{width:110px; margin:0; padding:0; line-height:40px; color:#464646; display:block; float:left; font-weight:600; height:32px; display:flex; align-items: center;}
.loginwrap .inpbx label img{margin-right:9px;}
.loginwrap .inpbx input[type=text], input[type=password] {width: 488px; padding:5px 14px 5px 14px; border:1px solid #c6c6c6;}
.registwrap input[type=text]{padding:8px 10px; height:40px; line-height:22px; -webkit-box-sizing:border-box; border:1px solid #c6c6c6;}
ul.loginarea{ width:390px; margin:30px auto;}
ul.loginarea li.idarea{ /*background:url(../images/login_id_bg.gif) no-repeat; background-position:left top;  padding-left:146px;*/ margin-bottom:24px; height:42px; line-height:34px;}
ul.loginarea li.pwarea{ /*background:url(../images/login_pw_bg.gif) no-repeat; background-position:left top; padding-left:146px;*/ margin-bottom:24px; height:42px; line-height:34px;}
ul.loginarea li.idarea input.textinput1,ul.loginarea li.pwarea input.textinput1{float:right; width:230px;font-size:16px;}
ul.loginarea li.idarea img,ul.loginarea li.pwarea img{float:left; margin-right:5px;}
.loginwrap .btn.btn_login{height:50px; cursor:pointer; float:right}
.btn.btnpoint_base3{height:50px; cursor:pointer; float:left}

@media(max-width:1850px) {
.panel{width:58%;}
}
@media(max-width:768px) {
.panel{width:100%;}
.button_box{width: 100%;}
.loginwrap .inpbx input[type=text], input[type=password]{width:100%}
}

/*reg*/
p.online_subtitle{padding-top:20px;padding-bottom:5px;font-weight:600; font-size:20px;color:#004fbb;}
.addtxt{font-size: 12px;}
label{display: inline-block;}
.scroll {overflow-x:hidden; height:280px; padding:12px; overflow-y:scroll; box-sizing:border-box; border:3px solid #dadada; font-family:"Open Sans",Helvetica,Arial,sans-serif;}
table.regtable{font-size:18px;}

table.regtable label{font-size: 16px;font-weight: 400;}
table.regtable input + label {margin-left: 6px; margin-right:10px;}
table.regtable select {width: 336px;height: 30px; font-size:16px;}
table.regtable input[type=text], table.regtable input[type=select], table.regtable input[type=password]{width:90%; height:35px; line-height:28px; font-size:18px;padding:5px 14px 5px 14px; border:1px solid #cbcbcb;}
table.regtable tr td{padding:5px;height:50px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;color:#000000; background-color:#ffffff !important;}
table.regtable th{height:50px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;color:#000000; background-color:#f3f3f3 !important;}
table.regtable td.tdbasetxt1 input.m_auto{margin:0 auto; display:block;}
table.regtable p{margin: 0; font-size: 14px;}
table.regtable .requiredmark{font-size: 18px;color:#ff0000;}
table.regtable span.error_msg{font-size: 18px;color:#ff0000;}

label.error{color: #f56a6a; font-weight: 500; font-size: 0.8em !important;}
@media(max-width:768px) {
table.regtable select, table.regtable input[type=text], table.regtable input[type=password]{width: 80%;}
}
.w30 {width:30% !important;}
.w60 {width: 60px !important;}
.w100 {width:100px !important;}
.w100_p{width:100% !important;}
.w125 {width:125px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w350{width:350px !important;}
.w800{width: 800px !important;}
.w900{width: 900px !important;}
.w1000{width: 1000px !important;}

.phonecode {width: 80px !important;}
.p_phonecode {width: 80px !important;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select, textarea{display: inline-block;}


ul.tnb{width:69%; height:58px; border:1px solid #d8d8d8; margin:0 auto 30px; padding: 0; list-style: none;}
ul.tnb li.depth1{float:left; height: 100%; min-height: 58px; border-right:1px solid #d8d8d8;line-height:20px; text-align:center;color:#333333; padding:0 15px; width:50%;}
@media(max-width:1850px) {
ul.tnb{width:100%;}
}

ul.tnb li.depth1:last-child{border-right:none;}

ul.tnb li.depth1:hover{background:#3c8dbc; cursor:pointer !important;}
ul.tnb li.depth1 a{width: 100%; height: 100%; display: block; line-height: 58px; transition: 0.5s; border-bottom: 0;}
ul.tnb li.depth1:hover a{color:#ffffff !important;}
ul.tnb a{color:#333333; text-decoration:none;}

/* 20180604 클릭시 addClass의 active클래스 속성 추가 */
.depth1.active{background: #3c8dbc;}
.depth1.active a{color: #ffffff;}

.align_c.font_size10{font-size:10px;}
.align_c.font_size12{font-size:12px;}
.align_c.font_size14{font-size:14px;}
.align_c.font_size16{font-size:16px;}
.align_c.font_size18{font-size:18px;}
.align_c.font_size20{font-size:20px;}
.align_c.font_size22{font-size:22px;}
.align_c.font_size24{font-size:24px;}
.align_c.font_size26{font-size:26px;}


.txt-right.font_size10{font-size:10px;}
.txt-right.font_size12{font-size:12px;}
.txt-right.font_size14{font-size:14px;}
.txt-right.font_size16{font-size:16px;}
.txt-right.font_size18{font-size:18px;}
.txt-right.font_size20{font-size:20px;}
.txt-right.font_size22{font-size:22px;}
.txt-right.font_size24{font-size:24px;}
.txt-right.font_size26{font-size:26px;}

.error_msg{font-size:12px;}
h4{font-size:24px;}


.margin0auto{ margin:0 auto !important;}
.width1p{ width:1% !important;}
.width2p{ width:2% !important;}
.width3p{ width:3% !important;}
.width5p{ width:5% !important;}
.width10p{ width:10% !important;}
.width15p{ width:15% !important;}
.width20p{ width:20% !important;}
.width25p{ width:25% !important;}
.width30p{ width:30% !important;}
.width35p{ width:35% !important;}
.width40p{ width:40% !important;}
.width50p{ width:50% !important;}
.width60p{ width:60% !important;}
.width70p{ width:70% !important;}
.width80p{ width:80% !important;}
.width90p{ width:90% !important;}
.width96p{ width:96% !important;}
.txt_r{text-align:right !important;}
.txt_c{text-align:center !important;}
.txt_l{text-align:left !important;}
.txt_j{text-align:justify !important;}
/*img{max-width:100% !important}*/
.imgw100p{width:100% !important;}
.imgh100p{height:100% !important;}
.bgnone{background:none !important;}
.displaybolck{ display:block !important;}
.fontwb{font-weight:bold !important;}
.fs0_9em{ font-size:0.9em !important;}
.fs1_1em{ font-size:1.1em !important;}
.fs1_3em{ font-size:1.3em !important;}
.fs1_5em{ font-size:1.5em !important;}
.pointw1{color:#ffffff !important;}
.pointb4{color:#2082c3 !important;}/*blue*/
.pointb2{color:#004fbb !important; font-weight:600;font-size:16px;vertical-align:middle;}/*blue-#0d67b3*/
.pointb3{color:#454f85 !important;}/*dark blue*/
.pointg2{color:#e9e9e9 !important;}/*light gray*/
.pointr2{color:#ff1409 !important;}/*red*/


.rdobox, .p_style{width:93%; display:block; margin: 20px auto;}
.rdobox span{display:block; float:left;}
@media(max-width:768px) {
.rdobox, .p_style{width:100%;}
}
.tdtitlepoint1{font-size:16px;vertical-align:middle;}
.tdbasetxt1{font-size:16px;vertical-align:middle;}