@charset "utf-8";

/*******************************************CSS초기화**********************************************/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html, body { /*height:100%;*/margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,address { margin:0;padding:0;outline:none;}
body,h1,h2,h3,h4,input,button,select { font-family:'Noto Sans KR', 'Malgun Gothic', 맑은고딕, 돋움, Dotum, sans-serif; font-size:14px; color:#333; letter-spacing:-0.25px;}
body { word-break:keep-all}
img,fieldset,iframe {border:0 none}
li { list-style:none}
input,select,button { vertical-align:middle}
img { vertical-align:top}
i,em,address { font-style:normal}
em { font-style:italic;}
label,button { cursor:pointer}
label { font-weight:normal !important;}
a { color:#333; text-decoration:none; transition:all 0.3s ease; word-break:break-all;}
/** a:hover, a:focus { color:#0b0c85; text-decoration:none; outline:none;} **/
table { empty-cells:show;}
legend,hr, .hide {visibility:hidden; overflow:hidden; position:absolute; left:-9999em; top:-9999em; width:0px; height:0px; border:none; background:none; font-size:0px; line-height:0px; opacity:0;}
caption { /* visibility:hidden; */ overflow:hidden; width:0px; height:0px; font-size:0px; line-height:0px;}
input[type="checkbox"], input[type="radio"] { margin:0 3px 3px 5px; }
input[type="text"], input[type="password"], select, textarea { width:100%; padding:5px 0.5em; border:1px solid #ccc; font-size:14px; color:#333;}
input[type="password"] { }
/** input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border:1px solid #ccc; } **/
input[type="file"] { width:100%; font-size:14px; color:#333; display:inline-block; height:24px;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin: 0;}
input[type=text]::-ms-clear { display:none;}
textarea { resize:none; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은고딕, 돋움, Dotum, sans-serif;}
/** button:focus { outline:none;} **/
/*select스타일*/
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../images/common/select-arr.svg) no-repeat 95% 50%; background-size:7px 4px; border:1px solid #ccc; padding:5px 1.6em 5px 0.5em; border-radius:0px;}
select::-ms-expand { display:none;}
/*//select스타일*/
/*input스타일*/
/*input { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0px;}*/
/*//input스타일*/
/*placehold스타일*/
input::placeholder { color:#aeaeae; font-size:14px;}
input::-webkit-input-placeholder { color:#aeaeae; font-size:14px;}
input:-ms-input-placeholder { color:#aeaeae; font-size:14px;}
textarea::placeholder  { color:#aeaeae; font-size:14px;}
textarea::-webkit-input-placeholder { color:#aeaeae; font-size:14px;}
textarea:-ms-input-placeholder { color:#aeaeae; font-size:14px;}
/*//placehold스타일*/
/*disabled*/
input:disabled { background-color:#eaeaea !important;}
select:disabled { background-color:#eaeaea !important;}
textarea:disabled { background-color:#eaeaea !important;}
/*//disabled*/
/*******************************************CSS초기화**********************************************/

*:focus-visible{   box-shadow: inset 0px 0px 1px 4px rgb(255 0 0); outline: 2px solid red !important; }


.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/*스크롤탑 hover효과*/
#topcontrol { z-index:101;}
#topcontrol > .scrolltopimg { background:url(../images/common/scroll-top.png) black/* no-repeat 50% 50% */; width:35px; height:35px; display:inline-block;}
#topcontrol > .scrolltopimghover { background:url(../images/common/scroll-top-hover.png) black/* no-repeat 50% 50% */; width:35px; height:35px; display:none; }
#topcontrol:hover > .scrolltopimghover, #topcontrol:focus > .scrolltopimghover { display:inline-block;}
#topcontrol:hover > .scrolltopimg, #topcontrol:focus > .scrolltopimg { display:none; }
/*//스크롤탑 hover효과*/

/*공백*/
.blank05 {height:5px;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank25 {height:25px;}
.blank30 {height:30px;}
.blank35 {height:35px;}
.blank40 {height:40px;}
.blank45 {height:45px;}
.blank50 {height:50px;}
/*//공백*/

/* 여백 마진, 페딩 필요시 추가 */
.ma0 {margin:0px !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}
.ma40 {margin:40px !important;}
.ma45 {margin:45px !important;}
.ma50 {margin:50px !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0px !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;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.pa0 {padding:0px !important;}
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa25 {padding:25px !important;}
.pa30 {padding:30px !important;}
.pa35 {padding:35px !important;}
.pa40 {padding:40px !important;}
.pa45 {padding:45px !important;}
.pa50 {padding:50px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
/* //여백 마진, 페딩 필요시 추가 */

/*텍스트정렬*/
.txt-left { text-align:left !important; }
.txt-center { text-align:center !important;}
.txt-right { text-align:right !important;}
/*//텍스트정렬*/

/*텍스트스타일*/
.txt-blue { color:#0d89e5 !important;}
.txt-skyblue { color:#11abf1 !important;}
.txt-orange { color:#fe6d31 !important;}
.txt-green { color:#08a148 !important;}
.txt-violet { color:#b000d6 !important;}
.txt-red { color:#f54026 !important;}
.txt-black { color:#333 !important;}
.txt-gray { color:#777 !important;}
.txt-underline { text-decoration:underline !important;}
.txt-normal { font-weight:normal !important;}
.txt-bold { font-weight:bold !important;}
.txt10 { font-size:10px !important;}
.txt11 { font-size:11px !important;}
.txt12 { font-size:12px !important;}
.txt13 { font-size:13px !important;}
.txt14 { font-size:14px !important;}
.txt15 { font-size:15px !important;}
.txt16 { font-size:16px !important;}
.txt17 { font-size:17px !important;}
.txt18 { font-size:18px !important;}
.txt19 { font-size:19px !important;}
.txt20 { font-size:20px !important;}
/*//텍스트스타일*/

/*float*/
.clearfix::after { content:""; display:block; clear:both;}
.float-left { float:left !important;}
.float-right { float:right !important;}
.float-none { float: none !important;}
.clear { clear:both;}
/*//float*/

/*display*/
.none { display:none !important;}
.block { display:block !important;}
/*//display*/

/*col*/
.col1 > li, .col2 > li, .col3 > li, .col4 > li, .col5 > li, .col6 > li, .col7 > li, .col8 > li, .col9 > li, .col10 > li, .col11 > li, .col12 > li { float:left;}
.col1 > li { width:100%;}
.col2 > li { width:50%;}
.col3 > li { width:33.333333%;}
.col4 > li { width:25%;}
.col5 > li { width:20%;}
.col6 > li { width:16.666666%;}
.col7 > li { width:14.285714%;}
.col8 > li { width:12.5%;}
.col9 > li { width:11.111111%;}
.col10 > li { width:10%;}
.col11 > li { width:9.090909%;}
.col12 > li { width:8.333333%;}
/*//col*/

/*pre*/
pre { display:block; font-size:13px; font-family:NanumSquare; line-height:20px; word-break:break-all; word-wrap:break-word; white-space:pre-wrap;}
/*//pre*/

/* 접근성hidden */
.hidden { display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0 !important; overflow:hidden;}
/* //접근성hidden */