@CHARSET "UTF-8";
/*이전수정일 2020-11-17 13pm
   최종수정일  2020-12-21 11am*/
   
/*COMMON.CSS*/

/* Reset Stylesheet */
input { ime-mode:active ;} 
textarea {ime-mode:active;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, button,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; font-size:15px; outline:0; vertical-align:baseline; /* background:transparent;  */}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
ul, ul li, ol, ol li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
table th { vertical-align:middle; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; color:#555;box-sizing:content-box;border-width:1px;}
input { font-size:14px;padding:0; height:24px; line-height:20px; text-indent:2px;}
input[type="file"] { border:0; border:none; height:30px;}
input[type="text"],input[type="select"],input[type="password"], select{width:150px;}
input[type="text"].input_s, input[type="select"].input_s,input[type="password"].input_s, select.input_s{width:100px;}
input[type="text"].input_l, input[type="select"].input_l,input[type="password"].input_l, select.input_l{width:200px;}
input[type="text"].input_f,input[type="password"].input_f, textarea.input_f{width:98%;}
select { font-size:14px; height:25px; line-height:22px; padding-left: 5px; appearance:none;-webkit-appearance:none; -moz-appearance:none; background-image: url(../img/icon_select.png); background-position: right 10px center; background-repeat: no-repeat;}
select::-ms-expand{display: none;}
select.readonly{background-color: #efefef;border:1px solid #333;}
input:focus,select:focus {outline:1px solid #C5E6FD;border:1px solid #3EAAF7;}
input:-moz-read-only { /* For Firefox */background-color: #efefef;border:1px solid #333;}
input:read-only {background-color: #fff;border:1px solid #333;}
a,a:active,a:hover,a:visited { text-decoration:none; color:#333; }
html { height:100%; }
caption, legend, figcaption{display:none;}
input[type="radio"], input[type="checkbox"] { border:0px solid #fff; }
.req_ico { display:inline-block; margin-left:2px; color:#FF0000; font-size:14px; }

/* 체크박스 선택상자 */
.multi-select-container { display: inline-block; position: relative;}
.multi-select-menu { position: absolute; left: 0; top: 1.9em; z-index: 1; float: left; min-width: 100%; background: #fff; margin: 1em 0; border: 1px solid #aaa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: none;}
.multi-select-menuitem {display: block; font-size: 0.875em; padding: 0.6em 1em 0.6em 30px; white-space: nowrap;}
.multi-select-menuitem--titled:before { display: block; font-weight: bold; content: attr(data-group-title); margin: 0 0 0.25em -20px;}
.multi-select-menuitem--titledsr:before { display: block; font-weight: bold; content: attr(data-group-title); border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.multi-select-menuitem + .multi-select-menuitem { padding-top: 0;}
.multi-select-presets { border-bottom: 1px solid #ddd;}
.multi-select-menuitem input { position: absolute; margin-top: -0.1em; margin-left: -20px; height: 14px;}
.multi-select-button { display: inline-block;  height: 23px; line-height: 20px; font-size: 14px; padding: 0 5px; max-width: 16em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; background-color: #fff; border: 1px solid #DDDDDD;    /* border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); */ cursor: default;}
.multi-select-button:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0.4em 0.4em 0 0.4em; border-color: #999 transparent transparent transparent; margin-left: 0.4em; vertical-align: 0.1em;}
.multi-select-container--open .multi-select-menu { display: block;}
.multi-select-container--open .multi-select-button:after { border-width: 0 0.4em 0.4em 0.4em; border-color: transparent transparent #999 transparent;}
.multi-select-container--positioned .multi-select-menu { /* Avoid border/padding on menu messing with JavaScript width calculation */ box-sizing: border-box;}
.multi-select-container--positioned .multi-select-menu label { /* Allow labels to line wrap when menu is artificially narrowed */ white-space: normal;}

/*정렬*/
.position_relative{ position:relative; }
.t_l { text-align:left !important; }
.t_c { text-align:center !important; }
.t_r { text-align:right !important; }
.f_l { float:left; }
.f_r { float:right; }
.f_n { float:none !important; }
.c_b { clear:both !important; }
.o_h { overflow:hidden; }
#region{visibility: hidden;}
.o_a { overflow:auto; }
.o_x_a { overflow-x:auto; }
.o_x_h { overflow-x:hidden; }
.o_y_a { overflow-y:auto; }
.o_y_h { overflow-y:hidden; }
.hide { display:none ; }
.block { display:block !important; }
.inblock { display:inline-block !important; }
.v_a_m{ vertical-align:middle !important; }
.center{width:1200px; margin: 0 auto;}
.m_w_1200{min-width:1200px;}
.flex_justify{display:flex; justify-content:space-between;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}
.flex4{flex:4;}
.flex5{flex:5;}
.flex6{flex:6;}
/* 텍스트 관련 */
.t_red { color:#FF0000 !important; }
.t_blue { color:#0000FF !important; }
.t_gray { color:#777777 !important; line-height: 1.3; }
.t_dark {color:#333 !important;}
.t_blue2 {color:#4e5cbd !important;}
.text_red {color:#f00 !important;}
.text_white {color:#fff !important;}
.text_bold{font-weight:500 !important;}
.text_middle{font-size:1.4em}
.text_big{font-size:1.8em}
.text_indent td{text-indent:10px;}
.text_indent_0 td{text-indent:0 !important;}
.ellipsis { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.w_s_p{white-space:pre-wrap; word-wrap:break-word;}
.readonly { background-color:#e4e4e4; }
.bold { font-weight:500 !important; }
.number,.numberformat,.numberpoint { text-align:right; }

/* border관련 */
.b_1_d{border:1px solid #d8d8d8;}
.border_none{border:none !important;}
.border_0{border:0 !important;}
.border_t_0{border-top:0 !important;}
.border_b_0{border-bottom:0 !important;}

/*공통버튼영역*/
.btn_area { margin:10px 0 5px 0; width:100%;}
.btn_area_r { float:right; margin:10px 0 5px 0;}
.btn_area::after{content:'';display:block;clear:both;}
.btn_area_r::after{content:'';display:block;clear:both;}
.btn_area_center{width:30px;padding:0 10px; text-align:center;}

/* width 관련 */
.w_10 { width:10px !important; }
.w_15 { width:15px !important; }
.w_20 { width:20px !important; }
.w_25 { width:25px !important; }
.w_30 { width:30px !important; }
.w_35 { width:35px !important; }
.w_40 { width:40px !important; }
.w_45 { width:45px !important; }
.w_50 { width:50px !important; }
.w_53 { width:53px !important; }
.w_55 { width:55px !important; }
.w_60 { width:60px !important; }
.w_65 { width:65px !important; }
.w_70 { width:70px !important; }
.w_75 { width:75px !important; }
.w_80 { width:80px !important; }
.w_82 { width:82px !important; }
.w_85 { width:85px !important; }
.w_90 { width:90px !important; }
.w_91 {width: 141px !important;}
.w_95 { width:95px !important; }
.w_100 { width:100px !important; }
.w_110 { width:110px !important; }
.w_120 { width:120px !important; }
.w_122 { width:122px !important; }
.w_125 { width:125px !important; }
.w_130 { width:130px !important; }
.w_132 { width:132px !important; }
.w_135 { width:135px !important; }
.w_138 { width:138px !important; }
.w_140 { width:140px !important; }
.w_150 { width:150px !important; }
.w_152 { width:152px !important; }
.w_153 { width:153px !important; }
.w_160 { width:160px !important; }
.w_165 { width:165px !important; }
.w_170 { width:170px !important; }
.w_172 { width:172px !important; }
.w_180 { width:180px !important; }
.w_182 { width:182px !important; }
.w_190 { width:190px !important; }
.w_200 { width:200px !important; }
.w_202 { width:202px !important; }
.w_205 { width:205px !important; }
.w_210 { width:210px !important; }
.w_215 { width:215px !important; }
.w_220 { width:220px !important; }
.w_230 { width:230px !important; }
.w_235 { width:235px !important; }
.w_240 { width:240px !important; }
.w_250 { width:250px !important; }
.w_255 { width:255px !important; }
.w_260 { width:260px !important; }
.w_265 { width:265px !important; }
.w_270 { width:270px !important; }
.w_280 { width:280px !important; }
.w_290 { width:290px !important; }
.w_295 { width:295px !important; }
.w_300 { width:300px !important; }
.w_310 { width:310px !important; }
.w_320 { width:320px !important; }
.w_330 { width:330px !important; }
.w_340 { width:340px !important; }
.w_350 { width:350px !important; }
.w_360 { width:360px !important; }
.w_370 { width:370px !important; }
.w_375 { width:375px !important; }
.w_380 { width:380px !important; }
.w_390 { width:390px !important; }
.w_395 { width:395px !important; }
.w_400 { width:400px !important; }
.w_410 { width:410px !important; }
.w_420 { width:420px !important; }
.w_430 { width:430px !important; }
.w_440 { width:440px !important; }
.w_450 { width:450px !important; }
.w_458 { width:458px !important; }
.w_460 { width:460px !important; }
.w_470 { width:470px !important; }
.w_480 { width:480px !important; }
.w_490 { width:490px !important; }
.w_500 { width:500px !important; }
.w_530 { width:530px !important; }
.w_540 { width:540px !important; }
.w_550 { width:550px !important; }
.w_580 { width:580px !important; }
.w_600 { width:600px !important; }
.w_650 { width:650px !important; }
.w_700 { width:700px !important; }
.w_750 { width:750px !important; }
.w_800 { width:800px !important; }
.w_850 { width:850px !important; }
.w_900 { width:900px !important; }
.w_950 { width:950px !important; }
.w_1000 { width:1000px !important; }
.w_1050 { width:1050px !important; }
.w_1100 { width:1100px !important; }
.w_1150 { width:1150px !important; }
.w_1200 { width:1200px !important; }

.w_10p { width:10% !important; }
.w_15p { width:15% !important; }
.w_20p { width:20% !important; }
.w_25p { width:25% !important; }
.w_30p { width:30% !important; }
.w_32p { width:32% !important; }
.w_33p { width:33% !important; }
.w_35p { width:35% !important; }
.w_40p { width:40% !important; }
.w_45p { width:45% !important; }
.w_48p { width:48% !important; }
.w_half { width:49.5% !important; }
.w_50p { width:50% !important; }
.w_54p { width:54% !important; }
.w_55p { width:55% !important; }
.w_59p { width:59% !important; }
.w_60p { width:60% !important; }
.w_64p { width:64% !important; }
.w_65p { width:65% !important; }
.w_69p { width:69% !important; }
.w_70p { width:70% !important; }
.w_74p { width:74% !important; }
.w_75p { width:75% !important; }
.w_79p { width:79% !important; }
.w_80p { width:80% !important; }
.w_84p { width:84% !important; }
.w_85p { width:85% !important; }
.w_89p { width:89% !important; }
.w_90p { width:90% !important; }
.w_95p { width:95% !important; }
.w_96p { width:96% !important; }
.w_98p { width:98% !important; }
.w_100p { width:100% !important; }


/* height 관련 */
.h_10 { height:10px !important; }
.h_15 { height:15px !important; }
.h_20 { height:20px !important; }
.h_25 { height:25px !important; }
.h_30 { height:30px !important; }
.h_35 { height:35px !important; }
.h_40 { height:40px !important; }
.h_45 { height:45px !important; }
.h_50 { height:50px !important; }
.h_55 { height:55px !important; }
.h_60 { height:60px !important; }
.h_65 { height:65px !important; }
.h_70 { height:70px !important; }
.h_75 { height:75px !important; }
.h_80 { height:80px !important; }
.h_85 { height:85px !important; }
.h_90 { height:90px !important; }
.h_95 { height:95px !important; }
.h_100 { height:100px !important; }
.h_110 { height:110px !important; }
.h_120 { height:120px !important; }
.h_130 { height:130px !important; }
.h_140 { height:140px !important; }
.h_150 { height:150px !important; }
.h_160 { height:160px !important; }
.h_170 { height:170px !important; }
.h_180 { height:180px !important; }
.h_200 { height:200px !important; }
.h_220 { height:220px !important; }
.h_235 { height:235px !important; }
.h_240 { height:240px !important; }
.h_250 { height:250px !important; }
.h_255 { height:255px !important; }
.h_260 { height:260px !important; }
.h_270 { height:270px !important; }
.h_300 { height:300px !important; }
.h_320 { height:320px !important; }
.h_330 { height:330px !important; }
.h_350 { height:350px !important; }
.h_370 { height:370px !important; }
.h_395 { height:395px !important; }
.h_400 { height:400px !important; }
.h_420 { height:420px !important; }
.h_440 { height:440px !important; }
.h_450 { height:450px !important; }
.h_500 { height:500px !important; }
.h_530 { height:530px !important; }
.h_550 { height:550px !important; }
.h_600 { height:600px !important; }
.h_650 { height:650px !important; }
.h_700 { height:700px !important; }
.h_750 { height:750px !important; }
.h_800 { height:800px !important; }
.h_850 { height:850px !important; }
.h_45p { height:45% !important; }
.h_95p { height:95% !important; }
.h_100p { height:100% !important; }

/* margin 관련 */
.m_l_0 { margin-left:0px !important; }
.m_l_3 { margin-left:3px !important; }
.m_l_5 { margin-left:5px !important; }
.m_l_10 { margin-left:10px !important; }
.m_l_15 { margin-left:15px !important; }
.m_l_20 { margin-left:20px !important; }
.m_l_30 { margin-left:30px !important; }
.m_l_40 { margin-left:40px !important; }
.m_l_45 { margin-left:45px !important; }
.m_l_50 { margin-left:50px !important; }
.m_l_60 { margin-left:60px !important; }
.m_l_70 { margin-left:70px !important; }
.m_l_80 { margin-left:80px !important; }
.m_l_90 { margin-left:90px !important; }
.m_l_100 { margin-left:100px !important; }

.m_r_0 { margin-right:0px !important; }
.m_r_3 { margin-right:3px !important; }
.m_r_5 { margin-right:5px !important; }
.m_r_12 { margin-right:12px !important; }
.m_r_10 { margin-right:10px !important; }
.m_r_20 { margin-right:20px !important; }
.m_r_30 { margin-right:30px !important; }
.m_r_40 { margin-right:40px !important; }
.m_r_50 { margin-right:50px !important; }
.m_r_60 { margin-right:60px !important; }
.m_r_70 { margin-right:70px !important; }
.m_r_80 { margin-right:80px !important; }
.m_r_90 { margin-right:90px !important; }
.m_r_100 { margin-right:100px !important; }

/* 두번째 */.boxx{position:relative;}
    .sub_title{margin-top: 30px;}
    .grey_box{width: 935px;/* height: 120px; */margin-top: 10px;border: 1px solid #f2f2f2;}
    #boxes{width: 935px;/* height: 120px; */display: flex;flex-flow: wrap;line-height: 26px ;text-align: center;}
    #boxes div{width: 270px;height: 26px;border: 2px solid #cccccc;margin: 8px 18px;border-radius: 5px;font-weight: 500;}
.m_t_0 { margin-top:0px !important; }
.m_t_3 { margin-top:3px !important; }
.m_t_5 { margin-top:5px !important; }
.m_t_6 { margin-top:6px !important; }
.m_t_10 { margin-top:10px !important; }
.m_t_15 { margin-top:15px !important; }
.m_t_20 { margin-top:20px !important; }
.m_t_30 { margin-top:30px !important; }
.m_t_40 { margin-top:40px !important; }
.m_t_50 { margin-top:50px !important; }
.m_t_60 { margin-top:60px !important; }
.m_t_70 { margin-top:70px !important; }
.m_t_80 { margin-top:80px !important; }
.m_t_90 { margin-top:90px !important; }
.m_t_100 { margin-top:100px !important; }
.m_t_20p { margin-top:20% !important; }

.m_b_0 { margin-bottom:0px !important; }
.m_b_3 { margin-bottom:3px !important; }
.m_b_5 { margin-bottom:5px !important; }
.m_b_6 { margin-bottom:6px !important; }
.m_b_8 { margin-bottom:8px !important; }
.m_b_10 { margin-bottom:10px !important; }
.m_b_20 { margin-bottom:20px !important; }
.m_b_30 { margin-bottom:30px !important; }
.m_b_40 { margin-bottom:40px !important; }
.m_b_50 { margin-bottom:50px !important; }
.m_b_60 { margin-bottom:60px !important; }
.m_b_70 { margin-bottom:70px !important; }
.m_b_80 { margin-bottom:80px !important; }
.m_b_90 { margin-bottom:90px !important; }
.m_b_100 { margin-bottom:100px !important; }

/* padding관련 */
.p_0{ padding:0 !important; }
.p_5{ padding:5px !important; }
.p_10{ padding:10px !important; }
.p_l_0 { padding-left:0px !important; }
.p_l_5 { padding-left:5px !important; }
.p_l_10 { padding-left:10px !important; }
.p_l_15 { padding-left:15px !important; }
.p_l_20 { padding-left:20px !important; }
.p_l_30 { padding-left:30px !important; }
.p_l_40 { padding-left:40px !important; }
.p_l_50 { padding-left:50px !important; }
.p_l_60 { padding-left:60px !important; }
.p_l_70 { padding-left:70px !important; }
.p_l_80 { padding-left:80px !important; }
.p_l_90 { padding-left:90px !important; }
.p_l_100 { padding-left:100px !important; }

.p_r_0 { padding-right:0px !important; }
.p_r_5 { padding-right:5px !important; }
.p_r_10 { padding-right:10px !important; }
.p_r_15 { padding-right:15px !important; }
.p_r_20 { padding-right:20px !important; }
.p_r_30 { padding-right:30px !important; }
.p_r_40 { padding-right:40px !important; }
.p_r_50 { padding-right:50px !important; }
.p_r_60 { padding-right:60px !important; }
.p_r_70 { padding-right:70px !important; }
.p_r_80 { padding-right:80px !important; }
.p_r_90 { padding-right:90px !important; }
.p_r_100 { padding-right:100px !important; }

.p_t_0 { padding-top:0px !important; }
.p_t_5 { padding-top:5px !important; }
.p_t_10 { padding-top:10px !important; }
.p_t_20 { padding-top:20px !important; }
.p_t_30 { padding-top:30px !important; }
.p_t_40 { padding-top:40px !important; }
.p_t_50 { padding-top:50px !important; }
.p_t_60 { padding-top:60px !important; }
.p_t_70 { padding-top:70px !important; }
.p_t_80 { padding-top:80px !important; }
.p_t_90 { padding-top:90px !important; }
.p_t_100 { padding-top:100px !important; }
.p_t_150 { padding-top:150px !important; }
.p_t_200 { padding-top:200px !important; }
.p_t_230 { padding-top:230px !important; }
.p_t_300 { padding-top:300px !important; }

.p_b_0 { padding-bottom:0px !important; }
.p_b_5 { padding-bottom:5px !important; }
.p_b_10 { padding-bottom:10px !important; }
.p_b_20 { padding-bottom:20px !important; }
.p_b_30 { padding-bottom:30px !important; }
.p_b_40 { padding-bottom:40px !important; }
.p_b_50 { padding-bottom:50px !important; }
.p_b_60 { padding-bottom:60px !important; }
.p_b_70 { padding-bottom:70px !important; }
.p_b_80 { padding-bottom:80px !important; }
.p_b_90 { padding-bottom:90px !important; }
.p_b_100 { padding-bottom:100px !important; }