@charset "utf-8";
/* For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life.-Jhon3:16- */
/* HTML5 display-role reset for older browsers */
*:focus { outline: none; }
main,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
hr{box-sizing:content-box;height:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}

html,body,input,select,textarea,td,th,p,div,h1,h2,h3,h4,h5,h6,ul,li,dt,dd,a,form, label,strong,small,table{font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;line-height:1.5em; vertical-align: baseline;}
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,dt,dl,a,img, input, table, td, tr, th,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video,div, span,
object, iframe,abbr, address, big, cite, code,del, dfn, em, img, ins, small, strike, strong, sub, sup, var, center{margin:0; padding:0;border: 0;font-size: 100%;vertical-align: baseline;}
a{text-decoration:none; color:inherit; display:inline-block;  cursor:pointer;}
a:link, a:visited, a:active{text-decoration:none;}
ul, dl{list-style:none;}
img, input, select{border:none; vertical-align:middle;}
.clearfix{zoom:1}
.clearfix:after{clear:both; display:block; content:""; height:0px; visibility:hidden;}
.ellipsis{ overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

/* table */
table {border-collapse:collapse; border-spacing: 0;}
th, td { border-collapse:collapse; border-spacing: 0; vertical-align:middle;}
/* form */
form, fieldset { display:inline; }
textarea{vertical-align:top; text-align:left; border:none;}
fieldset, blockquote, iframe, button{ border:none; }
/* 아이폰의 input 라운드 초기화 *//* form 요소의 디바이스 기반 스타일 초기화 */
input[type=text]{border-radius:0px 0px;-moz-appearance:none;-webkit-appearance:none;appearance: none;}
select{border-radius:0px 0px;-moz-appearance:none;-webkit-appearance:none;appearance: none;}
select::-ms-expand { display: none;}/*IE 10,11의 네이티브 화살표숨기기*/
/*텍스트 size 자동 조정 기능*/f
body{
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none
	}
/*모바일 링크연결,이미지저장,하이라이트 비활성화*/
html,body{
 -webkit-touch-callout : none;
/* -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select : none;*/
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img, video{ max-width:100%; height:auto; }
.browsehappy{width:100%; position:fixed;top:150px;left:0; text-align:center;padding:20px 0;z-index:20000;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.browsehappy a{color:#F30;}
.browsehappy a.xx{color:#630;font-size:14px; }
/*input[placeholder]{color:#ccc!important;font-size:14px;font-size:1rem; }
-webkit-input-placeholder{color:#ccc!important;font-size:14px;font-size:1rem; }
-moz-input-placeholder{color:#ccc!important;font-size:14px;font-size:1rem;}
-ms-input-placeholder{color:#ccc!important;font-size:14px;font-size:1rem;}*/
/**********************반응형 기본 구조*******************************/
@media screen and (min-width:1240px){.container{width:1200px;margin:0 auto;}}
@media (min-width:768px) and (max-width:1239px){.container{padding:0 20px;}}
@media (max-width:767px){.container{padding:0 10px;}}


@media screen and (min-width:1240px){.maincontainer{width:100%;margin:0 auto;}}
@media (min-width:768px) and (max-width:1239px){.maiincontainer{padding:0 20px;}}
@media (max-width:767px){.maincontainer{padding:0 10px;}}



.visible-M, .visible-sM, .visible-G{display:none!important}
@media (max-width:767px){.visible-M{display:block!important}.hidden-M{display:none!important}}
@media (min-width:501px) and (max-width:767px){.visible-G{display:block!important}}
@media (max-width:500px){.visible-sM{display:block!important}.hidden-sM{display:none!important}}

@media (max-width:360px){html{font-size:11px;}}
@media (min-width:361px) and (max-width:767px){html{font-size:12px;}}
@media (min-width:768px) and (max-width:1199px){html{font-size:13px;}}
@media (min-width:1200px){html{font-size:14px;}}

/****************폰트**********************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@fontface{
	font-family:'Nanum Gothic';font-style:normal;
	src:url(../fonts/NanumGothic.eot);
	src:url(../fonts/NanumGothic.eot) format('embedded-opentype'),
		url(../fonts/NanumGothic.woff) format('woff'),
		url(../fonts/NanumGothic.ttf) format('truetype');
	}
@font-face { 
   font-family:'Nanum Barun Gothic'; font-style: normal;  
   src: url(../fonts/NanumBarunGothic.eot); 
   src: url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), 
        url(../fonts/NanumBarunGothic.woff2) format('woff2'), 
        url(../fonts/NanumBarunGothic.woff) format('woff'), 
        url(../fonts/NanumBarunGothic.ttf) format('truetype'); 
 }
@font-face { 
   font-family: 'Nanum Barun Gothic'; font-weight: 200; 
   font-style: normal; 
   src:url(../fonts/NanumBarunGothicUltraLight.eot); 
   src: local(../fonts/Nanum Barun Gothic UltraLight), 
        local(../fonts/NanumBarunGothicUltraLight), 
        url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'), 
        url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'), 
        url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'), 
        url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype'); 
}  
 @font-face { 
   font-family: 'Nanum Barun Gothic'; font-weight: 300; 
   font-style: normal; 
   src:url(../fonts/NanumBarunGothicLight.eot); 
   src: local(../fonts/Nanum Barun Gothic Light), 
        local(../fonts/NanumBarunGothicLight), 
        url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'), 
        url(../fonts/NanumBarunGothicLight.woff2) format('woff2'), 
        url(../fonts/NanumBarunGothicLight.woff) format('woff'), 
        url(../fonts/NanumBarunGothicLight.ttf) format('truetype'); 
 } 

@font-face {
 font-family: 'Nanum Myeongjo';
 font-style: normal;
 src: url(../fonts/NanumMyeongjo-Regular.eot);
 src: url(../fonts/NanumMyeongjo-Regular.eot) format('embedded-opentype'),
 url(../fonts/NanumMyeongjo-Regular.woff) format('woff'),
 url(../fonts/NanumMyeongjo-Regular.ttf) format('truetype');
}