@charset "utf-8";

@import url('../css/plugin/remixicon.css');
@import url('../css/plugin/xeicon.css');
@import url('../css/font.css');


/* Reset */
*{margin:0; padding:0; box-sizing:border-box;}
/**:focus { outline:none; }*/
html, body {  font-family: 'Libre Franklin', 'Pretendard', 'Noto Sans KR', '나눔고딕', 'sans-serif'; color:#353535; height:100%; -webkit-text-size-adjust:none;text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing: -0.03em; word-break: keep-all; line-height:100%; }
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:top; }
img, fieldset {border:0 none;}
button {border:0 none;background:transparent;cursor:pointer;font-family: 'Libre Franklin', 'Pretendard', 'Noto Sans KR', '나눔고딕', 'sans-serif'; }
hr {display:none;}
legend, .skip, .blind, .skip_nav {display: block; position: absolute; top: -10000px; left: 0; z-index: 10000; width: 100%; background: #333; color: #fff; 
font-size: 16px; text-align: center; padding: 20px 0;}
table caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:inherit;}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}
iframe{border:none; overflow:hidden;}
h1, h2, h3, h4, h5, h6{ font-size:1rem; line-height:1.2; font-weight: 700; letter-spacing: -0.05em; color:#333;}

input, textarea, select {font-family: inherit; letter-spacing: 0em; color: inherit;	padding: 0; outline: none;  font-size:0.9rem; }
button {border:0; cursor: pointer;}

/**:focus { outline:none; }*/
.clearfix { display:block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
.blind {position:absolute;top:-9999em}
.hide,
.check_title{display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;font-size:medium;line-height:normal;word-break:break-all}
.ellipsis{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;}



/* 입력 스타일 */
input{appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input[type="checkbox"]{vertical-align:middle; display: inline-block; width: 1rem;  height: 1rem; border: 1px solid var(--lgray7) ; border-radius: 5px; background-color:#fff;}
input[type="checkbox"]:checked{background:var(--main) url('../images/default/main/icon_check_w.svg')no-repeat 50% 50%; background-size:0.6rem 0.6rem; border: 1px solid var(--main);}
input[type="checkbox"]:disabled{background:var(--lgray4); border-color:var(--lgray7)}
input[type="checkbox"]:checked:disabled{background:var(--lgray4) url('../images/default/main/icon_check_g.svg')no-repeat 50% 50%; background-size:0.6rem 0.6rem; border-color:var(--lgray7)}

input[type="radio"] { display: inline-block; width: 1rem;  height: 1rem; border: 1px solid var(--lgray7) ; border-radius: 50%; background-color:#fff; vertical-align:middle}
input[type="radio"]:checked{background:var(--main) url('../images/default/main/icon_check_w.svg')no-repeat 50% 50%; background-size:0.6rem 0.6rem; border: 1px solid var(--main);}
input[type="radio"]:disabled{background:var(--lgray4) ;border-color:var(--lgray7)}
input[type="radio"]:checked:disabled{background:var(--lgray4) url('../images/default/main/icon_check_g.svg')no-repeat 50% 50%; background-size:0.6rem 0.6rem; border-color:var(--lgray7)}

input[type="password"],
input[type="text"] {-webkit-appearance:none; width:100%; background:#fff;  border:1px solid #d8d8d8; -webkit-appearance: none; box-shadow: none; padding: 0px 10px;  box-sizing:border-box;  height: 40px; text-align:left;}
select {padding: .7rem 3rem 0.7rem 1rem; font-family: inherit; background:#fff url("../images/default/content/sel_arrow.svg") no-repeat right 0.5rem center; background-size:1.5rem 1.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #E6E6E6; border-radius: 0px;  }
select::-ms-expand { /* for IE 11 */   display: none;}
textarea{padding:20px; width:100%; box-sizing:border-box; vertical-align:middle; line-height:1.5; background:#fff; border:1px solid #b2b2b2;  color:#898989; -webkit-appearance: none; box-shadow: none; border-radius:0; resize: vertical; }


/*safari input*/
input[type='button'],
input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* IPHONE */
input:disabled, textarea:disabled { opacity: 1; -webkit-text-fill-color: inherit; }
input[type="text"], input[type="password"] { -webkit-appearance: none; border-radius: 0; }


:-ms-input-placeholder{color:$color-dusty-gray !important;}/* Internet Explorer 10-11 */
::-ms-input-placeholder{color:$color-dusty-gray !important;}/* Microsoft Edge */
::placeholder{color:$color-dusty-gray;opacity:1;}/* Chrome, Firefox, Opera, Safari 10.1+ */


/* 아이폰(사파리) 터치 메뉴 활성화 관련 */
a, button,
[role=button], [role=link], [role=tab] {-webkit-touch-callout:none;}


/*basic*/
.clear {clear:both;}
.of{overflow:hidden;}
.blind{display:none;}

/*background-color*/
.bg_fff {background-color:#fff;}
.bg_gray {background-color:#f9f9fb;}
.bg_dgray {background-color:#f2f2f4;}
.bg_dblue {background-color:#3c4650;}
.bg_blue {background-color:#55b9ff;}
.bgn {background:none !important;}
.bgcn {background-color:transparent !important;}

/*float*/
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/*text-align*/
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

.vac{vertical-align: middle;}
.vat{vertical-align: top;}
@media all and (min-width:1340px){
	/* -----공통----- */
.autoHeight{max-height:unset !important; height:auto !important;}
}
@media all and (max-width:1340px){
	/* -----공통----- */
.autoHeight{max-height:80vh;}
}
/*margin*/
.m100 {margin:100px !important;}
.m90 {margin:90px !important;}
.m80 {margin:80px !important;}
.m70 {margin:70px !important;}
.m60 {margin:60px !important;}
.m50 {margin:50px !important;}
.m40 {margin:40px !important;}
.m30 {margin:30px !important;}
.m20 {margin:20px !important;}
.m10 {margin:10px !important;}
.m5 {margin:5px !important;}
.m0a {margin:0 auto;}
.ma0 {margin:auto 0;}
.ma {margin:auto;}

/*margin-top*/
.mt150 {margin-top:150px !important;}
.mt140 {margin-top:140px !important;}
.mt130 {margin-top:130px !important;}
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}

/*margin-left*/
.ml100 {margin-left:100px !important;}
.ml90 {margin-left:90px !important;}
.ml80 {margin-left:80px !important;}
.ml70 {margin-left:70px !important;}
.ml60 {margin-left:60px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}

/*margin-right*/
.mr100 {margin-right:100px !important;}
.mr90 {margin-right:90px !important;}
.mr80 {margin-right:80px !important;}
.mr70 {margin-right:70px !important;}
.mr60 {margin-right:60px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mr0 {margin-right:0 !important;}

/*margin-bottom*/
.mb100 {margin-bottom:100px !important;}
.mb90 {margin-bottom:90px !important;}
.mb80 {margin-bottom:80px !important;}
.mb70 {margin-bottom:70px !important;}
.mb60 {margin-bottom:60px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0 !important;}

/*padding*/
.p100 {padding:100px !important;}
.p90 {padding:90px !important;}
.p80 {padding:80px !important;}
.p70 {padding:70px !important;}
.p60 {padding:60px !important;}
.p50 {padding:50px !important;}
.p40 {padding:40px !important;}
.p30 {padding:30px !important;}
.p20 {padding:20px !important;}
.p10 {padding:10px !important;}
.p5 {padding:5px !important;}
.p0 {padding:0 !important;}

/*padding_horizontal*/
.ph100 {padding:0 100px !important;}
.ph90 {padding:0 90px !important;}
.ph80 {padding:0 80px !important;}
.ph70 {padding:0 70px !important;}
.ph60 {padding:0 60px !important;}
.ph50 {padding:0 50px !important;}
.ph40 {padding:0 40px !important;}
.ph30 {padding:0 30px !important;}
.ph20 {padding:0 20px !important;}
.ph10 {padding:0 10px !important;}
.ph5 {padding:0 5px !important;}

/*padding_vertical*/
.pv100 {padding:100px 0 !important;}
.pv90 {padding:90px 0 !important;}
.pv80 {padding:80px 0 !important;}
.pv70 {padding:70px 0 !important;}
.pv60 {padding:60px 0 !important;}
.pv50 {padding:50px 0 !important;}
.pv40 {padding:40px 0 !important;}
.pv30 {padding:30px 0 !important;}
.pv20 {padding:20px 0 !important;}
.pv10 {padding:10px 0 !important;}
.pv5 {padding:5px 0 !important;}

/*padding-top*/
.pt100 {padding-top:100px !important;}
.pt90 {padding-top:90px !important;}
.pt80 {padding-top:80px !important;}
.pt70 {padding-top:70px !important;}
.pt60 {padding-top:60px !important;}
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt5 {padding-top:5px !important;}
.pt0 {padding-top:0 !important;}

/*padding-left*/
.pl100 {padding-left:100px !important;}
.pl90 {padding-left:90px !important;}
.pl80 {padding-left:80px !important;}
.pl70 {padding-left:70px !important;}
.pl60 {padding-left:60px !important;}
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pl5 {padding-left:5px !important;}
.pl0 {padding-left:0 !important;}

/*padding-right*/
.pr100 {padding-right:100px !important;}
.pr90 {padding-right:90px !important;}
.pr80 {padding-right:80px !important;}
.pr70 {padding-right:70px !important;}
.pr60 {padding-right:60px !important;}
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
.pr5 {padding-right:5px !important;}
.pr0 {padding-right:0 !important;}

/*padding-bottom*/
.pb100 {padding-bottom:100px !important;}
.pb90 {padding-bottom:90px !important;}
.pb80 {padding-bottom:80px !important;}
.pb70 {padding-bottom:70px !important;}
.pb60 {padding-bottom:60px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb15 {padding-bottom:15px !important;}
.pb10 {padding-bottom:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb0 {padding-bottom:0 !important;}


/*width*/
.w100 {width:100% !important;}
.w98 {width:98% !important;}
.w95 {width:95% !important;}
.w90 {width:90% !important;}
.w85 {width:85% !important;}
.w80 {width:80% !important;}
.w75 {width:75% !important;}
.w70 {width:70% !important;}
.w65 {width:65% !important;}
.w60 {width:60% !important;}
.w55 {width:55% !important;}
.w50 {width:50% !important;}
.w49 {width:49% !important;}
.w48 {width:48% !important;}
.w45 {width:45% !important;}
.w40 {width:40% !important;}
.w35 {width:35% !important;}
.w30 {width:30% !important;}
.w25 {width:25% !important;}
.w20 {width:20% !important;}
.w15 {width:15% !important;}
.w10 {width:10% !important;}
.w110px {width:110px !important}
.w100px {width:100px !important}
.w90px {width:90px !important;}
.w80px {width:80px !important;}
.w70px {width:70px !important;}
.w60px {width:60px !important;}
.w50px {width:50px !important;}
.w40px {width:40px !important;}
.w30px {width:30px !important;}
.w20px {width:20px !important;}
.w10px {width:10px !important;}


@media (max-width:767px){
/* Prevent Zoom in when foucing input */
input, select, textarea {font-size:15px !important;}

}


/********************************************************
■ 프린트설정 추가
********************************************************/
@page {
  size: auto; 
  margin: 10mm; 
}
@media print{
	 *{
      margin: 0; 
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact; 
    }
    #container{margin:0; padding:0;}
	#header,#left_menu, #footer{display:none !important;}
    body {
        display: block;
        width: auto;
        height: auto;
        overflow: visible;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }


}