@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse: collapse;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#2e2e2e; }
address,
em { font-style:normal }
body,input,select,textarea,a,button,h1,h2,h3,h4,h5,h6 { font-family:'Noto Sans KR', '맑은고딕', sans-serif; font-size: 14px; color: #4b4b4b; font-weight: 400; text-decoration: none; }
a:hover { text-decoration: none;}
.link { color: #111;  font-weight: 500;}

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.bg-1{ background: #18afc2 !important }
.bg-skyblue{ background: #d5f1f4 !important }
.bg-blue{ background: #45b8c7 !important }
.bg-lightgray{ background: #f6f6f6 !important }
.bg-notice { background: #fffcf4 !important }
.red { color:#ff1e00 !important }
.skyblue { color:#00a9f0 !important }
.org { color:#f15b26 !important }
.org2 { color:#d66400 !important }
.pri-red {color: #dc0000 !important}
.yellow { color:#ffe400 !important }
.pri-gray {color: #7c7c7c !important}
.white { color:#fff !important }
.dgray { color:#303030 !important }
.primary { color: #5b4036 !important }
.thin { font-weight: 300 !important;}
.normal { font-weight: 500 !important }
.bold { font-weight: 700 !important }
.mb0 { margin-bottom:0 !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }

.mt0 { margin-top:0 !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt15 { margin-top:15px !important }
.mt20 { margin-top:20px !important }
.mt30 { margin-top:30px !important }
.mt40 { margin-top:40px !important }
.mt50 { margin-top:50px !important }
.mt80 { margin-top:80px !important }

.pd0 { padding:0 !important }
.pdt5 { padding-top:5px !important }
.pdt10 { padding-top:10px !important }
.pdt15 { padding-top:15px !important }
.pdl15 { padding-left:15px !important }
.pdl0 { padding-left:0 !important }
.pdl10 { padding-left:10px !important }
.pd10 { padding: 10px; important;}
.pd15 { padding: 15px; important;}
.pd20 { padding: 20px; important;}
.pd30 { padding: 30px; important;}
.pd50 { padding:50px !important }
.none_bg { background:none !important }
.mb0 { margin-bottom:0 !important }
.gray { color:#888 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.none_bor { border:0 !important }

form { padding:0; margin:0; }
input[type="checkbox"],
input[type="button"] { vertical-align:middle; border: 0; }
input[type="radio"] { vertical-align:middle; }
.blue { color:#375e98 !important; }
.black { color:#131313 !important; }
.pink { color: #ef4023 !important; }


.under { text-decoration:underline !important }
.fb7 {font-weight: 700 !important }
.fb8 {font-weight: 800 !important }
.f0 { font-size:0 !important }
.f10 { font-size:10px !important }
.f11 { font-size:11px !important }
.f12 { font-size:12px !important }
.f13 { font-size:13px !important }
.f14 { font-size:14px !important }
.f15 { font-size:15px !important }
.f16 { font-size:16px !important }
.f18 { font-size:18px !important }
.f20 { font-size:20px !important }
.f22 { font-size:22px !important }
.f24 { font-size:24px !important }
.f26 { font-size:26px !important }
.f30 { font-size:30px !important }
.f36 { font-size:36px !important }
.clear { clear:both; }
.w30 { width:30% !important }
.w35 { width:35% !important }
.w40 { width:40% !important }
.w45 { width:45% !important }
.w50 { width:50% !important }
.w53 { width:53% !important }
.w55 { width:55% !important }
.w60 { width:60% !important }
.w70 { width:70% !important }
.w65 { width:65% !important }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt40 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt60 { padding-top:60px !important; }
.pdt70 { padding-top:70px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb60 { padding-bottom:60px !important; }
.pdb70 { padding-bottom:70px !important; }
.ml10 { margin-left:10px !important}
.ml20 { margin-left:20px !important}
.pdb0 { padding-bottom:0 !important; }
.after:after { display:block; content:''; clear:both;}
.col-box:after { display:block; content:''; clear:both;}
.col-left { float:left; }
.col-right { float:right; }
.eng { font-family: 'Roboto', sans-serif; }

.let-0 { letter-spacing: 0 !important; }
.let-1 { letter-spacing: -1px !important; }
.let-2 { letter-spacing: -2px !important; }

.btn { display: inline-block; vertical-align: middle; background: none; border: 0;}
.btn1 { height:23px; line-height:22px; background: #525252; font-size:12px; color: #fff; padding:0 5px;}

/**********************************************************************************************
	Common
**********************************************************************************************/
body { margin: 0 auto; letter-spacing: -0.5px; }

.container:after { display:block; content:''; clear:both;}
.container { margin-top: 40px; margin-left: 320px; width: 980px; position: relative; }
.container .main-img { display: block; width: 100%; height: 590px; margin-bottom: 30px; }
.container .main-cont { margin-bottom: 40px; }
.container .main-cont ul { overflow: hidden; }
.container .main-cont ul li { float: left; width: 475px; height: 350px; padding: 19px; border: 1px solid #e1e1e1; border-bottom: 6px solid #f3f3f3; margin-right: 30px; margin-bottom: 25px; box-sizing: border-box; position: relative;}
.container .main-cont ul li:nth-child(even) { margin-right: 0; }
.container .main-cont ul li .point { position: absolute; left: 0; top: 0; width: 90px; height: 30px; background: #0d2a46; }
.container .main-cont ul li .point p { text-align: center; font-size: 15px; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 30px;}
.container .main-cont ul li a { display: block; }
.container .main-cont ul li img { display: block; width: 100%; height: 200px; margin: 0 auto 15px;}
.container .main-cont ul li .c-title { text-align: center; font-size: 23px; color: #111; font-weight: 700; letter-spacing: -2px; margin-bottom: 10px; }
.container .main-cont ul li .stxt { text-align: left; font-size: 15px; color: #474747; font-weight: 400; letter-spacing: -1px; line-height: 140%; word-break: breaka-all;}

.container .main-cont2 { margin-bottom: 40px; }
.container .main-cont2 ul { overflow: hidden; }
.container .main-cont2 ul li { float: left; width: 310px; height: 380px; padding: 19px; border: 1px solid #e1e1e1; border-bottom: 6px solid #f3f3f3; margin-right: 25px; box-sizing: border-box; position: relative;}
.container .main-cont2 ul li:last-child { margin-right: 0; }
.container .main-cont2 ul li .point { position: absolute; left: 0; top: 0; width: 90px; height: 30px; background: #0d2a46; }
.container .main-cont2 ul li .point p { text-align: center; font-size: 15px; color: #fff; font-weight: 500; letter-spacing: -1px; line-height: 30px;}
.container .main-cont2 ul li a { display: block; }
.container .main-cont2 ul li img { display: block; width: 100%; margin: 0 auto 15px;}
.container .main-cont2 ul li .c-title { text-align: center; font-size: 21px; color: #111; font-weight: 500; letter-spacing: -2px; margin-bottom: 10px; }
.container .main-cont2 ul li .stxt { text-align: left; font-size: 15px; color: #474747; font-weight: 400; letter-spacing: -1px; line-height: 140%; word-break: breaka-all;}

.container .main-event { margin-bottom: 40px; padding: 0; overflow: hidden;  }
.container .main-event .me-left { float: left; width: 490px; padding: 5px 20px 0 25px; box-sizing: border-box; overflow: hidden;}
.container .main-event .me-left .photo { float: left; width: 120px; margin-right: 25px; }
.container .main-event .me-left .e-cont { float: left; width: 300px; }
.container .main-event .me-left .e-cont .e-title { text-align: left; font-size: 22px; color: #111; font-weight: 700; letter-spacing: -2px; margin-bottom: 10px; }
.container .main-event .me-left .e-cont .e-stx { margin-bottom: 20px; height: 78px; }
.container .main-event .me-left .e-cont .e-stx p { text-align: left; font-size: 14px; color: #474747; font-weight: 400; letter-spacing: -0.5px; line-height: 130%; margin-bottom: 5px; word-break: breaka-all;}
.container .main-event .me-left .e-cont .e-btn button { display: inline-block; vertical-align: middle; background: #142638; height: 30px; padding: 0 14px; font-size: 15px; color: #fff; font-weight: 400; }
.container .main-event .me-line { float: left; width: 1px; height: 170px; background: #e3e3e3; font-size: 0; padding: 0; }
.container .main-event .me-right { float: right; width: 489px; padding: 5px 20px 0 25px; box-sizing: border-box; }
.container .main-event .me-right .photo { float: left; width: 120px; margin-right: 24px; }
.container .main-event .me-right .e-cont { float: left; width: 300px; }
.container .main-event .me-right .e-cont .e-title { text-align: left; font-size: 22px; color: #111; font-weight: 700; letter-spacing: -2px; margin-bottom: 10px; }
.container .main-event .me-right .e-cont .e-stx { margin-bottom: 20px; height: 78px;}
.container .main-event .me-right .e-cont .e-stx p { text-align: left; font-size: 14px; color: #474747; font-weight: 400; letter-spacing: -0.5px; line-height: 130%; margin-bottom: 5px; word-break: breaka-all;}
.container .main-event .me-right .e-cont .e-btn button { display: inline-block; vertical-align: middle; background: #142638; height: 30px; padding: 0 14px; font-size: 15px; color: #fff; font-weight: 400; }
.container .main-notice { margin-bottom: 70px; padding: 0; overflow: hidden; }
.container .main-notice .n-left { float: left; width: 490px; }
.container .main-notice .n-left p { display: inline-block; padding-left: 20px; text-align: left; font-size: 19px; color: #111; font-weight: 500; letter-spacing: -1px;}
.container .main-notice .n-left em { display: inline-block; width: 90px; height: 40px; background: #ec272f; border-radius: 4px; line-height: 40px; text-align: center; font-size: 19px; color: #fff; font-weight: 500;}
.container .main-notice .n-right { float: left; width: 490px; }
.container .main-notice .n-right p { display: inline-block; padding-left: 20px; text-align: left; font-size: 19px; color: #111; font-weight: 500; letter-spacing: -1px;}
.container .main-notice .n-right em { display: inline-block; width: 90px; height: 40px; background: #ec272f; border-radius: 4px; line-height: 40px; text-align: center; font-size: 19px; color: #fff; font-weight: 500;}


.s-container:after { display:block; content:''; clear:both;}
.s-container { margin-top: 40px; margin-left: 350px; width: 950px; position: relative; }
.s-container .news { margin-bottom: 50px; }
.s-container .news .title { padding: 0; margin-bottom: 20px;}
.s-container .news .title em { display: inline-block; width: 120px; height: 40px; background: #132245; border-radius: 4px; line-height: 40px; text-align: center; font-size: 19px; color: #fff; letter-spacing: -1px; font-weight: 500; }
.s-container .news .title p { display: inline-block; padding-left: 20px; text-align: left; font-size: 14px; color: #132245; font-weight: 500; letter-spacing: -0.5px; }
.s-container .news .title2 { padding: 0; margin-bottom: 20px;}
.s-container .news .title2 em { display: inline-block; width: 200px; height: 40px; background: #132245; border-radius: 4px; line-height: 40px; text-align: center; font-size: 19px; color: #fff; letter-spacing: -1px; font-weight: 500; }
.s-container .news .title2 p { display: inline-block; padding-left: 20px; text-align: left; font-size: 14px; color: #132245; font-weight: 500; letter-spacing: -0.5px; }
.s-container .news .st { width: 100%; height: 60px; line-height: 58px; border-bottom: 3px solid #000; text-align: left; font-size: 36px; color: #000; font-weight: 700; letter-spacing: -2px; margin-bottom: 20px; word-break: break-all;}
.s-container .news .st2 { width: 100%; height: 60px; line-height: 58px; border-bottom: 3px solid #000; text-align: left; font-size: 33px; color: #000; font-weight: 700; letter-spacing: -2px; margin-bottom: 20px; word-break: break-all;}
.s-container .news .st3 { width: 100%; height: 60px; line-height: 58px; border-bottom: 3px solid #000; text-align: left; font-size: 27px; color: #000; font-weight: 700; letter-spacing: -2.5px; margin-bottom: 20px; word-break: break-all;}
.s-container .news .edit { margin: 0 auto; text-align: center; }
.s-container .btn-list { text-align: center; margin: 30px 0 80px 0; }
.s-container .btn-list button { display: inline-block; vertical-align: middle; width: 200px; height: 44px; border-radius: 5px; border: 2px solid #000; line-height: 41px; text-align: center; background: #fff; font-size: 19px; color: #000; font-weight: 500; letter-spacing: -1px; padding:0 5px;}
.s-container .btn-list2 { text-align: center; margin: 20px 0; }
.s-container .btn-list2 button { display: inline-block; vertical-align: middle; width: 200px; height: 36px; border-radius: 2px; line-height: 34px; text-align: center; background: #005fa9; font-size: 17px; color: #fff; font-weight: 500; letter-spacing: -1px; padding:0 5px;}


header:after { display: block; content: ''; clear: both;}
header { position: fixed; left: 0; top: 0; border-right: 1px solid #dadada; padding: 36px 30px 0; width: 260px; height: 100%; box-sizing: border-box; overflow-y: auto;}
header .inner { margin: 0 auto; width: 200px; }
header .inner .logo { text-align: center; margin-bottom: 20px;}
header .inner .logo-s { text-align: center; }
header .inner .month { width: 100%; height: 34px; margin-bottom: 5px; background: #ec272f; text-align: center; font-size: 15px; color: #fff; font-weight: 400; line-height: 34px;}
header .inner .cont { margin-top: 35px; border-top: 1px solid #dcdcdc; padding: 0;}
header .inner .cont ul { } 
header .inner .cont ul li { width: 100%; border-bottom: 1px solid #dcdcdc; text-align: left; padding: 8px 0 8px 8px; font-size: 17px; color: #ec272f; font-weight: 500; letter-spacing: -1px; line-height: 130%; word-break: breaka-all; box-sizing: border-box; } 
header .inner .cont ul li .news { text-align: left; padding: 4px 0 0 2px; font-size: 14px; color: #111; font-weight: 500; letter-spacing: -1px; line-height: 180%; margin-bottom: 5px; word-break: breaka-all; } 
header .inner .noti { padding: 8px 4px 8px 8px; margin-bottom: 10px; }
header .inner .noti p { text-align: left; font-size: 13px; color: #111; font-weight: 400; letter-spacing: -1px; line-height: 160%; word-break: breaka-all;}
header .inner .noti p span { color: #ec272f; font-weight: 500;}
header .inner .noti p a { font-size: 13px; color: #111;}
header .inner .direct { padding: 0; }
header .inner .direct ul { overflow: hidden; }
header .inner .direct ul li { float: left; width: 98px; height: 70px; text-align: center; border: 1px solid #e3e3e3; margin-right: 4px; margin-bottom: 4px; box-sizing: border-box; }
header .inner .direct ul li img { display: block; margin: 10px auto 0; }
header .inner .direct ul li:nth-child(even) { margin-right: 0; }
header .inner .direct ul li p { font-size: 14px; color: #141414; font-weight: 500; letter-spacing: -1px;}
header .inner .direct ul li a { display: block; }

#footer:after { display:block; content:''; clear:both;}
#footer { margin-top: 30px; padding-left: 260px; width: 100%; position: relative; box-sizing: border-box; }
#footer .copy { overflow: hidden; padding: 25px 0 25px 60px; background: #004e54; }
#footer .copy .f-logo { float: left; width: 100px; margin-right: 20px; }
#footer .copy .f-logo img { text-align: center; }
#footer .copy .f-copy { float: left; width: 900px; padding-top: 10px; } 
#footer .copy .f-copy p { text-align: left; font-size: 14px; color: #fff; font-weight: 400; line-height: 150%; margin-bottom: 8px;  } 
#footer .copy .f-copy p em { font-size: 17px; font-weight: 500; } 
#footer .copy .f-copy p span { font-size: 12px; color: #88c6cb; font-weight: 400; } 


.filebox .info { text-align: left; height: 20px; line-height: 18px; color: #6c625d; font-size: 12px; font-weight: 500;  letter-spacing: -0.5px; }
.filebox label { display: inline-block; margin-bottom: 10px; padding: 0 8px; width: 100%; height: 36px; line-height: 34px; color: #6c625d; font-size: 14px; font-weight: 500; vertical-align: middle; background: #fff; border-radius: 2px; cursor: pointer; border: 1px solid #b6afad; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;}
.filebox label:hover { background-color: #fff;}
.filebox label:active { background-color: #fff;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.page { text-align: center; font-size:0; margin: 30px 0 60px; }
.page a { display: inline-block; vertical-align: middle; margin:0 5px; width:38px; height: 38px; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 37px; font-size: 16px; color: #6b6b6b; font-family: 'Roboto', 'Sans Serif';}
.page a.active { background: #373737; color: #fff; }
.page a.first { background: url(../img/common/ico_first.png) no-repeat 50% 50%; }
.page a.prev { background: url(../img/common/ico_prev.png) no-repeat 50% 50%; }
.page a.next { background: url(../img/common/ico_next.png) no-repeat 50% 50%; }
.page a.last { background: url(../img/common/ico_last.png) no-repeat 50% 50%; }

.hr {display:block; content:''; clear:both;  height: 1px; background: #dbdbdb; margin: 30px 0;}

/* MODAL */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7999; background-color: rgba(0,0,0,0.4)}
.modal {display:none; position:fixed; top:200px; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.modal-dialog {position:relative; width:auto; margin:0 auto; width: 430px; }
.modal-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.modal .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal-body {padding:25px; line-height: 180%; font-size: 13px}
.modal-content {position:relative; color:#555; background-color:#fff; outline: 0; border: 1px solid #aaa; border-radius: 30px;  overflow:hidden; padding: 20px;}
.modal-content .title { margin: 0 auto 20px; padding:0 20px; font-size:20px; color: #7d8182; height: 55px; background: #fff; position: relative; border-bottom: 1px solid #aaa;}
.modal-content .title p { line-height: 53px; font-weight: 600; }
.modal-content .title .date { position: absolute; right:0; top:15px; width:120px; height: 40px; font-weight: 400; }
.modal-content .title .btn-close { position: absolute; right:0; top:0; width:55px; height: 55px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.modal-content .body { padding:15px 10px; background: #fff;  }
.modal-content .body .res { text-align: center;  font-size:18px; line-height: 150%; color: #7d8182; letter-spacing: -0.5px; margin: 20px 0 40px;}
.modal-sort { padding:0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.modal-content .body .ment { text-align: left; font-size:18px; line-height: 18px; color: #7d8182; letter-spacing: -0.5px; margin: 0 0 30px; padding: 0 20px;}
.modal-content .body .ment2 { text-align: left; font-size:15px; line-height: 130%; color: #7d8182; letter-spacing: -0.5px; margin: 0 0 20px; padding: 0 20px;}

.checkbox { position: absolute;left:-9999px;}
.checkbox + label { height: 24px;  line-height: 23px; display: inline-block; vertical-align: middle; background: url(../img/common/checkbox_off.png) no-repeat 0 0; padding-left: 28px; font-size:15px; color: #282828; margin-right:16px;} 
.checkbox:checked + label { background: url(../img/common/checkbox_on.png) no-repeat 0 0; color: #3c2b20; font-weight: 500; }
.checkbox[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.radio { position: absolute;left:-9999px;}
.radio + label { padding-left: 20px; padding-top: 4px; line-height: 13px; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio_off.png) no-repeat 0 0; margin-right:7px; } 
.radio:checked + label { background: url(../img/common/radio_on.png) no-repeat 0 0;}

.radio2 { position: absolute;left:-9999px;}
.radio2 + label { padding-left: 22px; line-height: 120%; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/common/radio2_off.png) no-repeat 0 0; font-size: 16px; color: #606060; letter-spacing: -0.5px; font-weight: 500; margin-right: 10px; } 
.radio2:checked + label { background: url(../img/common/radio2_on.png) no-repeat 0 0; font-size:16px; color: #d66400; letter-spacing: -0.5px; font-weight: 500; margin-right: 10px;}

.select-1 { display: inline-block; height: 36px; background: #fff; padding:0 0 0 8px; font-size: 15px; font-weight: 400; border:1px solid #545454; color: #2a2a2a; letter-spacing: -1px; vertical-align: middle; }
.input-1 { height: 36px; background: #fff; padding:0 0 0 8px; font-size: 16px; font-weight: 400; border:1px solid #cdcdcd; color: #2d2d2d; letter-spacing: -1px; vertical-align: middle; }
.textarea { overflow: auto; resize: none; border: 1px solid #cdcdcd; font-size: 16px; font-weight: 400; line-height: 140%; padding: 10px; margin: 8px 0; box-sizing: border-box;}