@charset "utf-8";
/**** 공통소스 ****/
@-ms-viewport { width: device-width;white-space: nowrap}


/*@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 
/*@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
/*@font-face {font-family:MalgunGothic; src:url(images/MalgunGothic.eot);}*/
*{}
html{font-size:10px;}
body {margin:0;padding:0;; font-size: 1.2rem; line-height: 150%; /*letter-spacing: -0.5px;*/ 
/*font-family:'Malgun Gothic','맑은고딕', 'Nanum Square','Noto Sans KR','Nanum Barun Gothic', 'Nanum Gothic', 'Nanum Square','Noto Sans KR', Arial, Dotum, Gulim, Verdana, Tahoma;*/
font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif, Arial; color:#333; 
}


em{ font-style:normal}

a{text-decoration:none}
a:hover{text-decoration:none}

.div_img{ width:100%; float:left}
.div_img img{ }


.fl{float:left}
.fr{float:right}
.comf{float:left; width: 100%}
.cursor{  cursor: pointer;}

/**브라우저별 placeholder ie처럼 감추기*/
input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }



/**** pc ****/
@media only all and (min-width:1301px) {
	.line_b{float:left; width: 100%; border-bottom: 1px solid #ccc; height: 1px;  margin: 70px 0px}

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
	.line_b{float:left; width: 100%; border-bottom: 1px solid #ccc; height: 1px;  margin: 40px 0px}

}
/**** 모바일 ****/
@media only all and (max-width:768px) {
	.line_b{float:left; width: 100%; border-bottom: 1px solid #ccc; height: 1px;  margin: 20px 0px}

}

.line_com_b{ border-bottom: 1px solid #ccc;  }



/**** pc ****/
@media only all and (min-width:1000px) {
img.pc_view { display:block}
img.mobile_view { display:none}
}
/**** 모바일 ****/
@media only all and (max-width:999px) {
img.pc_view {display:none }
img.mobile_view {display:block }
}



/**** 탭 포인트 위치 설정****/
/**** pc ****/
@media only all and (min-width:1000px) {
.sp_link {	width:100%;	float:left;	position:relative;	top:-70px}
.sp_com {	width:100%;	float:left; height: 80px}
.sp_pd { padding: 50px; box-sizing: border-box}
}
/**** 모바일 ****/
@media only all and (max-width:999px) {
.sp_link {	width:100%;	float:left;	position:relative;	top:-70px}
.sp_com {	width:100%;	float:left; height: 20px}
.sp_pd {	 padding: 10px; box-sizing: border-box}
}

@media only all and (min-width:1301px) {
.pc_view { display:block}
.tb_view { display:none}
.mobile_view { display:none}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.pc_view { display:none}
.tb_view { display:block}
.mobile_view { display:none}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.pc_view { display:none}
.tb_view { display:none}
.mobile_view { display:block}
}



/**** pc ****/
@media only all and (min-width:767px) {
.pc_view2 { display:block}
.mobile_view2 { display:none}
}
/**** 모바일 ****/
@media only all and (max-width:766px) {
.pc_view2 {display:none }
.mobile_view2 {display:block }
}


#wrap{	width:100%;  display:flex;  flex-wrap: wrap; justify-content: center; margin-top:-20px  }	
.wrap_inbox{width:100%;}
/*---전체 공백설정----*/
/**** pc ****/
@media only all and (min-width:1301px) {
.wrap_inbox2{	max-width:100%; margin: 0px auto; position:relative; padding: 0px 160px !important; box-sizing: border-box; }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.wrap_inbox2 {	width:100%; float: left;	position:relative; padding: 0px 30px !important; box-sizing: border-box;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.wrap_inbox2 {	width:100%; float: left;	position:relative; padding: 0px 0px !important; box-sizing: border-box; }
}

.inner {width:1200px;margin:0px auto; position:relative; box-sizing: border-box;  }



/**** 중간라인 ****/
.w_50p_line_r{float:left; width:calc(50% - 1px); box-sizing:border-box; border-right:1px solid #ccc;  padding-right:40px}
.w_50p_line_l{float:right; width:calc(50% - 1px); box-sizing:border-box ; padding-left:40px}




.flex_c_100{ width: 100%; float: left;   display: flex;
  justify-content: center;
flex-direction:row; justify-content: space-between; }


/* 공통사이즈 */
/**** 영역 ****/
.w_100p{  width:100% ;box-sizing:border-box}
.w_90p{ width:90% ;box-sizing:border-box }
.w_87p{  width:87% ;box-sizing:border-box }
.w_86p{  width:86% ;box-sizing:border-box }
.w_80p{  width:80% ;box-sizing:border-box }
.w_75p{ width:75% ;box-sizing:border-box }
.w_70p{ width:70% ;box-sizing:border-box }
.w_65p{ width:65% ;box-sizing:border-box }
.w_60p{  width:60% ;box-sizing:border-box }
.w_55p{ width:55% ;box-sizing:border-box }
.w_50p{ width:50% ;box-sizing:border-box }
.w_49p{  width:49% ;box-sizing:border-box }
.w_48p{  width:48% ;box-sizing:border-box }
.w_45p{  width:45% ;box-sizing:border-box }
.w_40p{  width:40% ;box-sizing:border-box }
.w_38p{ width:38% ;box-sizing:border-box }
.w_33p{ width:33% ;box-sizing:border-box }
.w_32p{ width:32% ;box-sizing:border-box }
.w_30p{ width:30% ;box-sizing:border-box }
.w_28p{  width:28% ;box-sizing:border-box }
.w_25p{  width:25% ;box-sizing:border-box }
.w_23p{  width:23% ;box-sizing:border-box }
.w_20p{  width:20% ;box-sizing:border-box }
.w_19p{ width:19% ;box-sizing:border-box }
.w_18p{ width:18% ;box-sizing:border-box;  }
.w_15p{ width:15% ;box-sizing:border-box }
.w_10p{ width:10% ;box-sizing:border-box }


/**** 영역 px****/
.w_650px{ width:650px!important ;box-sizing:border-box }
.w_550px{ width:550px!important ;box-sizing:border-box }
.w_300px{ width:300px!important ;box-sizing:border-box }
.w_250px{ width:250px!important ;box-sizing:border-box }
.w_220px{ width:220px!important ;box-sizing:border-box }
.w_200px{ width:200px!important ;box-sizing:border-box }
.w_190px{ width:190px!important ;box-sizing:border-box }
.w_180px{ width:180px!important ;box-sizing:border-box }
.w_150px{ width:150px!important ;box-sizing:border-box }
.w_140px{ width:140px!important;box-sizing:border-box }
.w_130px{ width:130px!important;box-sizing:border-box }
.w_120px{ width:120px!important;box-sizing:border-box }
.w_100px{ width:100px!important;box-sizing:border-box }
.w_85px{ width:85px!important;box-sizing:border-box }
.w_80px{ width:80px!important;box-sizing:border-box }
.w_75px{ width:85px!important;box-sizing:border-box }
.w_65px{ width:65px!important;box-sizing:border-box }
.w_60px{ width:60px!important;box-sizing:border-box }

.w_50px{ width:50px!important;box-sizing:border-box }


/**** 공백 : px는 모바일 pc의 50% , 테블릿 pc 3분의 2****/
.sp_100{ width:100%; height:100px; float:left}
.sp_90{ width:100%; height:90px; float:left}
.sp_80{ width:100%; height:80px; float:left}
.sp_70{ width:100%; height:70px; float:left}
.sp_60{ width:100%; height:60px; float:left}
.sp_50{ width:100%; height:50px; float:left}
.sp_40{ width:100%; height:40px; float:left}
.sp_30{ width:100%; height:30px; float:left}
.sp_20{ width:100%; height:20px; float:left}
.sp_10{ width:100%; height:10px; float:left}





/**** 마진값: 하단 ****/
.mb_100{ margin-bottom:100px !important}
.mb_90{ margin-bottom:90px !important}
.mb_80{ margin-bottom:80px !important}
.mb_70{ margin-bottom:70px !important}
.mb_60{ margin-bottom:60px !important}
.mb_50{ margin-bottom:50px !important}
.mb_40{ margin-bottom:40px !important}
.mb_30{ margin-bottom:30px !important}
.mb_20{ margin-bottom:20px !important}
.mb_10{ margin-bottom:10px !important}
.mb_0{ margin-bottom:0px !important}


/**** 마진값: 상단 ****/
.mt_100{ margin-top:100px}
.mt_90{ margin-top:90px}
.mt_80{ margin-top:80px}
.mt_70{ margin-top:70px}
.mt_60{ margin-top:60px}
.mt_50{ margin-top:50px}
.mt_40{ margin-top:40px}
.mt_30{ margin-top:30px}
.mt_20{ margin-top:20px}
.mt_10{ margin-top:10px}
.mt_5{ margin-top:5px}
.mt_0{ margin-top:0px}
.mt_m1{ margin-top:-1px}

/**** 마진값: 좌 ****/
.ml_100{ margin-left:100px}
.ml_90{ margin-left:90px}
.ml_80{ margin-left:80px}
.ml_70{ margin-left:70px}
.ml_60{ margin-left:60px}
.ml_50{ margin-left:50px}
.ml_40{ margin-left:40px}
.ml_30{ margin-left:30px}
.ml_20{ margin-left:20px}
.ml_10{ margin-left:10px}
.ml_5{ margin-left:5px}
.ml_0{ margin-left:0px}

/**** 마진값: 우 ****/
.mr_100{ margin-right:100px}
.mr_90{ margin-right:90px}
.mr_80{ margin-right:80px}
.mr_70{ margin-right:70px}
.mr_60{ margin-right:60px}
.mr_50{ margin-right:50px}
.mr_40{ margin-right:40px}
.mr_30{ margin-right:30px}
.mr_20{ margin-right:20px}
.mr_10{ margin-right:10px}
.mr_5{ margin-right:5px}
.mr_2{ margin-right:2px}
.mr_0{ margin-right:0px}


/**** 패딩: 상하좌우 ****/

.pd_50{padding:50px}
.pd_40{padding:40px}
.pd_30{padding:30px}
.pd_20{padding:20px}
.pd_10{padding:10px}
.pd_0{padding:0px !important}
/**** 패딩: 좌 ****/

.pd_l_50{padding-left:50px;box-sizing:border-box}
.pd_l_40{padding-left:40px;box-sizing:border-box}
.pd_l_30{padding-left:30px;box-sizing:border-box}
.pd_l_20{padding-left:20px;box-sizing:border-box}
.pd_l_10{padding-left:10px;box-sizing:border-box}
.pd_l_0{padding-left:0px; box-sizing:border-box}

.pd_r_50{padding-right:50px;box-sizing:border-box}
.pd_r_40{padding-right:40px;box-sizing:border-box}
.pd_r_30{padding-right:30px;box-sizing:border-box}
.pd_r_20{padding-right:20px;box-sizing:border-box}
.pd_r_10{padding-right:10px;box-sizing:border-box}
.pd_r_0{padding-right:0px; box-sizing:border-box}

/**** 테두리 라운드 각 ****/
.br_0{border-radius: 0px;}
.br_2{border-radius: 2px;}
.br_4{border-radius: 4px;}
.br_5{border-radius: 5px;}
.br_7{border-radius: 7px;}
.br_10{border-radius: 10px;}


/**** 패딩: 상 ****/

.pd_t_5 {padding-top:5px; box-sizing:border-box}
.pd_t_10{padding-top:10px;box-sizing:border-box}
.pd_t_15{padding-top:15px;box-sizing:border-box}
.pd_t_20{padding-top:20px;box-sizing:border-box}
.pd_t_25{padding-top:25px;box-sizing:border-box}



/**** 폰트크기 ****/
.font_19{ font-size:19px !important; }
.font_18{ font-size:18px !important; }
.font_17{ font-size:17px !important; }
.font_16{ font-size:16px !important; }
.font_15{ font-size:15px !important; }
.font_14{ font-size:14px !important; }
.font_13{ font-size:13px !important; }
.font_12{ font-size:12px !important; }

.fw_200{ font-weight:200 !important; }
.fw_300{ font-weight:300 !important; }
.fw_400{ font-weight:400 !important; }
.fw_500{ font-weight:500 !important; }
.fw_600{ font-weight:600 !important; }
.fw_700{ font-weight:700 !important; }

/**** 좌우정렬 ****/
.txt_al{ text-align: left !important;}
.txt_ar{ text-align: right !important;}
.txt_ac{ text-align: center !important;}

/* .t_center{text-align:center} */
/* .t_right{text-align:right} */
/* .text-center{text-align:center} */
/**** 마우스모양 ****/
.hands{cursor:pointer;}

/**** 문자취소선 ****/
.txtcancel {text-decoration: line-through !important;    color: #666666 !important;}