@CHARSET "UTF-8";

body{}
.hidden{position:absolute;left:-10000px;top: auto;width:0;height:0;overflow:hidden;}
.hide_txt{text-indent: -9999px; font-size: 0;}
.clearfix:after{display:block; clear:both; content:'';}
.txt_center{text-align:center !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.wbka{word-break:keep-all;}
.rel{position:relative;}
.ib{display:inline-block;}
.db{display:block;}
.di{display:inline;}
.dt{display:table;}
.tc{display:table-cell;vertical-align:middle;}
.vab{vertical-align: bottom;}
.vat{vertical-align: top;}
.f_left{float:left;}
.f_right{float:right;}
.bb0 {border-bottom: 0 !important;}
.bb1 {border-bottom: 1px solid #dedede;}
.bb2 {border-bottom: 2px solid #919191;}
.bt1 {border-top: 1px solid #dedede;}
.bt2 {border-top: 2px solid #919191;}
.w90p{width: 90%;}
.w100p{width: 100%;}
.tl_auto{table-layout: auto !important;}

.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}

.blue{color: #0f96d6;}
.white{color: #fff;}
.gray{color: #666;}
.gray2{color: #aeaeae;}
.gray3{color: #333;}
.gray4{color: #9d9d9d;}
.purple{color: #d60fc1;}
.red{color: #d64f0f;}

.bg_red { background-color: #d64f0f;}
.bg_blue {background-color: #0f96d6;}
.bg_gray {background-color: #f9f9f9;}
.bg_gray2 {background-color: #f4f4f4;}


.ls1{letter-spacing: 1px;}
.lsm50{letter-spacing: -0.05em !important;}
.lh16 {line-height: 1.500em;} /* 16px 24px*/
.lh16_ver2 {line-height: 1.375em;} /* 16px 22px*/
.lh16_ver3 {line-height: 1.625em;} /* 16px 26px*/
.lh18{line-height: 1.944em;} /* 18px 35px */
.lh18_ver2{line-height: 1.389em;} /* 18px 25px */
.lh18_ver3{line-height: 1.667em;} /* 18px 30px */
.lh20{line-height: 1.500em;} /* 20px 30px */
.lh20_ver2{line-height: 1.600em;} /* 20px 32px */
.lh20_ver3{line-height: 1.900em;} /* 20px 38px */
.lh22{line-height: 1.545emem;} /* 22px 34px */



.fs16{font-size:2.5vw;}
.fs18{font-size:2.96875vw;}
.fs19{font-size:2.8125vw;}
.fs20{font-size:3.125vw;}
.fs22{font-size:3.4375vw;}
.fs23{font-size:3.59375vw;}
.fs24{font-size:3.75vw;}
.fs26{font-size:4.0625vw;}
.fs27{font-size:4.21875vw;}
.fs28{font-size:4.375vw;}
.fs30{font-size:4.6875vw;}
.fs34{font-size:5.3125vw;}
.fs37{font-size: 5.78125vw;}

.pt5{padding-top:0.78125vw;}
.pt10{padding-top:1.5625vw;}
.pt15{padding-top:2.34375vw;}
.pt20{padding-top:3.125vw;}
.pt25{padding-top:3.90625vw;}
.pt30{padding-top:4.6875vw;}
.pt40{padding-top:6.25vw;}
.pt45{padding-top:7.03125vw;}
.pt50{padding-top:7.8125vw;}
.pt55{padding-top:8.59375vw;}
.pt70{padding-top:10.9375vw;}
.pt120{padding-top:18.75vw;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:1.5625vw;}
.pb15{padding-bottom:2.34375vw;}	
.pb20{padding-bottom:3.125vw;}
.pb25{padding-bottom:3.90625vw !important;}
.pb30{padding-bottom:4.6875vw;}
.pb40{padding-bottom:6.25vw;}
.pb45{padding-bottom:7.03125vw;}
.pb50{padding-bottom:7.8125vw;}
.pb55{padding-bottom:8.59375vw;}
.pb70{padding-bottom:10.9375vw;}
.pb60{padding-bottom:9.375vw;}
.pb80{padding-bottom:12.5vw;}
.pb120{padding-bottom:18.75vw;}
.pb180{padding-bottom:28.125vw;}

.pr5{padding-right: 0.78125vw;}

.pl10{padding-left: 1.5625vw;}
.pl40{padding-left: 6.25vw;}

.mt10{margin-top:1.5625vw;}
.mt20{margin-top:3.125vw;}	
.mt30{margin-top:4.6875vw;}	
.mt40{margin-top:6.25vw;}
.mt80{margin-top:12.5vw;}

.mb20{margin-bottom:3.125vw;}

.ml10{margin-left:1.5625vw;}
.ml15{margin-left: 2.34375vw;}

.mr5{margin-right:0.78125vw;}
.mr10{margin-right:1.5625vw;}
.mr20{margin-right:3.125vw;}
.mr40{margin-right:6.25vw;}


/* li dot */
ul li.dot{
	padding-left: 3.125vw;
	position: relative;
}
ul li.dot:before{
	content:'·';
	position: absolute;
	top: 0;
	left: 0.78125vw;
}
ul li.dot.hyphen:before{content:'-';}
ul li.dot.empty:before{content:' ';}
ul li.dot.star:before{content:'*';}
ul li.dot.point:before{
	content:'※';
	left: 0;
}

/* paging */
.paging {text-align: center; font-size: 0; padding-top: 6.25vw; padding-bottom: 0px;}
.paging a {display: inline-block; margin-right: 1.40625vw; width: 5.3125vw; height: 5.3125vw; vertical-align: middle; text-align: center; }
.paging span {display: inline-block;}
.paging span a {line-height: 5.46875vw; font-size: 3.125vw; width: 3.125vw; height: 5.46875vw; font-weight: 300; color: #000; letter-spacing: -0.075em; }
.paging span a.on {color: #e945e7; font-size: 3.75vw; font-weight: 500;}

input[type="checkbox"],
input[type="radio"]{
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	width: 3.125vw;
	height: 3.125vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	margin-right: 0.78125vw;
	cursor:pointer;
}
input[type="checkbox"]{border: 1px solid #b5b5b5;}
input[type="checkbox"]:checked{
	border: 0;
	background-image: url('/_mng/asset/images/check_on_ico.png');
	-webkit-background-size: cover;
	background-size: cover;
}
input[type="radio"]{
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 
	vertical-align: middle;
}
input[type="radio"]:checked{
	border: 0;
	background-image: url('/_mng/asset/images/radio_on_ico.png');
	-webkit-background-size: cover;
	background-size: cover;
}
textarea{
	border: 1px solid #999;
	height: 31.25vw;
	width: 100%;
	padding: 0.9375vw 1.5625vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 2.8125vw;
}

.basic_input{
	border: 1px solid #999;
	height: 7.8125vw;
	line-height: 7.8125vw;
	width: 100%;
	font-weight: 300;
	padding: 0 1.5625vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 2.8125vw;
}
.basic_input::placeholder{
	color: rgba(102,102,102,.7);
	font-weight: 200;
}

select::-ms-expand { display: none; }
.basic_select{
	border: 1px solid #999;	
	width: 100%;
	height: 7.8125vw;
	line-height: 5.9375vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 4.6875vw 0 2.5vw;
	appearance: inherit;
	background: url('/_mng/asset/images/select_arrow.png') no-repeat right 12px center;
	background-size: 1.71875vw auto;
	-webkit-appearance: inherit;
	font-size: 2.8125vw;
}
.basic_select.small{
	background-position: right 10px center;
	width: 15vw;
	height: 4.6875vw;
	line-height: 4.6875vw;
}
.basic_select.w150{width: 23.4375vw;}
.basic_select.w300{width: 46.875vw;}
input[type="date"]::-webkit-calendar-picker-indicator{
	background: url('../../../asset/images/common/cal_ico.png') no-repeat right 0 center;
	width: 3.125vw;
	height: 3.125vw;
	cursor:pointer;
	-webkit-background-size: contain;
	background-size: contain;
}
.basic_select_new{
	border: 1px solid #999;	
	height: 12.5vw;
	line-height: 12.5vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 7.8125vw 0 3.125vw;
	appearance: inherit;
	background: url('/_mng/asset/images/select_arrow.png') no-repeat right 1.875vw center;
	background-size: 2.65625vw auto;
	-webkit-appearance: inherit;
}
.basic_input.w80{width: 12.5vw;}
.basic_input.w135{width: 21.09375vw;}
.basic_input.w145{width: 22.65625vw;}
.basic_input.w250{width: 39.0625vw;}
.basic_input.w300{width: 46.875vw;}
.basic_input.w365{width: 57.03125vw;}
.basic_input.w368{width: 57.5vw;}

.blue_btn {background-color: #0f96d6; height: 7.8125vw; line-height: 7.8125vw; width: 31.25vw;}
.gray_btn {background-color: #969696; height: 7.8125vw; line-height: 7.8125vw; width: 20.3125vw; vertical-align: middle;}
.blue_btn_new{background-color: #0f96d6; height: 12.5vw; line-height: 12.5vw; width: 20.3125vw;}

.blue_btn.w100{width: 15.625vw;}
.blue_btn.w120{width: 18.75vw;}
.blue_btn.w300{width: 40vw;}
.gray_btn.w180{width: 28.125vw;}
.gray_btn.w300{width: 40vw;}

.blue_btn.h60 {height: 9.375vw; line-height: 9.375vw;}
.blue_btn.h70 {height: 10.9375vw; line-height: 10.9375vw;}
.gray_btn.h70 {height: 10.9375vw; line-height: 10.9375vw;}


.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox label {
  display: inline-block;
  height: 7.8125vw;
  width: 21.875vw;
  line-height: 7.8125vw;
  font-size: 3.4375vw;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  cursor: pointer;
  background-color:#969696;;
  border: 1px solid #969696;
  margin-left: -2px;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  height: 7.8125vw;
  width: 50vw;
  font-size:2.933333333333333vw; 
  padding: 0 1.333333333333333vw;
  vertical-align: middle;
  border: 1px solid #969696;
}

.down_btn {
	background-color: #0f96d6; 
	color: #fff; 
	line-height: 7.8125vw; 
	text-align: left; 
	background-image: url('/asset/images/common/down_btn_ico.png'); 
	background-position: right 2.8125vw top 2.96875vw;
	background-repeat: no-repeat; 
	-webkit-background-size: 2.5vw 2.34375vw;
	background-size: 2.5vw 2.34375vw;
	display: inline-block; 
	padding: 0 7.8125vw 0 3.4375vw;
}



/* 스크롤테이블 */
.def_table_wrap{
    overflow-x: auto;
    position: relative;
    -webkit-overflow-scrolling:touch;
}
.def_table_wrap::-webkit-scrollbar{display:none;}
.table_scroll.w150{width:150%;}
.table_scroll.w200{width:200%;}
.table_scroll.w300{width:300%;}


.msg_touch_help{
    position: absolute;
	left: 0; 
    top: 1.5625vw;
    bottom: 0;
    right: 0;
	/* transform: translateY(-50%); */
	width: 18.75vw;
    height: 18.75vw;
    margin: 0 auto;
}
.msg_touch_help img{width:100%;}
.msg_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
}





/* header */
#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 18.59375vw;
	width: 100%;
	border-bottom:1px solid #d9d9d9;
	padding-top: 3.75vw;
	padding-left: 4.6875vw;
	background-color: #fff;
	z-index: 200;
	
}
#header .logo,
#header .logo_w {width: 57.8125vw;}
#header .gnb_btn {
	position: absolute;
	top: 5.46875vw;
	right: 4.6875vw;
}
#header .gnb_btn img {width: 6.5625vw; height: 4.21875vw;}
#header .gnb {
	position: absolute;
	top: 0;
	right: -200%;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	z-index: 201;	
	overflow-y: auto;
}
#header .gnb .gnb_top {
	background-color: #0f96d6;
	padding: 3.75vw 4.6875vw 6.25vw;
}
#header .gnb .gnb_top .gnb_close {
	position: absolute;
	top: 7.03125vw;
	right: 4.6875vw;
}
#header .gnb .gnb_top .gnb_close img{
	width: 4.375vw;
}
#header .gnb .gnb_top .util{
	border-top: 1px solid #4bb0e0;
	margin-top: 3.90625vw;
}
#header .gnb .gnb_top .util ul {padding-top: 6.09375vw;}
#header .gnb .gnb_top .util li{
	width: 33.3%;
	float: left;		
}
#header .gnb .gnb_top .util li a{
	display: block;
	text-align: center;
}
#header .gnb .gnb_top .util li a img{
	width: 10.78125vw;
}
#header .gnb .gnb_top .util li a p{
	padding-top: 2.34375vw;
	color: #fff;
	font-size: 3.59375vw;
}
#header .gnb .nav {
	padding-top: 3.125vw;
	padding-right: 4.6875vw; 
	padding-left: 4.6875vw; 
	margin-bottom: 15.625vw;
}
#header .gnb .nav a{display: block; }
#header .gnb .nav .depths>p a{
	font-size: 4.53125vw;
	padding: 3.125vw 0 3.125vw;
	position: relative;
}
#header .gnb .nav .depths p.arr:before {
	content:'';
	display: block;
	position: absolute;
	right: 0;
	top: 5.15625vw;
	width: 3.125vw;
	height: 2.03125vw;
	background-image: url('/m/asset/images/common/nav_arr.png');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	transform: rotate(180deg);
}
#header .gnb .nav .depths p.arr.on:before{
	transform: rotate(00deg);
}
#header .gnb .nav .depth2{display: none;}	
#header .gnb .nav .depth2 a{
	font-size: 3.59375vw;
	color: #787777;
	padding: 2.34375vw 0;
}





/* footer */
#footer {width: 100%; margin: 0 auto;}
#footer .f_link{
	text-align: center;
	border-top: 1px solid #c8c8c8;
	padding: 3.4375vw 0;
}
#footer .f_link li{
	display: inline-block;
	padding: 0.78125vw 2.8125vw;
}
#footer .f_link li:first-child img {width: 19.0625vw;}
#footer .f_link li:nth-child(2) img {width: 20.46875vw;}
#footer .f_link li:nth-child(3) img {width: 14.84375vw;}
#footer .f_link li:nth-child(4) img {width: 14.21875vw;}
#footer .f_link li:nth-child(5) img {width: 26.875vw;}
#footer .f_link li:last-child img {width: 26.25vw;}
#footer .f_wrap{padding-bottom: 6.25vw;}
#footer .f_wrap .f_logo{
	padding-top: 7.8125vw; 
	padding-bottom: 6.25vw;
}
#footer .f_wrap .f_logo img{width: 41.40625vw;}
#footer .f_txt,
#footer .f_txt a{
	color: #666;
	font-size: 2.34375vw;
	line-height: 1.667em;
}
#footer .f_pop {
	padding-top:3.125vw; 
	padding-bottom: 3.125vw; 
	background-color: #e1e1e1;
}
#footer .f_pop a{display: inline-block; padding: 0 0.78125vw;}
#footer .f_label{ 
	padding-top: 5.46875vw;
	padding-bottom: 15.625vw;
}
#footer .f_label img{width: 30.15625vw;}


.sub_line {
	height: 12.5vw; 
	border-top: 1px solid #ebebeb; 
	border-bottom: 1px solid #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sub_line  > ul {border-left: 1px solid #ebebeb}
.sub_line  > ul > li {
	float: left; 
	position: relative; 
	/* width: calc(50% - 1px);  */
	width: 50%;
	height: 12.5vw; 
	/* border-left: 1px solid #ebebeb; */
}
.sub_line  > ul > li >  a {
	padding-left: 2.03125vw; 
	background: url('../images/common/sub_line_arr.png') 92% 4.53125vw no-repeat; 
	background-size: 1.875vw;
	color: #000000; 
	line-height: 12.5vw;  
	letter-spacing:-0.3px; 
	display: block; 
	cursor:pointer; 
	font-weight: 300; 
	font-size: 3.90625vw;
}
.sub_line  > ul > li >  a span {
	display: block; 
	width: 73%; 
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.sub_line  > ul > li > a.arr_b {
	background: url('../images/common/sub_line_arr_b.png') 90% 5.46875vw no-repeat; 
	background-size: 3.125vw;
}
.sub_line  > ul > li:first-child ul {width:calc(100% + 2px);}
.sub_line  > ul > li ul {
	background: #fff; 
	position: absolute; 
	top:12.1875vw; 
	left: -1px; 
	width:calc(100% + 3px); 
	border: 1px solid #ebebeb; 
	border-bottom: 0;
	display:none; 
	z-index: 101; 
	box-sizing: border-box;
}
.sub_line  > ul > li ul.on {display: block; }
.sub_line  > ul > li ul li {
	border-bottom: 1px solid #ebebeb; 
	line-height: 12.5vw;
}
.sub_line  > ul > li ul li a {
	padding: 3.75vw 0 3.75vw 2.03125vw;  
	color: #000000; 
	font-weight: 300; 
	line-height: 1.3; 
	letter-spacing:-0.3px; 
	display: block;  
	font-size: 3.90625vw;
}
.sub_line  > ul > li ul li a span {word-break: break-all}
.sub_line  > ul > li ul li a.active, .sub_line  > ul > li ul li a:active, .sub_line  > ul > li ul li a:hover {background: #5b5b5b; color: #ffffff}
.sub_line .subline_list.fix {
	color: #fff;
	background-color: #0F96D6;
}


/* 하단 메뉴 */
.subCommon {width: 100%; margin-bottom: 7.8125vw;}
.subCommon li {
	width: 50%; 
	float: left;
	line-height: 12.5vw; 
	font-weight: 500; 
	color: #333; 
	padding-left: 12.96875vw; 
	position: relative;
	font-size: 3.4375vw;
	border-top:1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	background-color: #eff8fc;
}
.subCommon li p{
	font-size: 2.8125vw;
	padding-top: 2.8125vw;
}
.subCommon li span{
	font-size: 3.4375vw;
}
.subCommon li:nth-child(2n) {border-right: 1px solid #dcdcdc; }
.subCommon li:nth-child(3),
.subCommon li:last-child{border-bottom: 1px solid #dcdcdc; }
.subCommon li:first-child {height: 12.5vw; line-height: 3.4375vw; background-color: #fff;}
.subCommon li:before{
	left: 4.6875vw;
	top: 50%;
	transform: translateY(-50%);
}
.subCommon li:before,
.subCommon li:after{
	content:''; 
	position: absolute; 
	background-repeat: no-repeat; 
	-webkit-background-size: contain;
	background-size: contain;
}
.subCommon li:first-child:before {
	background-image: url("/asset/images/common/submenu_ico_01.png"); 
	left: 3.75vw;
	width: 5.3125vw; 
	height: 5.3125vw;
}
.subCommon li:nth-child(2):before {
	background-image: url("/asset/images/common/submenu_ico_02.png"); 	
	width: 5.46875vw; 
	height: 5.625vw;
}
.subCommon li:nth-child(3):before {
	background-image: url("/asset/images/common/submenu_ico_03.png");
	left: 3.90625vw;
	width: 4.84375vw; 
	height: 4.53125vw;
}
.subCommon li:last-child:before {
	background-image: url("/asset/images/common/submenu_ico_04.png"); 
	width: 5.15625vw; 
	height: 6.25vw;
}
.subCommon li:nth-child(2):after,
.subCommon li:nth-child(3):after,
.subCommon li:last-child:after {
	background-image: url("/asset/images/common/submenu_arr.png"); 
	top: 50%;
	transform: translateY(-50%);
	right: 3.28125vw;
	width: 0.9375vw; 
	height: 1.71875vw;
}

/* popup */
.pop_bg{
	display:none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6); 
	z-index: 202;
}
.normal_pop_wrap{
	display: none; 
	position: fixed; 
	top: 0;
	left: 0; 
	right: 0; 
	bottom: 0; 
	z-index: 203; 
	overflow-y: auto;
}
.normal_pop{
	position: absolute; 
	top: 50%;
	width: 78.125vw; 
	left: 0; 
	right: 0;
	margin: 0 auto;
	background: #fff;
	padding: 7.03125vw 3.125vw;
	transform: translateY(-50%);
}
.normal_pop .normal_pop_close{
	position: absolute; 
	top: 2.5vw; 
	right: 3.125vw;
	background: #ccc;
	width: 7.8125vw;
	height: 7.8125vw;
	font-size: 0;
	text-indent: -9999px;
}
.normal_pop .normal_pop_close:after,
.normal_pop .normal_pop_close:before {
	content:''; 
	display: block;
	position: absolute; 
	top: 3.75vw; 
	width: 7.8125vw; 
	height: 2px; 
	background: #fff; 
}
.normal_pop .normal_pop_close:after {transform:rotate(-45deg);}
.normal_pop .normal_pop_close:before {transform:rotate(45deg);}


.hid{display:none}

.ft_pop .txt_area {
	overflow-y:scroll;
	height:78.125vw;
	padding:2.03125vw 3.125vw;
	border:1px solid #969696;
}

.video{padding-bottom: 56.25%;}
.video iframe{
	position:absolute;
	top:0%;
	left:0%;
	width:100% !important;
	height:100% !important;
}


#print_pop p{
	text-align: center;
	padding: 7.8125vw 0px 3.125vw;
	line-height: 1.520em;
}
#print_pop .print_check {
	width: 23.4375vw;
	line-height: 7.8125vw;
	font-size: 3.4375vw;
	background-color: #0F96D6;
	color: #fff;
	margin: 3.125vw auto 0px;
	text-align: center;
	cursor:pointer;
}

/* 로그인 회원가입 팝업 */
.mem_popup{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	width:90%;
	background-color: #fff;
	border:0.78125vw solid #0F96D6;
	z-index: 203;
}
.mem_popup p{
	text-align: center;
	padding: 12.5vw 3.125vw 6.25vw;
	font-size:3.90625vw;
	line-height: 1.520em;
}
.mem_popup .mempop_close{
	position: absolute; 
	top: 2px; 
	right: 2px;
	width: 7.8125vw;
	height: 7.8125vw;
	font-size: 0;
	text-indent: -9999px;
	cursor:pointer;
}

.mem_popup .mempop_close:after,
.mem_popup .mempop_close:before {
	content:''; 
	display: block;
	position: absolute; 
	top: 3.75vw; 
	width: 7.8125vw; 
	height: 2px; 
	background: #0F96D6; 
}
.mem_popup .mempop_close:after {transform:rotate(-45deg);}
.mem_popup .mempop_close:before {transform:rotate(45deg);}

.mempop_check, .mempop_check1 {
	width: 23.4375vw;
	line-height: 7.8125vw;
	font-size: 3.4375vw;
	background-color: #0F96D6;
	color: #fff;
	margin: 0 auto 6.25vw;
	text-align: center;
	cursor:pointer;
}

.popup_bg{
	display:block; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6); 
	z-index: 202;
}


@media (min-width: 640px){
	
	.fs16{font-size:16px;}
	.fs18{font-size:18px;}
	.fs19{font-size:19px;}
	.fs20{font-size:20px;}
	.fs22{font-size:22px;}
	.fs23{font-size:23px;}
	.fs24{font-size:24px;}
	.fs26{font-size:26px;}
	.fs27{font-size:27px;}
	.fs28{font-size:28px;}
	.fs30{font-size:30px;}
	.fs34{font-size:34px;}
	.fs37{font-size:37px;}
	
	.pt5{padding-top:5px;}
	.pt10{padding-top:10px;}
	.pt15{padding-top:15px;}
	.pt20{padding-top:20px;}
	.pt25{padding-top:25px !important;}
	.pt30{padding-top:30px;}
	.pt40{padding-top:40px;}
	.pt45{padding-top:45px;}
	.pt50{padding-top:50px;}
	.pt55{padding-top:55px;}
	.pt70{padding-top:70px;}	
	.pt120{padding-top:120px;}

	.pb5{padding-bottom:5px;}
	.pb10{padding-bottom:10px;}
	.pb15{padding-bottom:15px;}
	.pb20{padding-bottom:20px;}
	.pb25{padding-bottom:25px;}
	.pb30{padding-bottom:30px;}
	.pb40{padding-bottom:40px;}
	.pb45{padding-bottom:45px;}
	.pb50{padding-bottom:50px;}
	.pb55{padding-bottom:55px;}
	.pb60{padding-bottom:60px;}
	.pb70{padding-bottom:70px;}
	.pb80{padding-bottom:80px;}
	.pb120{padding-bottom:120px;}
	.pb180{padding-bottom:180px;}
	
	.pr5{padding-right:5px;}

	.pl10{padding-left:10px;}
	.pl40{padding-left:40px;}

	.mt10{margin-top:10px;}
	.mt20{margin-top:20px;}	
	.mt30{margin-top:30px;}	
	.mt40{margin-top:40px;}
	.mt80{margin-top:80px;}

	.mb20{margin-bottom:20px;}

	.ml10{margin-left:10px;}
	.ml15{margin-left: 15px;}

	.mr5{margin-right:5px;}
	.mr10{margin-right:10px;}
	.mr20{margin-right:20px;}
	.mr40{margin-right:40px;}

	/* li dot */
	ul li.dot{
		padding-left: 20px;
	}
	ul li.dot:before{
		left: 5px;
	}
	/* paging */
	.paging { padding-top: 40px; }
	.paging a { margin-right: 9px; width: 34px; height: 34px; }
	.paging span a {line-height: 35px; font-size: 20px; width: 20px; height: 35px; }
	.paging span a.on {color: #e945e7; font-size: 24px;}
	


	input[type="checkbox"],
	input[type="radio"]{
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	
	textarea{
		height: 200px;
		padding: 6px 10px;
		font-size: 18px;
	}

	.basic_input{
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		font-size: 18px;
	}
	.basic_select{
		height: 50px;
		line-height: 38px;
		padding: 0 30px 0 16px;
		background: url('/_mng/asset/images/select_arrow.png') no-repeat right 12px center;
		background-size: 11px auto;
		font-size: 18px;
	}
	.basic_select.small{
		background-position: right 10px center;
		width: 96px;
		height: 30px;
		line-height: 30px;
	}
	.basic_select.w150{width: 150px;}
	.basic_select.w300{width: 300px;}
	input[type="date"]::-webkit-calendar-picker-indicator{
		background: url('../images/common/cal_ico.png') no-repeat right 0 center;
		width: 20px;
		height:  20px;
	}
	.basic_select_new{
		height: 80px;
		line-height: 80px;
		padding: 0 50px 0 20px;
		background: url('/_mng/asset/images/select_arrow.png') no-repeat right 12px center;
		background-size: 17px auto;
	}
	.basic_input.w80{width: 80px;}
	.basic_input.w135{width: 135px;}
	.basic_input.w145{width: 145px;}
	.basic_input.w250{width: 250px;}	
    .basic_input.w300{width: 300px;}
	.basic_input.w365{width: 365px;}
	.basic_input.w368{width: 368px;}

	.blue_btn {height: 50px; line-height: 50px; width: 200px;}
	.gray_btn {height: 50px; line-height: 50px; width: 130px;}
	.blue_btn_new{background-color: #0f96d6; height: 80px; line-height: 80px; width: 130px;}

	.blue_btn.w100{width: 100px;}
	.blue_btn.w120{width: 120px;}
	.blue_btn.w300{width: 300px;}
	.gray_btn.w180{width: 180px;}
	.gray_btn.w300{width: 300px;}
	
	.blue_btn.h60 {height: 60px; line-height: 60px;}
	.blue_btn.h70 {height: 70px; line-height: 70px;}
	.gray_btn.h70 {height: 70px; line-height: 70px;}

	.filebox label {
	  height: 50px;
	  width: 140px;
	  line-height: 50px;
	  font-size: 22px;
	}

	/* named upload */
	.filebox .upload-name {
	  height: 50px;
	  width: 320px;
	  font-size:22px; 
	  padding: 0 10px;
	}


	.down_btn {
		background-color: #0f96d6; 
		color: #fff; 
		line-height: 50px; 
		text-align: left; 
		background-image: url('/asset/images/common/down_btn_ico.png'); 
		background-position: right 18px top 19px;
		background-repeat: no-repeat; 
		background-size:16px 15px;
		display: inline-block; 
		padding: 0 50px 0 22px;
	}

	

	/* 스크롤테이블 */
	.msg_touch_help{
		width: 120px;
		height: 120px;
		top: 10px;
	}



	/* header */
	#header {
		position: fixed;
		top: 0;
		left: 0;
		height: 119px;
		width: 100%;
		border-bottom:1px solid #d9d9d9;
		padding-top: 24px;
		padding-left: 30px;
		background-color: #fff;
	}
	#header .logo,
	#header .logo_w {width: 370px;}
	#header .gnb_btn {
		position: absolute;
		top: 35px;
		right: 30px;
	}
	#header .gnb_btn img {width: 42px; height: 27px;}
	#header .gnb {
		position: absolute;
		top: 0;
		right: -200%;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		z-index: 201;	
		overflow-y: auto;
	}
	#header .gnb .gnb_top {
		background-color: #0f96d6;
		padding: 24px 30px 40px;
	}
	#header .gnb .gnb_top .gnb_close {
		position: absolute;
		top: 45px;
		right: 30px;
	}
	#header .gnb .gnb_top .gnb_close img{
		width: 28px;
	}
	#header .gnb .gnb_top .util{
		border-top: 1px solid #4bb0e0;
		margin-top: 25px;
	}
	#header .gnb .gnb_top .util ul {padding-top: 39px;}
	#header .gnb .gnb_top .util li{
		width: 33.3%;
		float: left;		
	}
	#header .gnb .gnb_top .util li a{
		display: block;
		text-align: center;
	}
	#header .gnb .gnb_top .util li a img{
		width: 69px;
	}
	#header .gnb .gnb_top .util li a p{
		padding-top: 15px;
		color: #fff;
		font-size: 23px;
	}
	#header .gnb .nav {
		padding-top: 20px;
		padding-right: 30px; 
		padding-left: 30px; 
		margin-bottom: 100px;
	}
	#header .gnb .nav a{display: block;}
	#header .gnb .nav .depths>p a{
		font-size: 29px;
		padding: 20px 0;
		position: relative;
	}
	#header .gnb .nav .depths p.arr:before {
		content:'';
		display: block;
		position: absolute;
		right: 0;
		top: 33px;
		width: 20px;
		height: 13px;
		background-image: url('/m/asset/images/common/nav_arr.png');
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		transform: rotate(180deg);
	}
	#header .gnb .nav .depths p.arr.on:before{
		transform: rotate(00deg);
	}
	#header .gnb .nav .depth2{display: none;}	
	#header .gnb .nav .depth2 a{
		font-size: 23px;
		color: #787777;
		padding: 15px 0;
	}


	/* footer */
	#footer .f_link{
		text-align: center;
		border-top: 1px solid #c8c8c8;
		padding: 22px 0;
	}
	#footer .f_link li{
		display: inline-block;
		padding: 5px 18px;
	}
	#footer .f_link li:first-child img {width: 122px;}
	#footer .f_link li:nth-child(2) img {width: 131px;}
	#footer .f_link li:nth-child(3) img {width: 95px;}
	#footer .f_link li:nth-child(4) img {width: 91px;}
	#footer .f_link li:nth-child(5) img {width: 172px;}
	#footer .f_link li:last-child img {width: 168px;}
	#footer .f_wrap{padding-bottom: 40px;}
	#footer .f_wrap .f_logo{
		padding-top: 50px; 
		padding-bottom: 40px;
	}
	#footer .f_wrap .f_logo img{width: 265px;}
	#footer .f_txt,
	#footer .f_txt a{
		color: #666;
		font-size: 15px;
		line-height: 1.667em;
	}
	#footer .f_pop {
		padding-top:20px; 
		padding-bottom: 20px; 
		background-color: #e1e1e1;
	}
	#footer .f_pop a{display: inline-block; padding: 0 5px;}
	#footer .f_label{ 
		padding-top: 35px;
		padding-bottom: 100px;
	}
	#footer .f_label img{width: 193px;}

	.sub_line {
		height: 80px; 
	}
	.sub_line  > ul > li {
		height: 80px; 
	}
	.sub_line  > ul > li >  a {
		padding-left: 13px; 
		background: url('../images/common/sub_line_arr.png') 92% 29px no-repeat; 
		background-size: 12px;
		line-height: 80px; 
		font-size: 25px;
	}
	.sub_line  > ul > li > a.arr_b {
		background: url('../images/common/sub_line_arr_b.png') 90% 35px no-repeat; 
		background-size: 20px;
	}
	.sub_line  > ul > li ul {
		top:78px; 
	}
	.sub_line  > ul > li ul li {
		line-height: 80px;
	}
	.sub_line  > ul > li ul li a {
		padding: 24px 0 24px 13px; 
		font-size: 25px;
	}
	
	/* 하단 메뉴 */
	.subCommon {margin-bottom: 50px;}
	.subCommon li {
		line-height: 80px; 
		padding-left: 83px; 
		font-size: 22px;
	}
	.subCommon li p{
		font-size: 18px;
		padding-top: 18px;
	}
	.subCommon li span{
		font-size: 22px;
	}
	.subCommon li:first-child {height: 80px; line-height: 22px;}
	.subCommon li:before{
		left: 30px;
	}
	.subCommon li:first-child:before {
		left: 24px;
		width: 34px; 
		height: 34px;
	}
	.subCommon li:nth-child(2):before {
		width: 35px; 
		height: 36px;
	}
	.subCommon li:nth-child(3):before {
		left: 25px;
		width: 31px; 
		height: 29px;
	}
	.subCommon li:last-child:before {
		width: 33px; 
		height: 40px;
	}
	.subCommon li:nth-child(2):after,
	.subCommon li:nth-child(3):after,
	.subCommon li:last-child:after {
		right: 21px;
		width: 6px; 
		height: 11px;
	}

	/* popup */
	.pop_bg{
		display:none; 
		position: fixed; 
		top: 0; 
		left: 0; 
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,.6); 
		z-index: 202;
	}
	.normal_pop_wrap{
		display: none; 
		position: fixed; 
		top: 0;
		left: 0; 
		right: 0; 
		bottom: 0; 
		z-index: 203; 
		overflow-y: auto;
	}
	.normal_pop{
		position: absolute; 
		top: 50%;
		width: 500px; 
		left: 0; 
		right: 0;
		margin: 0 auto;
		background: #fff;
		padding: 45px 20px;		
		transform: translateY(-50%);
	}
	.normal_pop .normal_pop_close{
		position: absolute; 
		top: 16px; 
		right: 20px;
		background: #ccc;
		width: 50px;
		height: 50px;
		font-size: 0;
		text-indent: -9999px;
	}
	.normal_pop .normal_pop_close:after,
	.normal_pop .normal_pop_close:before {
		content:''; 
		display: block;
		position: absolute; 
		top: 24px; 
		width: 50px; 
		height: 2px; 
		background: #fff; 
	}
	.normal_pop .normal_pop_close:after {transform:rotate(-45deg);}
	.normal_pop .normal_pop_close:before {transform:rotate(45deg);}


	.hid{display:none}

	.ft_pop .txt_area {
		overflow-y:scroll;
		height:500px;
		padding:13px 20px;
		border:1px solid #969696;
	}
	#print_pop p{
		padding: 50px 0px 20px;
	}
	#print_pop .print_check {
		width: 150px;
		line-height: 50px;
		font-size: 22px;
		margin: 20px auto 0px;
	}
	/* 로그인 회원가입 팝업 */
	.mem_popup{
		border:5px solid #0F96D6;
	}
	.mem_popup p{
		padding: 80px 20px 40px;
		font-size:25px;
	}
	.mem_popup .mempop_close{
		width: 50px;
		height: 50px;
	}

	.mem_popup .mempop_close:after,
	.mem_popup .mempop_close:before {
		top: 24px; 
		width: 50px;
	}
	.mempop_check {
		width: 150px;
		line-height: 50px;
		font-size: 22px;
		margin: 0 auto 40px;
	}

	




}

@media (min-width: 845px){
	#footer .inner {margin-right: 120px; margin-left: 120px;}
}
@media (min-width: 1024px){
	html, body{
		position: relative;
		width: 768px;
		margin: 0 auto;
	}
	#header{
		max-width: 768px;
		margin: 0 auto;
	}
	#footer .inner {margin-right: 20px; margin-left: 20px;}
}