/*default setting*/
* { margin:0; padding:0;}

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); .nanummyeongjo * { font-family: 'Nanum Myeongjo', serif; }

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }


@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);

html{line-height:0; height:100%;} /* opera 10 */
html:first-child select{padding-right:6px; } /* Opera 9 & Below Fix */

blockquote, pre, abbr, address, big, cite, code, del, dfn, em, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, 
body, div, h1, h2, h3, h4, h5, h6, p, dt, dd, li, table, caption, tr, th, td, a, input, select, textarea {
font-family:'Noto Sans KR', Apple SD Gothic Neo,Arial,Trebuchet MS, Helvetica, sans-serif; font-weight:normal;}

body{height:100%;}
th, td, span, div, p, textarea, input, select {font-size:25px; line-height:160%;}
textarea{border:1px solid #ddd; padding:5px;}

table{border-collapse:collapse; border-spacing:0;}
table caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


img, fieldset, button{border:none;}
span, input {vertical-align:middle;}
select {border:solid 1px #ccc;}

ol, ul, li, dl,dt,dd, p {margin:0;padding:0;list-style:none;  word-break:keep-all;}

a {text-decoration:none;}
/*a:link {color:#fff;}*/
/*a:visited{color:#999;}
a:hover, a:active {color:#333;}*/


img, input, select{ vertical-align:middle; }


option{padding-right:6px;} /* Firefox Fix */
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


/*새로운 css*/

.clearfix:after {content: ''; clear: both; display: block;	}


/* 폰트스타일 */
.b16 {font-size: 23px; font-weight: 400; color:#222; }
.b18 {font-size: 25px; font-weight: 400; color:#222; }
.b20 {font-size: 28px; font-weight: 500; color:#222;  }
.b22 {font-size: 30px; font-weight: 600; color:#222; }


.over{overflow:hidden}


.gray {background-color:#c2c2c2; color:#fff; padding:5px 10px; font-weight:700}
.gray:hover {background-color:#fff}

.b{font-weight:600; vertical-align:baseline; }

.f_black {color:#333;}


/* 마진 */ 

.mg20 {margin: 20px 0;}
.mg30 {margin: 30px 0;}

.mgT30 {margin-top:30px;}

.mgB0 {margin-bottom: 0 !important;}
.mgB10 {margin-bottom: 10px !important; }
.mgB15 {margin-bottom: 15px !important;}
.mgB20 {margin-bottom: 20px !important;}
.mgB30 {margin-bottom: 30px !important;}
.mgB40 {margin-bottom: 40px !important;}
.mgB50 {margin-bottom: 50px !important;}


.mgR10 {margin-right: 10px;}
.mgR20 {margin-right: 20px;}
.mgR25 {margin-right: 25px;}
.mgR30 {margin-right: 30px;}


/* 패딩 */
.pdT100 {padding-top:100px}
.pdT50 {padding-top:50px}
.pdT40 {padding-top:40px}
.pd50 {padding:50px 0}
.pdT10 {padding-top:10px}
.pdT20 {padding-top:20px}
.pdB20 {padding-bottom:20px}
.pdB30 {padding-bottom:30px}
.pdT30 {padding-top:30px}
.pdB50 {padding-bottom:50px}


/* 간격 */
.pdT30 {padding-top: 30px;}

/* 정렬 */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.clear {clear:both !important}
.floatL {float:left;}
.floatR {float:right;}

.fl_left{float:left;}
.fl_right {float:right;}


/* 칼라 */
.yellow {color:#fbe705 !important}
.black {background-color:222; color:#fff;}
.red{color:#d8050d; font-weight:bold}
.grey{font-size:23px; color:#666}
.blue{color:#1d6aa2 !important}}

.btn {position:absolute;right:60px;}
/* 칼라*/
.White{color:#fff}


/*간격*/
.mt70 {margin-top:70px !important;}
.mb70 {margin-bottom: 70px;}
.mb0 {margin-bottom: 0px !important;}


/*넓이*/
.w100 {width:100%;}


.clear{clear:both}

/* 개인정보취급방침 */
.cont_rule {font-weight:normal}
.cont_rule li{font-size:14px; line-height:26px; margin:0; color:#666}
.company{color:#222}

.panel{padding:20px 25px; border:1px solid #e6e6e6;	border-radius:3px; background-color:#fafafa; letter-spacing:-0.2px;	margin-top:20px;}
.panel span{color:#666}
.r_box {position:relative;}

.panel p {line-height:26px; font-weight:normal; color:#666;}
.panel .tit {line-height:26px; font-size:15px; margin:5px 0; color: #222; font-weight:normal;}
.tit_sub{ font-size:23px; padding:20px 0; font-weight:normal}
.tit_rule{font-size:14px; font-weight:normal; margin:10px 0; color:#333}
.cont_rule p{ color:#666;}


.tb_board {width:100%; font-size:14px; table-layout:fixed;	border-top:1px solid #c8c8c8; background-color: #fff; margin:20px 0 0 0;}
.tb_board th {background-color:#eaeaea; border-bottom:1px solid #c8c8c8; height:45px; color:#666; vertical-align:middle; text-align:center;	font-size: 14px; font-weight:normal}
.tb_board tbody td {padding:12px 6px; line-height: 26px; border-bottom:1px solid #e2e2e2;  color:#666; vertical-align:middle; text-align:center;	font-size: 14px; font-weight:normal}

.cont_rule dl{line-height:26px; color:#666}
.cont_rule dd{line-height:26px; color:#666}


.img{width:100%}


/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:100%; height:380px; background:#444; padding-top: 30px; }
#footer_wrap #footer {margin:auto; width:94%; padding-top:30px; text-align:center;}
#footer address {font-weight: 400; font-style:normal; color:#fff; font-size: 23px; line-height: 30px; font-weight: 300; }
#footer .copyright {color:#fff; text-transform:uppercase; font-size:23px; display:block; margin-top:24px; font-weight: 300;}
#footer .f_tit {font-weight: 600; font-size: 25px; margin-bottom: 15px; display: block;}

/* 퀵메뉴 */
.btm_btns {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 120px;
    background: #7b7d90;}

.btm_btns li.menu01 { background-image: url(../images/f01.png);}
.btm_btns li.menu02 { background-image: url(../images/f02.png);}
.btm_btns li.menu03 { background-image: url(../images/f03.png);}
.btm_btns li.menu04 { background-image: url(../images/f04.png);}
.btm_btns li.menu05 { background-image: url(../images/f05.png);}


.btm_btns li { float: left; width: 20%; height: 120px; background-position: center center; background-repeat: no-repeat;}
.btm_btns li a {display: block; height: 100%; font-size:0px; border-left: solid 1px #fff;}
.btm_btns li:first-child a {border: none;}