@charset "utf-8";
/* ------------------------------------------
* Filename:common.css
* Author:rianag
------------------------------------------ */

/* common */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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; line-height:177%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:18px; color:var(--black); font-weight:400; line-height:1.77; font-family: var(--kor); word-break: keep-all;}
*{font-family: var(--kor); word-break: keep-all;}
body{-webkit-text-size-adjust: none; word-break:keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
/* input, button {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;} */
select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("/img/cat_arrow_bk.svg") no-repeat right 20px center/10px auto;}
select::-ms-expand {display:none}
input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:var(--text-color-light); }
input:-ms-input-placeholder {color:var(--text-color-light); }
input::placeholder {color:var(--text-color-light); }

span, b, strong, br {line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
/* .blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;} */
.msg_sound_only, .sound_only, .blind {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.txtCenter {text-align: center !important;}
.txtRight {text-align: right !important;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid var(--border);vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid var(--border);background:var(--white);font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* 페이징 */
.page_num {position: relative; width: 100%; text-align: center; padding:60px 0 0;}
.page_num ul.pagination {display:flex; justify-content: center; padding: 0; margin: 0; font-size:0;}
.page_num ul.pagination li{display:flex; justify-content: center; margin:0 14px 0 0;}
.page_num ul.pagination li:nth-child(1){margin:0 13px 0 0;}
.page_num ul.pagination li:nth-child(2){margin:0 35px 0 0;}
.page_num ul.pagination li:nth-last-child(2){margin:0 0 0 21px;}
.page_num ul.pagination li:nth-last-child(1){margin:0 0 0 13px;}
.page_num ul.pagination li a {display:block; color: #333; font-size:15px; font-weight: 400; box-sizing:Border-box; transition:all .2s linear; text-align:center; border-radius:50%; width:30px; height:30px; line-height:30px;}
.page_num ul.pagination li a.active {color:#fff; background:var(--main);}
.page_num ul.pagination li.arrow a{width: 6px; height:9px;}
.page_num ul.pagination li.arrow:first-child a, .page_num ul.pagination li.arrow:last-child a{width: 12px; height:9px;}
.page_num ul.pagination li a img{height: 100%; opacity: 1; transition:all .3s linear;}
.page_num ul.pagination li a:hover img{opacity: 0.5;}


/* CKEditor 높이 설정 */
.ck.ck-editor__editable { min-height: 200px !important; }

/* 필수입력 */
.required, textarea.required {background-image:url('../../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
    .page_num ul.pagination li{display:flex; justify-content: center; margin:0 6px 0 0;}
    .page_num ul.pagination li:nth-child(1){margin:0 12px 0 0;}
    .page_num ul.pagination li:nth-child(2){margin:0 15px 0 0;}
    .page_num ul.pagination li:nth-last-child(2){margin:0 0 0 9px;}
    .page_num ul.pagination li:nth-last-child(1){margin:0 0 0 12px;}
    .page_num ul.pagination li a {width:27px; height:27px; line-height:27px;}
}