@charset "UTF-8";

@import url('icon-font.css');
@import url('components.css');
@import url('../event.css');


/* font */
@font-face {
	font-family:"MG";
	font-style:normal;
	src:url(../../fonts/MalgunGothic.eot);
	src:local("MalgunGothic"), local("Malgun Gothic"),
	url(../../fonts/MalgunGothic.eot?#iefix) format("embedded-opentype"),
	url(../../fonts/MalgunGothic.woff) format("woff"),
	url(../../fonts/MalgunGothic.ttf) format("truetype");
}


/* @ reset ------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, button,  textarea, input { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; }
body { font-family:"MG", Dotum,"돋움",Gulim,"굴림","Helvetica Neue",Helvetica,Arial,Verdana,Tahoma,sans-serif; font-size: 13px; line-height: 1.2; color: #666; letter-spacing: -0.5px; font-size-adjust: none; word-break: break-all; -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
em { font-style: normal; }
p { line-height: 1.2; }
img { width: 100%; }
input { -webkit-appearance: none; background: transparent; -webkit-border-radius: 0; border-radius: 0; }
textarea {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px !important; min-height: 104px; width: 100%; border: 1px solid #ccc !important; color: #222;  font-size: 13px; line-height: 13px;}
em { font-style: normal; }
img, fieldset { vertical-align: top; }
*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/* 아이폰 가로모드시 글씨 커지는 문제 */
* { -webkit-text-size-adjust: none; }

/* 아이폰 input 박스선 없애기 */
/* input */
input[type="tel"],input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="email"],input[type="search"],input[type="image"] {-webkit-box-sizing:border-box; box-sizing:border-box; padding:7px 10px; height:40px; border:1px solid #ccc; background:#fff; color:#222; vertical-align:middle; font-size:13px; line-height:13px;}

/* link */
a { color: #222; text-decoration: none; }
a:hover, a:focus, a:active, a:visited { text-decoration: none; }

/* align */
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-center { text-align: center !important; }
.txt-center td {text-align:center;}
.txt-left tbody th {padding-left:10px !important; text-align:left;}

/**/
h3.title { margin:28px 0 15px; color: #000; text-align: center; font-size: 25px; font-family: "KTB", "Malgun Gothic", "맑은 고딕", "MG", sans-serif;}
h3.title + p { margin-bottom: 20px; color: #454545; text-align: center; font-size: 15px;}
.contents-area {padding:0 15px;}
.screen-out {left:-9999px; width:0.01em; height:0.01em; font-size:0.1em; line-height:0.01em; overflow:hidden;}

/* bx-slider reset */
.bx-wrapper { padding: 0; margin: 0; border: none; box-shadow: none;}
.bx-wrapper .bx-pager { padding: 0; bottom: -25px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; background: #fff; border: 1px solid #000; margin: 0 3px;}

/* util - css */

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

/* padding */
.pt15 {padding-top:15px !important;}