@charset "utf-8";

*{-webkit-text-size-adjust:none;}
* { max-height:1000000px; }

/* webfont */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@font-face{ 
	font-family: 'NotoSans';
	src: url('../../publish/common/fonts/NotoSans.eot');
	src: url('../../publish/common/fonts/NotoSans.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/NotoSans.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-black';
	src: url('../../publish/common/fonts/notokr-black.eot');
	src: url('../../publish/common/fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-black.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-bold';
	src: url('../../publish/common/fonts/notokr-bold.eot');
	src: url('../../publish/common/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-bold.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-demilight';
	src: url('../../publish/common/fonts/notokr-demilight.eot');
	src: url('../../publish/common/fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-demilight.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-light';
	src: url('../../publish/common/fonts/notokr-light.eot');
	src: url('../../publish/common/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-light.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-medium';
	src: url('../../publish/common/fonts/notokr-medium.eot');
	src: url('../../publish/common/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-medium.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-regular';
	src: url('../../publish/common/fonts/notokr-regular.eot');
	src: url('../../publish/common/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-regular.woff') format('woff')
}
@font-face{ 
	font-family: 'notokr-thin';
	src: url('../../publish/common/fonts/notokr-thin.eot');
	src: url('../../publish/common/fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/notokr-thin.woff') format('woff')
}

@font-face{ 
	font-family: 'DOHYEON';
	src: url('../../publish/common/fonts/BMDOHYEON_ttf.eot');
	src: url('../../publish/common/fonts/BMDOHYEON_ttf.eot?#iefix') format('embedded-opentype'),
	     url('../../publish/common/fonts/BMDoHyeon.woff') format('woff')
}

@font-face {
    font-family:'NanumGothic';
    font-weight: normal;
    font-style: normal;     
    src: url('../../publish/common/fonts/WNanumGothic.eot');
    src: url('../../publish/common/fonts/WNanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../../publish/common/fonts/WNanumGothic.woff') format('woff'),
         url('../../publish/common/fonts/WNanumGothic.ttf') format('truetype');
}

/*나눔 고딕 Bold*/
@font-face {
    font-family:'NanumGothicBold';
    font-weight: bold;
    font-style: normal;     
    src: url('../../publish/common/fonts/WNanumGothicBold.eot');
    src: url('../../publish/common/fonts/WNanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../../publish/common/fonts/WNanumGothicBold.woff') format('woff'),
         url('../../publish/common/fonts/WNanumGothicBold.ttf') format('truetype');
}

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.png24{behavior: url("iepngfix.htc")} 
.f_na{font-family:'Nanum Gothic', '나눔고딕', dotum,"돋움",sans-serif !important;}
.f_nb{font-family:'nanum-gothicB', '나눔고딕', dotum,"돋움",sans-serif !important;}
.f_a{font-family:'arial',sans-serif !important;}
.f_n_b{font-family:'notokr-bold';}
.f_n_m{font-family:'notokr-medium';}
.mr0{margin-right:0 !important;}
.mt20{margin-top:20px !important;}
.bg_none{background:none !important;}
.bl0{border-left:none !important;}
.br0{border-right:none !important;}
.bt0{border-top:none !important;}
.bb0{border-bottom:none !important;}
.mt0{margin-top:0 !important;}
.mt7{margin-top:7px !important;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt50{margin-top:50px !important;}
.mt70{margin-top:70px !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb20{margin-bottom:20px !important;}
.pt0{padding-top:0 !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}
.pb70{padding-bottom:70px !important;}
.pl0{padding-left:0 !important;}
.pl20{padding-left:20px !important;}
.pr0{padding-right:0 !important;}
.pl14{padding-left:14px !important;}
.txt_c{text-align:center !important;}
.txt_l{text-align:left !important}
.w240{width:240px !important;}
.lh21{line-height:21px !important;}
.h250{height:250px !important}
.w100{width:100px !important;}
.w273{width:273px !important;}


.c_de{cursor:default}
.ellipsis {width:215px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


/* Default */
*{margin:0px;padding:0px;list-style:none;border:0;max-height:1000000px;-webkit-text-size-adjust:none;}
body{color:#444;background-color:#fff; font-size:12px;overflow-x:hidden; -webkit-text-size-adjust:none;
	font-family:'notokr-regular','notokr-light', 'NotoSans', 'notokr-regular','Nanum Gothic', '나눔고딕','Noto serif','serif', dotum,"돋움",sans-serif; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;}
ul,ol,li{list-style:none;}
/*h1,h2,h3,h4,h5,h6{font-size:100%;}*/
hr{display:none;}
fieldset{border:none; vertical-align:top;}
legend, caption {display:none;font-size:0;line-height:0;}
textarea{vertical-align:middle; text-align:left;}
button{vertical-align:middle; text-align:center; cursor:pointer}

/* Table */
table {font-size:12px;font-family:'NotoSans', 'notokr-regular','Nanum Gothic', '나눔고딕', dotum,"돋움",sans-serif;*border-collapse:collapse;border-spacing:0;}
th{font-size:12px;font-family:'NotoSans', 'notokr-medium','Nanum Gothic', '나눔고딕', 'ng', 'ng02', dotum,"돋움",sans-serif;vertical-align:middle;text-align:center;}
caption{display:none;}

/* Link */
a{text-decoration:none;}
/*a:hover,a:active,a:focus{color:#000; outline:0;}*/
/*a:hover {text-decoration:none;color:#ea5411;}*/

/* img */
img {border:0;vertical-align:middle;}

/* Form */
input, select{font-size:12px;font-family:'Nanum Gothic', '나눔고딕', dotum,"돋움",sans-serif;color:#666;vertical-align:middle;}
select {font-weight:bold;}
textarea{font-size:12px;padding:3px 3px 2px 3px;font-family:'Nanum Gothic', '나눔고딕',dotum,"돋움",sans-serif;color:#666;background:#fff;border:1px solid #cfcfcf;}
form{margin:0px;padding:0px;border:0;}

/* ETC */
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* html5 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block} 

/*color*/
.orange{color:#fa5911 ! important;}
.red{color:#ED4323 ! important;}
.blue{color:#505b9e !important; font-family:'notokr-medium' !important;}
.black{color:#000 ! important;}
.white{color:#fff ! important;}
.yellow{color:#FFA25E ! important;}
.green{color:#3F9D46 ! important;}
.skyblue{color:#6BAFE0 ! important;}
.gray{background-color:#888 ! important;}
.gray02{color:#454149 ! important;}
.pink {color:#EE2C58 ! important;}
.c-red{	color:#FF0000 !important;	}
.font11{	font-size:11px !important;	}

.fl{float:left ! important;}
.fr{float:right ! important;}
.pr{position:relative ! important;}
.pa{position:absolute ! important;}
.pf{position:fixed ! important;}
.tl{text-align:left ! important;}
.tr{text-align:right ! important;}
.tc{text-align:center ! important;}
.fb{font-weight:bold ! important;}

/* ellipsis */
.strcut{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* @clear fix */
* html .clfix { height: 1%; overflow: visible;} /* float clearing for IE6 */
*+html .clfix{ min-height: 1%;} /* float clearing for IE7 */
.clfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /* float clearing for everyone else */

.ofhidden{overflow:hidden;}
.hide{text-indent:-9999px;}
/*
body{
  scrollbar-base-color: #222;
  scrollbar-3dlight-color: #222;
  scrollbar-highlight-color: #474747;
  scrollbar-track-color: #222;
  scrollbar-arrow-color: #4e4e4e;
  scrollbar-face-color: #4e4e4e;
  scrollbar-shadow-color: #474747;
  scrollbar-dark-shadow-color: #222222;
}
*/

/*chrome scroll
::-webkit-scrollbar { backrground-color:#888; height:9px; width:9px;}
::-webkit-scrollbar-button {display:none;  background-color: #bebebe; }
::-webkit-scrollbar-track {  background-color: #888;}
::-webkit-scrollbar-track-piece { background-color: #888;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #bebebe; border:1px solid #979797;}
::-webkit-scrollbar-corner { background-color: #888;}
::-webkit-resizer { background-color: #888;}
*/

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 7px;
}

::-webkit-scrollbar:horizontal {
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 5px;
    border: 1px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 5px;  
    background-color: #ffffff; 
}

.border_box {
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;
}

.reading {
	letter-spacing: -0.01em;
    word-spacing: 0.14em;
}

.now_loading{
    background-image: url(/common/img/loading_new3.gif);
    background-repeat: no-repeat;
    background-position-x: center;
	background-position-y: 77px;

    min-height: 210px;    
	width:100%;

	top:0px;
	left:0px;
	position:absolute;

	z-index:999;
}

/*한줄에*/
.in_one_line { 	display:inline-block; *display:inline; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }