@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');


/*Common*/
*{margin:0;padding:0;  box-sizing: border-box;}
html,body{width:100%;height:100%;  margin: 0 auto; }
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option,a,b{color:#555;font-family: Apple SD Gothic Neo,Roboto,Arial Helvetica,sans-serif; font-size:15px; font-weight:300; line-height: 1.6; color: #212121;	}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow	:auto}
/*html:first-child select{height:20px;padding-left: 10px;}*/
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;height:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
pre{    font-family: "Noto Sans KR",sans-serif;}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

/* ///////////////////////////// common  ///////////////////////////// */
#bg{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 15;
	background:rgba(0,0,0,0.6) ;
	display: none;
	}
.noto{font-family: "Noto Sans KR",sans-serif !important;}
.en{font-family: 'Roboto', sans-serif !important;}

/*font-weight*/
.f_w1{ font-weight:100 !important} 
.f_w3{ font-weight:300 !important} /* light */
.f_wn{ font-weight:normal !important} /* regular */
.f_w5{ font-weight:500 !important} /* demi */
.f_wb{ font-weight:bold !important} /* bold */
.f_w9{ font-weight:900 !important} /* black */

.bold{font-weight: 700;}
.Ebold{font-weight: 800;}

/* font-size: */
.fs0{font-size:0px !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;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs24{font-size:24px !important;}
.fs34{font-size:34px !important;}
.fs38{font-size:38px !important;}
.fs42{font-size:42px !important;}

/* color */
.c000{color:#000 !important;}
.c111{color:#111 !important;}
.c222{color:#222 !important;}
.c333{color:#333 !important;}
.c444{color:#444 !important;}
.c555{color:#555 !important;}
.c666{color:#666 !important;}
.c777{color:#777 !important;}
.c888{color:#888 !important;}
.c999{color:#999 !important;}
.cfff{color:#fff !important;}
.c20{color: #202020 !important;}
.c21{color: #212121 !important;}
.c65{color:#656565 !important;}
.c_blue{color:#085885 !important;}
.c_purple{color: #e83a95 !important;}
.bg_blue{background: #085885 !important;}
.c_pink{color: #ee4848 !important;;}
.bg_darkGray{background: #212121 !important;}
/* line-height */
.lh1{line-height:1em !important;}
.lh11{line-height:1.1em !important;}
.lh12{line-height:1.2em !important;}
.lh13{line-height:1.3em !important;}
.lh14{line-height:1.4em !important;}
.lh15{line-height:1.5em !important;}
.lh16{line-height:1.6em !important;}
.lh17{line-height:1.7em !important;}
.lh18{line-height:1.8em !important;}
.lh19{line-height:1.9em !important;}
.lh40{line-height: 40px;}
/*margin-top*/
.mt5_{margin-top:-5px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:100px !important;}
.mt150{margin-top:150px !important;}

/*margin-bottom*/
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}
.mb250{margin-bottom:250px !important;}
/*margin-left*/
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

/*margin-right*/
.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}

/*paddding-top*/
.pt0{padding-top: 0px !important;}
.pt10{padding-top: 10px !important;}

.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top: 55px !important;}
.pt60{padding-top: 60px !important;}
.pt65{padding-top: 65px !important;}
.pt70{padding-top: 70px !important;}
.pt75{padding-top: 75px !important;}
.pt80{padding-top: 80px !important;}
.pt85{padding-top: 85px !important;}
.pt90{padding-top: 90px !important;}
.pt95{padding-top: 95px !important;}
.pt100{padding-top: 100px !important;}


/*padding-bottom*/
.pb0{padding-bottom: 0px !important;}

.pl0{padding-left:0px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}


.overflow{overflow:hidden;}
.f_l{float:left;}
.f_r{float:right;}
.p_r{position: relative;}
.p_a{position: absolute;}
.p_f{position: fixed;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.dp_in{display:inline;}
.dp_inb{display:block;}
.dp_inb{
	display:inline-block;
	zoom:1;
	*display:inline;
	_display:inline;
	vertical-align:top;
	}
.dp_b{display: block !important;; }

.before:before,
.after:after{
	content:"";
	display:block;
	}

.upper{text-transform:uppercase}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
}
.ellipsis.multiline {
  white-space: normal;
}

/* 버튼 타입 */
.btnWrap{
	font-size: 0;
	text-align: center;
	}

.btn{
	display: inline-block;*display: inline;*zoom: 1;
	vertical-align: top;
	text-align: center;
	color: #808080;
	width: 210px;
	height: 60px;
	line-height:60px;
	border:1px solid #dfefff;
	font-size: 16px;
	font-weight:400;
	background: #fff;
	}

.btn img{margin-left: 13px; margin-top: -3px;}

/* 보터 컬러 */
.border{border:1px solid #3c465a !important;}
.borderT{border-top:1px solid #3c465a !important;}
.borderL{border-left:1px solid #3c465a !important;}
.borderR{border-right:1px solid #3c465a !important;}
.borderM{border-bottom:1px solid #3c465a !important;}

.borderN{border:none !important;}
.borderNT{border-top:none !important;}
.borderNL{border-left:none !important;}
.borderNR{border-right:none !important;}
.borderNM{border-bottom:none !important;}

.w2p{width:2% !important;}
.w3p{width:3% !important;}
.w5p{width:5% !important;}
.w10p{width: 10% !important;}
.w20p{width: 20% !important;}
.w30p{width: 30% !important;}
.w31p{width: 31% !important;}
.w32p{width: 32% !important;}
.w40p{width: 40% !important;}
.w50p{width: 50% !important;}
.w60p{width: 60% !important;}
.w70p{width: 70% !important;}
.w80p{width: 80% !important;}
.w90p{width: 90% !important;}
.w100p{width: 100% !important;}


#wrap{
	position: relative;
	width: 100%;
	max-width:1920px;
	margin: 0 auto;
	overflow:hidden;
	}
#header{
	padding:0 120px;
	padding-top: 38px;
	position: relative;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	}
#header h1{}
#header h1 a{}
#header h1 img{    max-width: 164px;}

.pt_nav{display: block;}
.m_nav{display: none;}





.p_ver{display: block !important;}
.t_ver{display: none !important;}
.m_ver{display: none !important;}
.p_ver_inb{display: inline-block !important;	}
.t_ver_inb{display: none !important;}
.m_ver_inb{display: none !important;}

.pt_ver{display: block !important;}
.pt_ver_inb{display: inline-block !important;	}
.tm_ver{display: none !important;}
.tm_ver_inb{display: none !important;}

/*
	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
	min-width: 760px 
	max-width: 1280px
	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

@media all and (max-width: 1279px) {
.p_ver{display: none !important;}
.t_ver{display: block !important;}
.m_ver{display: none !important;}
.p_ver_inb{display: none !important;	}
.t_ver_inb{display: inline-block !important;}
.m_ver_inb{display: none !important;}

.pt_ver{display: block !important;}
.pt_ver_inb{display: inline-block !important;	}
.tm_ver{display: block !important;}
.tm_ver_inb{display: inline-block !important;}

#header{
	padding:0 5%;
	padding-top: 15px;
	}



} /* max-width: 1280px */


/*
	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
	min-width: 768px 
	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/


@media all and (max-width: 759px) {

.p_ver{display: none !important;}
.t_ver{display: none !important;}
.m_ver{display: block !important;}
.p_ver_inb{display:none  !important;	}
.t_ver_inb{display: none !important;}
.m_ver_inb{display: inline-block !important;}

.pt_ver{display: none !important;}
.pt_ver_inb{display: none !important;	}
.tm_ver{display: block !important;}
.tm_ver_inb{display: inline-block !important;}


.pt_nav{display: none;}
.m_nav{display: block;}


#header h1{}
#header h1 img{width: 100px;}




} /*min-width: 768px */