@charset "utf-8";
@import "ionicons.min.css";
@import "board.css";
@import "main.css";
@import "contents.css";
@import "layout.css";
@import "layout_rwd.css";


/*폰트 시작*/
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(/css/font/NanumGothic.eot); /*ie 4-6*/
	src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'), /*ie 9*/
	url(/css/font/NanumGothic.woff) format('woff'), /*ie9 FF Chrome safari*/
	url(/css/font/NanumGothic.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumGothicBold';
	font-style: normal;
	font-weight: 700;
	src: url(/css/font/NanumGothicBold.eot);
	src: url(/css/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(/css/font/NanumGothicBold.woff) format('woff'),
	url(/css/font/NanumGothicBold.ttf) format('truetype');
}
/* 폰트 끝 */

/* 리셋 시작 */
html{font-family:"NanumGothic","Nanum Gothic","나눔고딕",Dotum,"돋움",Arial, sans-serif;}
html,body{height:100%; -webkit-text-size-adjust:none;  font-size:13px; background:#fff; word-break:break-all;}
body,input,select,button,textarea,h1,h2,h3,h4,h5,h6,table{line-height:1.231; font:inherit; color:inherit;}
html,body,div,form,input,select,button,textarea,legend,fieldset,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,blockquote,address,p,th,td,caption
{ margin:0; padding:0;-webkit-text-size-adjust:none;}

body{height: auto;}

ul,li,ol,li,nav{list-style:none;}
img {vertical-align:top; border:0}
fieldset{border:0 none;}

hr{display:none;}
legend,.hidden{width:0; height:0; visibility:hidden; font-size:0;  line-height:0; position:absolute; top:0; left:0; overflow:hidden;}

table caption{width:0; height:0; visibility:hidden; text-indent:-9999em; font-size:0; line-height:0;}
table, th, td{border-collapse:collapse; border-spacing:0;  padding:0; border:0;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;}
a,em,address{color:inherit; text-decoration:none; font-style:normal;}

/* 리셋 끝 */


/***** align *****/
.tc{text-align:center !important; }
.tl{ text-align:left !important; }
.tr{ text-align:right !important; }
.ell{overflow:hidden; word-break:break-all; text-overflow:ellipsis;}

.fl{float:left !important;}
.fr{float:right !important;}
.cl {clear:both; display:block; height:0;}
.cf:after{display:block;content:'';clear:both;}


.pointer {cursor:pointer;}
.hidden {display:none!important;}

/***** color *****/
.color_sky {color:#19a5eb !important;}/*진한 하늘색*/
.color_sky2 {color:#79b9f9 !important;}/*옅은하늘색*/
.color_4rg {color:#fa9152 !important;}
.color_red {color:#f04c77 !important;}
.color_org {color:#f04c77 !important;}
.color_blue {color:#09C !important;}
.color_blue2 {color:#0066a6 !important;}
.color_green {color:#56b145 !important;}
.color_gray {color:#666 !important;}


.bg_sky {background:#189de0 !important;}
.bg_org {background:#d83d00 !important;}
.bg_yellow {background:#edb419 !important;}
.bg_blue {background:#09C !important;}
.bg_blue2 {background:#0066a6 !important;}
.bg_green {background:#56b145 !important;}
.bg_gray {background:#939393 !important;}


/***** skip *****/
.skip {position:absolute; width:100%; margin:0 auto; z-index:999;}
.skip a {display:block; height:1px; margin-bottom:-1px; overflow:hidden; white-space:nowrap; width:1px;}
.skip dt{ width:1px; height:1px; font-size:0px; visibility:hidden; float:left; position:absolute; text-indent:-9999px;}
.skip dd{float:left;}
.skip a:focus, .skip a:active {height:18px; width:130px;background: #fff; padding:5px; color:#000; text-align:center; font-weight:600; margin:0;}


/****** drag - 드래그했을때 컬러변경 ******/
*::selection {background: #5a6b89; color: #fff;}


/****폼스타일****/
input,select,textarea{
	vertical-align:middle;
	resize:none;
	position:relative;
}
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="email"],input[type="tel"],textarea{
	-webkit-appearance:none;
	font-size:13px;
	border:1px solid #d7d8dd;
	color:#393f48;
	background:#fff;
    height: 33px;
    line-height: 24px;
    box-sizing:border-box;
	padding:5px 18px 5px 10px;
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:5px 18px 5px 10px;
	border:1px solid #d7d8dd;
	color:#393f48;
	background:#fff;
    height: 33px;
    line-height: 24px;
    box-sizing:border-box;
	font-size:13px;
    background:url(/images/sbicons-selectbox.png) no-repeat 99% 50% #fcfdff;
}

select::-ms-expand {display:none;}


input[type="password"]{
	font-family:sans-serif;
}
label{
	vertical-align:middle;
}
input::placeholder{
	color:#999;
}
button{
	border:0 none;
	background:#357acd;
    color: #fff;
	cursor:pointer;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    vertical-align: middle;
    font-size: 13px;
}


/***** padding *****/
.pa5{padding: 5px 5px 5px 5px !important;}
.pa10{padding: 10px 10px 10px 10px !important;}
.pa15{padding: 15px 15px 15px 15px !important;}
.pa20{padding: 20px 20px 20px 20px !important;}
.pa25{padding: 25px 25px 25px 25px !important;}
.pa30{padding: 30px 30px 30px 30px !important;}
.pa35{padding: 35px 35px 35px 35px !important;}
.pa40{padding: 40px 40px 40px 40px !important;}
.pa45{padding: 45px 45px 45px 45px !important;}
.pa50{padding: 50px 50px 50px 50px !important;}

.pt5{padding-top:5px !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;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}


/***** margin *****/
.ma5{margin: 5px 5px 5px 5px !important;}
.ma10{margin: 10px 10px 10px 10px !important;}
.ma15{margin: 15px 15px 15px 15px !important;}
.ma20{margin: 20px 20px 20px 20px !important;}
.ma25{margin: 25px 25px 25px 25px !important;}
.ma30{margin: 30px 30px 30px 30px !important;}
.ma35{margin: 35px 35px 35px 35px !important;}
.ma40{margin: 40px 40px 40px 40px !important;}
.ma45{margin: 45px 45px 45px 45px !important;}
.ma50{margin: 50px 50px 50px 50px !important;}

.mt5{margin-top:5px !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;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !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;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}


.w5 {width: 5%;}
.w6 {width: 6%;}
.w7 {width: 7%;}
.w8 {width: 8%;}
.w9 {width: 9%;}
.w10 {width: 10%;}
.w11 {width: 11%;}
.w12 {width: 12%;}
.w13 {width: 13%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w16 {width: 16%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w19 {width: 19%;}
.w20 {width: 20%;}
.w21 {width: 21%;}
.w22 {width: 22%;}
.w23 {width: 23%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w26 {width: 26%;}
.w27 {width: 27%;}
.w28 {width: 28%;}
.w29 {width: 29%;}
.w30 {width: 30%;}
.w31 {width: 31%;}
.w32 {width: 32%;}
.w33 {width: 33%;}
.w34 {width: 34%;}
.w35 {width: 35%;}
.w36 {width: 36%;}
.w37 {width: 37%;}
.w38 {width: 38%;}
.w39 {width: 39%;}
.w40 {width: 40%;}
.w41 {width: 41%;}
.w42 {width: 42%;}
.w43 {width: 43%;}
.w44 {width: 44%;}
.w45 {width: 45%;}
.w46 {width: 46%;}
.w47 {width: 47%;}
.w48 {width: 48%;}
.w49 {width: 49%;}
.w50 {width: 50%;}
.w51 {width: 51%;}
.w52 {width: 52%;}
.w53 {width: 53%;}
.w54 {width: 54%;}
.w55 {width: 55%;}
.w56 {width: 56%;}
.w57 {width: 57%;}
.w58 {width: 58%;}
.w59 {width: 59%;}
.w60 {width: 60%;}
.w61 {width: 61%;}
.w62 {width: 62%;}
.w63 {width: 63%;}
.w64 {width: 64%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w67 {width: 67%;}
.w68 {width: 68%;}
.w69 {width: 69%;}
.w70 {width: 70%;}
.w71 {width: 71%;}
.w72 {width: 72%;}
.w73 {width: 73%;}
.w74 {width: 74%;}
.w75 {width: 75%;}
.w76 {width: 76%;}
.w77 {width: 77%;}
.w78 {width: 78%;}
.w79 {width: 79%;}
.w80 {width: 80%;}
.w81 {width: 81%;}
.w82 {width: 82%;}
.w83 {width: 83%;}
.w84 {width: 84%;}
.w85 {width: 85%;}
.w86 {width: 86%;}
.w87 {width: 87%;}
.w88 {width: 88%;}
.w89 {width: 89%;}
.w90 {width: 90%;}
.w91 {width: 91%;}
.w92 {width: 92%;}
.w93 {width: 93%;}
.w94 {width: 94%;}
.w95 {width: 95%;}
.w100 {width: 100%;}