@charset "utf-8";

/*  */

/* Common */
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,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; outline:0; font-size:100%; background:transparent; font-family:'NotoKR', 'Sans-serif'; letter-spacing:-.1px; color:#333}

input,textarea,table{color:#333; font-size:14px; line-height:1;}/* w3c css검사 */

/*  */
body{word-break:break-all;}
html,body{min-height:100%;  /* overflow-x:auto; *//*overflow-y:auto*/}
img,fieldset{border:0}
img{vertical-align:middle;}
ul,ol,li{list-style:none}
li{line-height:100%}
em,address{font-style:normal}
i,a,span,em{display:inline-block;}
a{text-decoration:none;color:#333;/*outline:none;*//* select-dummy:expression(this.hideFocus=true); */cursor:pointer}/* w3c css검사 */
a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}
a label{cursor:pointer;}
*{box-sizing:border-box}
textarea	{font-family:'NotoKR', 'Sans-serif'; }

/* Common Add */
textarea,input[type=text],input[type=password]{box-sizing:border-box}
select{width:100%; height:40px; font-size:13px; color:#333;font-family:'NotoKR', 'Sans-serif'; border:1px solid #ddd; padding:0 10px 0 10px; border-radius:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../../img/common/arrow_03.png') no-repeat right 15px}
select:focus{outline:none; border:1px solid #0064fe}

caption,legend{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
input[type=text],input[type=password],input[type=number]{font-family:'NotoKR', 'Sans-serif'; height:13px; color:#333; padding:4px 5px 2px; border:1px solid #ccc;color:#b6b6b6; vertical-align:middle;outline:none;}
input[type=text]::-ms-clear{display:none}
input[type="text"]:focus{outline:none; border:1px solid #0064fe}
input[type=radio]{/**width:13px;*height:13px;*/margin:-2px 0 2px;vertical-align:middle}/* w3c css검사 */
input[type=checkbox]{/**width:12px;*height:12px;*/vertical-align:middle}/* w3c css검사 */
input[type=file]{border:1px solid #b5b8c8; }
textarea{overflow-y:auto;width:100%; padding:19px 19px; text-align: left; border:1px solid #ccc; color:#333; resize:none; line-height:1.5}
textarea:focus{outline:none; border:1px solid #e51937}
hr{display:none}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:normal}
button {margin:0; padding:0; border:0; background:none; cursor:pointer; letter-spacing:-1px; background-color:transparent; text-align:center; /*overflow:visible !important; ie6,7 padding bug hack*/}
button span{margin:-2px 0 0 -3px !important;} /* Mozilla 계열만 인식되는 firefox 핵 *//* w3c css검사 */
/*button span, x:-moz-any-link, x:default {margin:-2px 0 0 -3px !important;}*/ /* Mozilla 계열만 인식되는 firefox 핵 */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
button span{margin:-1px 0 0 -3px !important;}
}*/ /* Webkit 엔진계열만 인식하는 safari,chrome 핵 */

.blind{position:absolute;width:0;height:0;overflow:hidden;line-height:0}

/* Set Class */
.overview{overflow:hidden;/*zoom:1*/}/* w3c css검사 */


/* NotoKR 폰트 */
@font-face {
	font-family: NotoKR;
	src: url(fonts/NotoSansKR-Regular.eot); 
	src: local('Noto Sans CJK KR Regular'), local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
	url(fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	url(fonts/NotoSansKR-Regular.woff2) format('woff2'), 
	url(fonts/NotoSansKR-Regular.woff) format('woff');
	font-weight: normal
}
@font-face {
	font-family: NotoKR bold;
	src: url(fonts/NotoSansKR-Bold.eot); 
	src: local('Noto Sans CJK KR Bold'), local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
	url(fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	url(fonts/NotoSansKR-Bold.woff2) format('woff2'), 
	url(fonts/NotoSansKR-Bold.woff) format('woff');
	font-weight: bold
}


/* 정렬 */
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.fl{float:left}
.fr{float:right}

.hideTxt{position:absolute; top:-999999px; z-index:-1; visibility:hidden}

.ls_base{letter-spacing:0}
.tx_ell{overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.show{display:block}
.hide{display:none}


/* all */
::-webkit-input-placeholder {font-size:14px; color:#c3c3c3; font-weight:200;}
::-moz-placeholder {font-size:14px; color:#c3c3c3; font-weight:200;} /* firefox 19+ */
::-ms-input-placeholder {letter-spacing:-.5px; font-size:14px; color:#c3c3c3; font-weight:200;} /* ie */
input:-moz-placeholder {letter-spacing:-.5px; font-size:14px; color:#c3c3c3; font-weight:200;}
input.type01:-ms-input-placeholder{color:#c3c3c3; font-weight:200;}

textarea::-webkit-input-placeholder {color:#c3c3c3 !important}
textarea:-moz-placeholder {color:#c3c3c3 !important}   /* Firefox 18- */
textarea::-moz-placeholder {color:#c3c3c3 !important}  /* Firefox 19+ */
textarea:-ms-input-placeholder{color:#c3c3c3 !important}

/* 스크롤바 */
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-track{background:#ddd}
*::-webkit-scrollbar-thumb{background-color: #aaa}
*{scrollbar-base-color:#fff;scrollbar-arrow-color:#aaa;scrollbar-face-color:#aaa;scrollbar-track-color:#ddd}

@media screen and (max-width: 767px) { /* 모바일 320 ~ 767 */
	select{height:30px;  padding:0 7px 0 9px; border-radius:5px; background:url('../../img/common/arrow_03.png') no-repeat right 10px}

	input,textarea,table{font-size:12px;}
}


/* 여하경 추가 */

/*----- Font Style -----*/
/* basic Font Color */
.red {color:#ea002c;}
.blue {color:#0064FE;}
.orange {color:#FFB451;}
.green {color:#4BAF50;}

/* IME Mode */
.ime_en {ime-mode:inactive;}
.ime_ko {ime-mode:active;}

/* Font Size */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs20 {font-size:20px !important;}
.fs23 {font-size:23px !important;}
.fs24 {font-size:24px !important;}
.fs25 {font-size:25px !important;}

/* Font Weight */
.fb {font-weight:bold !important;}
.fn {font-weight:normal !important;}

/*align*/
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both; height:0; font-size:0; line-height:0}
.fl_block	{position:relative;display:block;width:100%;}

.al_left	{text-align:left !important}
.al_center	{text-align:center}
.al_right	{text-align:right !important}
.al_top	{vertical-align:top}
.al_middle	{vertical-align:middle}
.al_bottom	{vertical-align:bottom}
.al_justify  {text-align:justify}

.l5 {text-align:left !important; padding-left:5px !important;}
.l10 {text-align:left !important; padding-left:10px !important;}
.l15 {text-align:left !important; padding-left:15px !important;}
.r5 {text-align:right !important; padding-right:5px !important;}
.r10 {text-align:right !important; padding-right:10px !important;}
.r15 {text-align:right !important; padding-right:15px !important;}

/*----- Font Style // -----*/

/* Display */
.hide {
	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;
}

/* Visibility */
.visible_hide {visibility:hidden;}
.visible_show {visibility:visible;}

/* Float */
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both !important;}

.clear	{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}

/* Overflow */
.overHidden {overflow:hidden !important; height:100% !important;}
.scroll {overflow:auto;}
.scrollX {overflow-x:scroll;}
.scrollY {overflow-y:scroll;}

/* Margin */
.mar0    {margin:0px !important;}
.mar_t0  {margin-top:0px !important;}
.mar_t3  {margin-top:3px !important;}
.mar_t5  {margin-top:5px !important;}
.mar_t7  {margin-top:7px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t50 {margin-top:50px !important;}

.mar_r0  {margin-right:0px !important;}
.mar_r3  {margin-right:3px !important;}
.mar_r5  {margin-right:5px !important;}
.mar_r7  {margin-right:7px !important;}
.mar_r9  {margin-right:9px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r20 {margin-right:20px !important;}
.mar_r30 {margin-right:30px !important;}

.mar_b0  {margin-bottom:0px !important;}
.mar_b3  {margin-bottom:3px !important;}
.mar_b5  {margin-bottom:5px !important;}
.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}
.mar_b40 {margin-bottom:40px !important;}
.mar_b50 {margin-bottom:50px !important;}
.mar_b60 {margin-bottom:60px !important;}

.mar_l5  {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l15 {margin-left:15px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l22 {margin-left:22px !important;}
.mar_l30 {margin-left:30px !important;}
.mar_l45 {margin-left:45px !important;}
.mar_l60 {margin-left:60px !important;}
.mar_auto {margin:auto !important;}

/* Padding */
.pd0  {padding:0px !important;}
.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pd_t-3  {padding-top:-5px !important;}
.pd_t3  {padding-top:3px !important;}
.pd_t5  {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t25 {padding-top:25px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}

.pd_r3  {padding-right:3px !important;}
.pd_r5  {padding-right:5px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}

.pd_b0  {padding-bottom: 0px !important;}
.pd_b2  {padding-bottom: 2px !important;}
.pd_b5  {padding-bottom: 5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b17 {padding-bottom:17px !important;}
.pd_b16 {padding-bottom:16px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b50 {padding-bottom:50px !important;}

.pd_l0  {padding-left:0px !important;}
.pd_l3  {padding-left:3px !important;}
.pd_l5  {padding-left:5px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l50 {padding-left:50px !important;}