@charset "utf-8";
 
@font-face {
    font-family: 'Montserrat';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeBA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
	font-family:'Pretendard';
	font-weight:200;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-Thin.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-Thin.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:300;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-Light.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:400;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-Regular.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:500;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-Medium.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:600;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-SemiBold.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:bold;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-Bold.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-weight:900;
	src:
			local(※), /* IE fix */
			url(/layouts/bluebDesign/fonts/Pretendard-ExtraBold.woff2) format('woff2'),
			url(/layouts/bluebDesign/fonts/Pretendard-ExtraBold.woff) format('woff');
}



body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family:'Pretendard', 'Noto Sans KR', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444;}

img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend {padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a{text-decoration:none; color:#333; }
a:visited{text-decoration:none;}
a:hover{text-decoration:none; }
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}


 

.pt100 { padding-top:100px}
.pb100 { padding-bottom:100px}
.mt100 { margin-top:100px}
.mb100 { margin-bottom:100px} 
.pt50 { padding-top:50px}
.pb50 { padding-bottom:50px}
.mt50 { margin-top:50px}
.mb50 { margin-bottom:50px} 


h1, h2, h3, h4, h5 {margin:0; padding:0}
ul {margin:0; padding:0}
ul li {list-style:none}

  
.ac { text-align:center;}

.main { position:relative; }
.main .Title {text-align:left} 
.main .Title h2 { letter-spacing: -2px; font-size:28px; font-weight:600; line-height:120%;margin-bottom:2%}
.main .Title h2 span {font-size:20px; font-weight:400; color:#444} 




/*전체레이아웃*/
.inner { width:1280px; margin:0 auto; position:relative;}

@media all and (max-width:1280px){
.inner { width:98%;}
}

@media (max-width:1280px) { 
.inner {width:97%}
}

@media (max-width:1100px) { 
.inner {width:96%}
.main .Title h2 { font-size:27px} 
}

@media (max-width:980px) { 
.inner {width:93%}
.main .Title h2 { font-size:26px} 
}

@media (max-width:680px) { 
.inner {width:90%; margin:0 auto; text-align:center}
.main .Title h2 { font-size:24px} 
} 
 
@media (max-width:480px) { 
.main .Title h2 { font-size:20px} 
}

 


html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;  width:100%;height:100%} 
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;} 
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
#wrap {width:100%;height:100%;margin:auto;position:relative}

/*헤드영역*/
#headerbg {width:100%;position:absolute;top:0;left:0;z-index:1}
#header {width:1000px;position:relative;top:0;left:0;z-index:2;margin:0 auto}
#header .logo {position:absolute;}
#header .logo h1 {margin:0 0 0 3px;padding:0;height:35px;}
#header .logo h1 a {font-weight:bold;color:#555;font-size:22px;font-family:nanumgothic,dotum;}
#header .gnb {position:absolute;padding:0;width:360px;text-align:right;}
#header .gnb ul {padding:0;margin:0;letter-spacing:-1px;}
#header .gnb li {list-style-type:none;display:inline;padding:5px 0 5px 10px;font:normal 11px "malgun gothic",dotum;}
#header .gnb .admin a {color:#ff0000;}
#header .headUserHtml {color:#fff}
#lnb {width:100%;position:absolute;margin:0 auto;z-index:2;}
#lnbbg {width:100%;position:relative;margin:0 auto;z-index:1}
#lnb .lnbWrap {width:1000px;margin:0 auto;}

#content {}
#content .subContent { padding:150px 0 100px 0; font-size:18px; letter-spacing:-1px; word-break:keep-all;}
#content .subContent .location { text-align:center;color:#999; padding-bottom:50px;display:none}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent .location  img{ vertical-align:middle;}
#content .subContent h3.subTitleSubject { text-align:left; padding:50px 0; color:#000; font-size:40px;}

@media all and (max-width:1250px){
#content .subContent { padding:130px 0 80px 0; font-size:17px;}
}

@media all and (max-width:980px){	
#content .subContent { padding:90px 0 80px 0; font-size:16px;}
#content .subContent .location,
#content .subContent .location a { font-size:16px}
#content .subContent h3.subTitleSubject {  padding:40px 0; font-size:30px;}
}

@media all and (max-width:680px){
#content .subContent { font-size:16px;}
#content .subContent .location,
#content .subContent .location a { font-size:15px}
#content .subContent h3.subTitleSubject {  padding:30px 0 10px 0; font-size:20px;}
} 

@media all and (max-width:480px){
#content .subContent { font-size:15px;}
#content .subContent .location,
#content .subContent .location a { font-size:14px}

}



/*--서브메뉴--*/
#content .snb {  position:relative;   width:100%}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#D4D4D4 solid 1px;}
#content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;}
#content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#content .snb .mybox .login .tabbox {}
#content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative}
#content .snb .mybox .login .tabbox .tp span.mcounter {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .tp span.mcounter1 {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .login .lbody {padding:8px;}
#content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#content .snb .mybox .login .lbody li .pic {float:left;width:35px;}
#content .snb .mybox .login .lbody li .info {float:left;width:130px;}
#content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;}
#content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma}
#content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px}
#content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {color:#313946;}
#content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;}
#content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category { position:relative;    z-index:2; width:100%;}
#content .snb .category h2 {margin:0 0 10px 0; display:none}
#content .snb .categorybg {background:#000; }
#content .snb .category ul {padding:0;margin:0; text-align:left;}
#content .snb .category li {display:inline-block; }

#content .snb .category .m2 {  vertical-align: top;} 
#content .snb .category .m2 a { display:block; height:50px; line-height:50px;  padding:0 25px 0 0; color:#000;} 
#content .snb .category .m2 a:hover {text-decoration:underline;}

#content .snb .category .m3 {  vertical-align: middle; margin-bottom:50px;} 
#content .snb .category .m3 a { display:block; height:auto; line-height:auto;  padding:0 15px 0 0 ; color:#333;}
#content .snb .category .m3 a:hover {text-decoration:underline;}
#content .snb .category .selected3 a {color:#000; text-decoration:underline; }
#content .snb .category .selected3 a:hover {color:#000;text-decoration:underline;}

#content .snb .category .selected2 a {color:#000;height:50px;line-height:50px;text-decoration:underline; }
#content .snb .category .selected2 a:hover {color:#000;text-decoration:underline;}
#content .snb .category .selected2 span.num { display:none}
#content .snb .category .selected2:before{ display:none;}

#content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;}
#content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;}
#content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;}
#content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;}
#content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;}
#content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;}
#content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;}
#content .snb .subcategorybg {background:#eee;  }
#content .snb .subcategory { height:50px; line-height:50px; border-top:none; }
#content .snb .subcategory li {display:inline-block; margin-left:-4px;}
#content .snb .subcategory li.m3 {font-weight:normal;font-size:15px;border-bottom:none; }
#content .snb .subcategory li.m3 a {font-weight:normal; color:#000;display:block;text-decoration:none; padding:0 25px 0 0;height:21px;line-height:21px; letter-spacing:-1px;}
#content .snb .subcategory li.m3:last-child a {padding:0}
#content .snb .subcategory li.m3 a:hover {text-decoration:underline;  color:#000;}
#content .snb .subcategory li.m3 img { display:none}

#content .snb .subcategory li.selected3 a {text-decoration:underline; color:#000; }
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {display:none; font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {display:none; font:normal 11px arial;color:#999;}

/*하단정보영역*/
#footerInfoWrap .newPhoto {fs22left:0;width:210px}
#footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff}
#footerInfoWrap .newPhoto .pic:hover{background:#ff6000}
#footerInfoWrap .newPhoto .pic img {width:54px;height:45px;}
#footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;}

#footerInfoWrap .newPost {position:absolute;left:250px;width:210px}
#footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPost ul {padding:0;margin:0;}
#footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newComment {position:absolute;left:250px;width:210px}
#footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newComment ul {padding:0;margin:0;}
#footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newNotice {position:absolute;left:250px;width:210px}
#footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newNotice ul {padding:0;margin:0;}
#footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter {
	-webkit-border-radius: 8px;	-moz-border-radius:8px;	border-radius: 8px;
	-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc);
}

#footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;}
#footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;}
#footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;}
#footerInfoWrap .postCalendar .sunday {color:#2B97D7;}
#footerInfoWrap .postCalendar .week {height:20px;}
#footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;}
#footerInfoWrap .postCalendar table {width:100%;}
#footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;}

#footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;}
#footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;}
#footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777}
#footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}

/*하단*/
#footer { padding:0 0 20px 0;position:absolute;left:0;display:block; z-index:2}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont { margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu {text-align:left;margin-bottom:20px;padding:0;}
#footer .footerCont div.footerMenu a { color:#ddd;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}

#footer .footerCont div.footerSiteInfo { text-align:left;margin:0 auto}
#footer .footerCont address {margin-top:20px; display:block; font-style:normal;color:#5f5f5f;text-align:left; }
#footer .footerCont .footerLogo {position:absolute;left:0;top:0}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

#footer .inner {position: relative;}
#footer .footSns {position: absolute; right: 0; top:0px;}
#footer .footSns a {color:#fff;position: relative; padding-right:13px; margin-right:10px;}
#footer .footSns a::before { content: ""; position: absolute; top:7px; right: 0; background-color: #5f5f5f; width:1px; height: 10px;}
#footer .footSns span:last-child a{ margin:0; padding:0}
#footer .footSns span:last-child a::before { display:none}

@media all and (max-width:1250px){
#footer { width:90%}
}

@media all and (max-width:980px){	
#footer { font-size:16px};
}

@media all and (max-width:680px){
#footer { font-size:15px;}
}

@media all and (max-width:480px){
#footer { font-size:14px;}

}


 




/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}

 
 
.img img {width:100%}
 


/*모바일 게시판 전체 css 속성*/
@media all and (max-width:580px){
	#bbslist thead tr th:nth-child(3) { display:none}
	#bbslist tbody tr td:nth-child(3)  { display:none} 
	#bbslist thead tr th:last-child { display:none}
	#bbslist tbody tr td:last-child { display:none}
	#bbslist input { color:#fff; border:0px; background:none; height:50px; font-size:18px}
}
   
@media all and (max-width:480px){
	#bbslist thead tr th:nth-child(1) { display:none}
	#bbslist tbody tr td:nth-child(1)  { display:none}   
	#bbslist thead tr th:nth-child(4) { display:none}
	#bbslist tbody tr td:nth-child(4)  { display:none}   
}
   

/*table*/
.BasicTable {border-collapse: collapse;border-spacing: 0;width: 100%;}
.BasicTable tr {background:#eee}
.BasicTable tr td { padding:20px; border-bottom:1px #fff solid; border-right:1px #fff solid;}
.BasicTable tr td:last-child { border-right:0px #fff solid;}

 

 /*갤러리 소개*/
 .page10 { text-align:left}
 .page10 p { line-height:160%}
.ko {margin-bottom:3%}
.en {margin-bottom:5%}


 /*kiaf2020*/
.Art li {width:350px;margin:.5%; border:1px #eee solid; display:inline-block;}
.Art li img {width:100%;}
.Art li .Text { padding:30px}
.Art li .Text p { font-size:15px; color:#666}
.Art li .Text p.Title {font-weight:600; color:#000; font-size:18px} 


@media (max-width:1250px) { 
.Art li { width:100%; margin:3% 0}
}

/*오시는 길*/
.page8 ul {margin-bottom:2%}
.page8 ul li { line-height:180%;}




/*kiaf 2020*/
.kiaf2020 h3 {color:#000; font-size:26px; padding-bottom:30px; margin-bottom:30px}
.kiaf2020 h3 a { font-size:18px; color:#666; font-weight:300 }
.Art { margin-bottom:50px}



/*Introduce*/
.di { display:inline-block;width:100%}
.di .fl { float:left; width:48%}
.di .fr { float:right; width:48%}
.di .fr img {width:100%}


@media (max-width:1250px) { 

.di .fr {float:initial; width:100%} 
.di .fl {float:initial; width:100%; margin-bottom:30px;}
}






/*기본테이블*/
.table01 { width:100%; border-top:2px solid #333;  }
.table01 thead th { font-weight:500; background-color:#f8f9fa; padding:20px 0; border:1px solid #e0e0e0}
.table01 thead th:first-child { border-left:none}
.table01 thead th:last-child { border-right:none}
.table01 tbody th {font-weight:500; }
.table01 tbody th,
.table01 tbody td { padding:20px;  border:1px solid #e0e0e0}
.table01 tbody th:first-child,
.table01 tbody td:first-child { border-left:none}
.table01 tbody th:last-child,
.table01 tbody td:last-child { border-right:none}
.table01 tbody td {font-weight:300; color:#666; }

.table01 tbody.textleft {text-align:left}
.table01 tbody.textcenter {text-align:center}



@media all and (max-width:680px){
.table01 thead th { padding:10px;}
.table01 tbody td { padding:10px;}
.table01 tbody th { width:60px}
}

@media all and (max-width:480px){
.table01 thead th { padding:10px;}
.table01 tbody td { padding:2px; font-size:13px;letter-spacing: -1px;}
.table01 tbody th { width:40px}
}




/*다운로드 버튼*/
.down {margin-top:30px; width:100%; text-align:left}
.down a {border-radius:5px; transition: all 0.3s ease; padding:0 20px; height:60px; line-height:60px; text-align:center; border:1px #333 solid; width:150px; display:inline-block}
.down a:hover { background-color:#000; border:1px #000 solid; color:#fff; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1);}


@media all and (max-width:480px){
.down a { height:45px; line-height:45px; width:120px;}
}











.SubPage12 .coronation {margin-bottom:100px;word-break: keep-all;}
.SubPage12 .coronation h5 {margin-bottom:20px; font-size:26px;}
.SubPage12 .coronation:last-child {margin-bottom:0px;}
.SubPage12 .coronation ul.coronation_notice li { font-weight:300;margin-bottom:10px; line-height:120%;}
.SubPage12 .coronation ul.coronation_notice li:last-child {margin-bottom:0}

.SubPage12 .coronation ul.coronation_use {text-align: center; background-color:#f6f6f6; padding: 50px;}
.SubPage12 .coronation ul.coronation_use li {position: relative; display:inline-block;text-align: center; vertical-align: top; padding: 0 50px;}
.SubPage12 .coronation ul.coronation_use li::after {position:absolute; content:">"; font-family:Montserra; right:0; top:0px;font-weight: bold; font-size: 25px;color: #666;}
.SubPage12 .coronation ul.coronation_use li:last-child::after{display:none}
.SubPage12 .coronation ul.coronation_use li span {display:block;font-weight:300;}


@media all and (max-width:680px){
.SubPage12 .coronation {}
.SubPage12 .coronation h5{ font-size:22px;text-align: left;}
.SubPage12 .coronation ul.coronation_use {padding:5%}
.SubPage12 .coronation ul.coronation_use li {padding:0 0 50px 0;width: 100%;}
.SubPage12 .coronation ul.coronation_use li:last-child{ padding:0}
.SubPage12 .coronation ul.coronation_use li img { width:30%}
.SubPage12 .coronation ul.coronation_use li::after { bottom: 0; transform: rotate( 90deg );top:initial;left: 0;}
.SubPage12 .coronation ul.coronation_notice li {text-align:left}

}

@media all and (max-width:480px){ 
.SubPage12 .coronation h5{ font-size:20px; } 

}


.inner .Title h2 a {font-size:32px;}

@media all and (max-width:680px){ 
.inner .Title h2 a {font-size:28px;}
}

@media all and (max-width:480px){ 
.inner .Title h2 a {font-size:24px;}
}








.widget_gallery02 {position:relative;padding:0; text-align:center} 
.widget_gallery02 ul {padding:0;margin:0;}
.widget_gallery02 li {list-style-type:none;  vertical-align: top; padding:0;margin:10px; display:inline-block; width:calc((100% / 4) - 24px);}
.widget_gallery02 li img {background:#efefef;width:100%}
.widget_gallery02 li span {display:block;line-height:130%; text-align:center;padding:7px 0 0 0; overflow:hidden;}
.widget_gallery02 li span a {color:#666;letter-spacing: -1px;  font-size: 16px;}
.widget_gallery02 li span a:hover {color:#333;text-decoration:underline;} 



@media all and (max-width:680px){
.widget_gallery02 li {width:calc((100% / 2) - 15px);margin:5px;}
.widget_gallery02 li span {display:block;line-height:110%;}
.widget_gallery02 li span a {color:#333;  font-size: 15px;}

}

@media all and (max-width:480px){ 
.widget_gallery02 li span a {color:#333;  font-size: 14px;}

}





.galleryartfair ul {text-align:center; }
.galleryartfair ul li { width:30%; padding:1%; display:inline-block; vertical-align:top;}
.galleryartfair ul li div {}
.galleryartfair ul li img {width:100%;}
.galleryartfair ul li p { font-size:14px; color:#666; line-height: 120%;
text-align: left;}

@media all and (max-width:680px){
.galleryartfair ul li { width:44%;}

}

@media all and (max-width:480px){
.galleryartfair ul li { width:80%; margin-bottom:15px;}

}





















 
/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:600px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{height:1030px;}
.slick-track,
.slick-list {	-webkit-perspective: 2000;	-webkit-backface-visibility: hidden;}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{	height:100%;position: relative;}
#mainVisual .slick-track {overflow:hidden;}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{position:relative;	width:100%;	height:100%;	 	-ms-transform: scale(1.1,1.1);    -o-transform: scale(1.1,1.1);     -moz-transform: scale(1.1,1.1);     -webkit-transform: scale(1.1,1.1);      transform: scale(1.1,1.1);	-webkit-transition:transform 3000ms  ease-in-out ;	-moz-transition:transform 3000ms ease-in-out ;	-o-transition:transform 3000ms ease-in-out ;	-ms-transition:transform 3000ms ease-in-out ;    transition:transform 3000ms ease-in-out;	}

.main-visual-item .main-visual-pc-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .26), rgba(0, 0, 0, 0)); /* 검정색에서 투명으로 그라데이션 */
  z-index: 1; /* 배경 이미지 위에 오도록 설정 */
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:23%; width:100%; text-align:center;   color:#fff;} /* margin-top은 조정 (텍스트영역 높이의 반) */

.main-visual-item .main-visual-txt-con .main-visual-txt-inner {width: 1280px;
  margin: 0 auto;
  text-align: left;}

.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px); 
     transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-weight:bold; position:relative; display:block; font-size:68px; letter-spacing:-2px;  font-weight:700;   } 
.main-visual-item .main-visual-txt-con .main-visual-txt1 img { width:90%} 
.main-visual-item .main-visual-txt-con .main-visual-txt2{ font-size:44px;font-weight:700; margin-bottom:10px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:22px;   letter-spacing:-1px; font-weight:400; line-height:120%; margin-bottom:0px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}

.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; font-size:16px; font-weight:300; color:#fff;  -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a {display:inline-block; width:175px; height:55px; font-size:16px; line-height: 55px; letter-spacing: -1px; color:#fff; border:2px solid #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);  transition: all 0.4s cubic-bezier(.5, .24, 0, 1); position:relative; }
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:first-child {margin-right: 15px;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn a:hover{ border-left:2px solid #313A6B; border-right:2px solid #313A6B; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);}

.line-btn a::before { content: '';  position: absolute;  left: -2px;  bottom:-2px;  z-index:1;  width: 0%;  height:2px;  background: #313A6B;  box-shadow: inset 0px 0px 0px #313A6B;  display: block; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.line-btn a:hover::before {  width:calc(100% + 4px);}
.line-btn a::after {  content: '';  position: absolute;  right: -2px;  top:-2px;  z-index:1;  width: 0%; height:2px;  background: #313A6B;  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);  transition: all 0.4s ubic-bezier(.5, .24, 0, 1); }
.line-btn a:hover::after { width:calc(100% + 4px);}


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.01deg);
    -o-transform: scale(1.0,1.0) rotate(0.01deg);
    -moz-transform: scale(1.0,1.0) rotate(0.01deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.01deg);
     transform: scale(1.0,1.0) rotate(0.01deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:3%; z-index:1000; margin: 0; padding: 0}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px ; }
#mainVisual .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:65px; height:5px;border: 0; background-color:#000000;opacity:0.5;filter:Alpha(opacity=50);
}
#mainVisual .slick-dots li.slick-active button{background-color:#fff;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:29px; height:60px; top:50%; margin-top:-30px; cursor:pointer; border:0; cursor:pointer; z-index:1000; font-size:0;}		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow.slick-prev{left:90px; background-image:url(http://www.balancefit.kr/layouts/bluebDesign/image/main/main_visual_prev.png);background-color: transparent;background-repeat: no-repeat; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-next{background-repeat: no-repeat;right:90px; background-image:url(http://www.balancefit.kr/layouts/bluebDesign/image/main/main_visual_next.png);background-color: transparent; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#mainVisual .slick-arrow.slick-prev:hover {-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);}
#mainVisual .slick-arrow.slick-next:hover {-webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }





@media (max-width:1200px) { 
#mainVisual {height:600px !important;}
#mainVisual .slick-arrow { top:55%}
#mainVisual .slick-arrow.slick-prev {left:10px;background-size: 50%;}
#mainVisual .slick-arrow.slick-next {right:10px;background-size: 50%;}
.main-visual-item .main-visual-txt-con {  left:0;  text-align:center;   right: 0; margin-top:-65px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 { font-size:32px; margin-bottom:15px;padding-bottom:15px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1::after {  right: 0;  margin: 0 auto;  width: 50px;  height: 2px;}


.main-visual-item .main-visual-txt-con .main-visual-txt2 { font-size:18px; letter-spacing: -1px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 br {display:block}
.main-visual-item .main-visual-txt-con .main-visual-txt3 { font-size:14px;letter-spacing: -1px; margin:0 auto; width:85%}
.main-visual-item .main-visual-txt-con .main-visual-txt3 br {display:none}

}


@media (max-width:980px) { 
.main-visual-item .main-visual-txt-con .main-visual-txt-inner {width:100%} 
}


@media (max-width:680px) {  
.main-visual-item .main-visual-txt-con .main-visual-txt1 img { width:100%}
#mainVisual {height:500px !important;}
#mainVisual .slick-arrow { top:65%}
#mainVisual .slick-arrow.slick-prev {left:10px;background-size: 50%;}
#mainVisual .slick-arrow.slick-next {right:10px;background-size: 50%;}
.main-visual-item .main-visual-txt-con {  left:0;  text-align:center;   right: 0; margin-top:0px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 { font-size:28px; margin-bottom:0px;padding-bottom:0px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1::after {  right: 0;  margin: 0 auto;  width: 50px;  height: 2px;}


.main-visual-item .main-visual-txt-con .main-visual-txt2 { font-size:16px; letter-spacing: -1px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 br {display:block}
.main-visual-item .main-visual-txt-con .main-visual-txt3 { font-size:12px;letter-spacing: -1px; margin:0 auto; width:85%}
.main-visual-item .main-visual-txt-con .main-visual-txt3 br {display:none}

#mainVisual .slick-dots li button { width:25px;}
}