@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Noto Sans KR','nanumgothic', Dotum, Gulim, AppleGothic, Sans-Serif; font-weight:300; margin:0; padding:0; word-break:break-all; }


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(fonts/NotoSansKR-Bold.otf) format('opentype');
}


html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-size:12px;font-family:'noto sans kr';font-weight:300;width:100%;height:100%;color:#777;}
input,select,textarea {font-size:12px;font-family:'noto sans kr';}
img,p,ul,li,ol,dl,dt,dd,h3,h4,h5 {border:0;margin:0;padding:0;}
ul {list-style:none;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:'noto sans kr';}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
#wrap {width:100%;height:100%;margin:auto;position:relative}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#poplayer9 {z-index:10000}


/*헤드영역*/
#headerbg {width:100%;position:absolute;top:0;left:0;z-index:1}
#header {width:1200px;position:relative;top:0;left:0;z-index:5;margin:0 auto; height:90px;}
#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}
#header .top_txt {position:absolute; top:30px; right:10px;}
#lnb {width:100%;position:absolute;margin:0 auto;z-index:4;}
#lnbbg {width:100%;position:relative;margin:0 auto;z-index:1; border-bottom:1px solid #0a4087;}
#lnb .lnbWrap {width:1200px;margin:0 auto;}

#header .mobile_list {display:none;}
#header .imglogo {top:20px; left:30px;}
.m_main_list {display:none;}

#content {position:relative;}
#content .subContent {margin-right:10px; width:940px;}
#content .subContent .location {position:absolute; top:70px; right:15px; font-size:12px;color:#999;padding:0;text-align:right;}
#content .subContent .location a {color:#999;letter-spacing:0x;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject {margin:0;padding:20px 0 0;border-bottom:1px #d7d7d7 solid;font-size:36px; font-weight:normal;height:80px;letter-spacing:-3px;margin-bottom:30px;color:#444;}
/*--서브메뉴--*/
#content .snb {float:left;width:200px;padding:0;margin:0;}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#d7d7d7 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:normal;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:normal;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:4px;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:33.3%;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:normal;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:20px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:normal;font-size:14px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {height:45px; background:#F4F4F4;}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 20px;font-size:18px; font-weight:normal; letter-spacing:-1px; color:#555; height:25px; line-height:25px;}
#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:100px;}
#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:128px;height:25px;border:#d7d7d7 solid 1px;font-size:12px;font-family:tahoma;padding:5px; margin-bottom:3px; border-radius:3px; outline:none;}
#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:0;left:143px;}
#content .snb .mybox .logout .i3 input {width:44px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:5px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 7px 2px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {display:inline-block; padding:0 9px; font-size:12px; line-height:27px; border:1px solid #d7d7d7; background:#f7f7f7; border-radius:3px; color:#777;}
#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; padding:0;}
#content .snb .category .subTitle {margin:-60px 0 0 0; padding-top:50px; text-align:center; background:#0c4da2; width:100%; height:160px; }
#content .snb .category h2 {margin:0; font-size:32px;letter-spacing:-2px;font-weight:bold;color:#fff; line-height:40px;}
#content .snb .category h2 span {display:block; font-size:13px; letter-spacing:0px;font-weight:normal; color:#00d8ff; line-height:20px;}
#content .snb .category ul {padding:0;margin:0 0 20px; border:1px solid #d7d7d7; box-siziing:border-box;}
#content .snb .category li {list-style-type:none;margin:0;border-bottom:1px #ddd solid}
#content .snb .category li:last-child {border-bottom:none;}

#content .snb .category .m2 {letter-spacing:-1px;}
#content .snb .category .m2 a {font-size:16px; font-weight:normal; color:#777;display:block;padding-left:20px;height:49px;line-height:49px;background:url(./image/sub/submenu_off.jpg) no-repeat 170px center;_line-height:49px;}
#content .snb .category .m2 a:hover {text-decoration:none;color:#00bbdd;background:url(./image/sub/submenu_hover.jpg) no-repeat 170px center;}

#content .snb .category .selected2 a {color:#0c4da2; background:url(./image/sub/submenu_on.jpg) no-repeat 170px center; height:49px;line-height:49px}
#content .snb .category .selected2 a:hover {color:#0c4da2;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#777;}

#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 .category ul li ul {margin:0px;background:none;background:#f0f0f0 url(./image/submenu_shadow.gif) repeat-x top;padding:10px 0;border-top:none}
#content .snb .category ul li ul li.m3 {font-weight:normal;font-size:12px;border-bottom:none}
#content .snb .category ul li ul li.m3 a {font-weight:normal;font-family:dotum;color:#454545;display:block;padding-left:23px;height:21px;line-height:21px;background:url(./image/snb_m3_ico.gif) no-repeat 16px 8px;letter-spacing:-1px;}
#content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#000;background-color:#ddd;}

#content .snb .category ul li ul li.selected3 a {color:#ff6000;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 12px arial;color:#999; letter-spacing:0;}

/*하단정보영역*/
#footerInfoWrap .newPhoto {position:absolute;left: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 {margin:0;padding:0;position:absolute;left:0;display:block;width:100%;z-index:2; background:#e4e4e4;}
#footerbg {margin:0;padding:0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:1200px;margin:0 auto;display:block;position:relative;}

#footer .footerCont div.footerSiteInfo {font-size:18px; color:#555;letter-spacing:-1px; text-align:left; padding:32px 0 0 310px;}
#footer .footerCont div.footerSiteInfo p {font-weight:700;}
#footer .footerCont div.footerSiteInfo br {display:none;}
#footer .footerCont div.footerSiteInfo span {display:inline-block; margin:0 5px;}
#footer .footerCont address {font-family:tahoma;font-size:15px;font-style:normal;color:#a8a8a8;font-weight:300;text-align:left; margin-top:5px;letter-spacing:0;}
#footer .footerCont .footerLogo {position:absolute;top:35px;left:35px;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

/*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;}



/* main */
.mainCont {position:relative; z-index:2;}
.section1 {position:relative; display:inline-block; width:100%; padding:20px 0; font-size:0;}
.section1:before {position:absolute; content:''; z-index:1; width:100vw; height:100%; background:#f7f7f7; top:50%; left:50%; transform:translate(-50%,-50%);}

.left_List {position:absolute; top:20px; left:0; width:290px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

/* 메인로그인 */
#loginbox {position:relative; z-index:3; width:100%; height:210px; background:#fff; border:1px solid #d4d4d4; box-sizing:border-box;}
#loginbox .mybox {margin-bottom:10px}
#loginbox .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:70px; font-size:12px;}
#loginbox .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#loginbox .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#loginbox .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:normal;color:#454545;}
#loginbox .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:normal;color:#454545;}
#loginbox .mybox .login .score {position:absolute;bottom:4px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#loginbox .mybox .login .tabbox {background:#F4F4F4;}
#loginbox .mybox .login .tabbox .tp {float:left;width:33.1%;height:24px;line-height:24px;font-size:12px;background:#F4F4F4;border-top:#f4f4f4 solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:normal;color:#9E9E9E;cursor:pointer;position:relative}
#loginbox .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;}
#loginbox .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;}
#loginbox .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#loginbox .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#loginbox .mybox .login .lbody {padding:8px;}
#loginbox .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#loginbox .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#loginbox .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#loginbox .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#loginbox .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#loginbox .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#loginbox .mybox .login .lbody li .pic {float:left;width:35px;}
#loginbox .mybox .login .lbody li .info {float:left;width:130px;}
#loginbox .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#loginbox .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#loginbox .mybox .login .lbody .none {text-align:center;padding-top:20px;}
#loginbox .mybox .login .lbody .none span {display:block;font-weight:normal;font-size:14px;letter-spacing:-1px;} 
#loginbox .mybox .login .lbody .none p {padding:10px 0 30px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#loginbox .mybox .logout .tabbox {height:55px;}
#loginbox .mybox .logout .tabbox .np {padding:20px 0 15px 20px;font-size:20px; font-weight:normal; letter-spacing:-1px; color:#333333; height:30px; line-height:25px;}
#loginbox .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;}
#loginbox .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#loginbox .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#loginbox .mybox .logout .nlog {padding:0 15px;position:relative;height:140px;}
#loginbox .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#loginbox .mybox .logout .i1 .input {float:left;width:182px;height:40px;border:#d7d7d7 solid 1px; border-radius:3px;font-size:14px;font-family:tahoma; padding:5px; margin-bottom:4px; outline:none;}
#loginbox .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#loginbox .mybox .logout .i2 {position:absolute; top:90px;left:10px;font-size:13px;letter-spacing:-1px}
#loginbox .mybox .logout .i3 {position:absolute; top:0px;left:202px;}
#loginbox .mybox .logout .i3 input {border-radius:4px; height:84px;}

#loginbox .mybox .logout .rbtm {position:absolute;bottom:8px;left:15px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:6px 0 0 0;}
#loginbox .mybox .logout .rbtm .ipc {color:#67686A}
#loginbox .mybox .logout .rbtm a {display:inline-block; padding:0 26px; font-size:13px; line-height:40px; border:1px solid #d7d7d7; background:#f4f4f4; border-radius:3px; color:#313946;}
#loginbox .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#loginbox .mybox .logout .slog {padding:20px 10px 10px 10px;}
#loginbox .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#loginbox .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#loginbox .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}

/* 퀵메뉴 아이콘 */
.iconBox {position:relative; z-index:3; width:100%;}
.iconBox ul {width:100%; font-size:0; margin-top:10px;}
.iconBox ul li {display:inline-block; vertical-align:top; width:calc((100% - 2px) / 3); height:96px; margin-right:1px; margin-bottom:1px; text-align:center;}
.iconBox ul li:nth-child(3n+3) {margin-right:0;}
.iconBox ul li a {display:block; font-size:13px; line-height:20px; color:#fff; padding:65px 0 20px;}
.iconBox ul li:nth-child(1) {background:#00a5e7 url('./image/main/icon1.png') center 20px no-repeat;}
.iconBox ul li:nth-child(2) {background:#0e65b5 url('./image/main/icon2.png') center 20px no-repeat;}
.iconBox ul li:nth-child(3) {background:#f99700 url('./image/main/icon3.png') center 20px no-repeat;}
.iconBox ul li:nth-child(4) {background:#00a5e7 url('./image/main/icon4.png') center 20px no-repeat;}
.iconBox ul li:nth-child(5) {background:#0e65b5 url('./image/main/icon5.png') center 20px no-repeat;}
.iconBox ul li:nth-child(6) {background:#f99700 url('./image/main/icon6.png') center 20px no-repeat;}
.iconBox ul li:nth-child(7) {background:#00a5e7 url('./image/main/icon7.png') center 20px no-repeat;}
.iconBox ul li:nth-child(8) {background:#0e65b5 url('./image/main/icon8.png') center 20px no-repeat;}
.iconBox ul li:nth-child(9) {background:#f99700 url('./image/main/icon9.png') center 20px no-repeat;}
.iconBox ul li:hover {background-color:#4c4c4d;}


/* 가운데 비주얼 */
#visualBox {position:relative; z-index:2; display:inline-block; vertical-align:top;margin-left:300px; width:560px; height:510px; overflow:hidden; margin-right:10px;}
#visualBox .visual_txt {position:absolute; z-index:2; left:50%; top:30px; transform:translate(-50%,0);}
#visualBox .main_visual {position:relative; z-index:1; padding:0;margin:0; width:100%;}
#visualBox .main_visual img {position:absolute; z-index:1; left:100%; top:0px; width:100%;}


/* 오른쪽 리스트 */
.right_List {position:relative; z-index:2; display:inline-block; vertical-align:top;width:330px;}
.normal_list {position:relative; float:left; max-width:445px; width:100%; height:250px; background:#fff; border:1px solid #e4e4e4;}

.w50 {width:100%;}
.w50 > li {display:inline-block; vertical-align:top; width:50%; height:100%;}
.w50 > li:first-child {width:calc(50% + 1px); margin-right:-1px;}

.main_list {position:relative; float:left; max-width:445px; width:100%; height:230px; background:#fff; border:1px solid #e4e4e4;}

.section2 {position:relative; display:inline-block; width:100%; padding:20px 0; font-size:0;}
.section2 > div {position:relative; z-index:2; display:inline-block; vertical-align:top;}

.schedule {float:left; width:290px; height:230px;}
.schedule .postCalendar {width:100%;}
.schedule .postCalendar .tt {padding:0; height:45px; line-height:45px; text-align:center; font-size:18px; letter-spacing:-0.5px; font-weight:bold;
font-family:verdana;color:#fff; background:#00a5e7;}
.schedule .postCalendar .tt img {position:relative;top:-3px; margin:0 5px;}
.schedule .postCalendar .sunday {color:#2B97D7;}
.schedule .postCalendar .week {height:30px;}
.schedule .postCalendar .week td {color:#333;background:#e6e6e6;}
.schedule .postCalendar .con {width:100%; min-height:185px; border:1px solid #d7d7d7; background:#f7f7f7; box-sizing:border-box;}
.schedule .postCalendar table {width:100%;}
.schedule .postCalendar td {text-align:center;color:#666;font-family:tahoma, 'noto sans kr';font-size:12px;}


/* 배너 */
.bannerWarp {position:relative; width:100%; max-width:1200px; height:90px; margin-bottom:20px; padding:16px 0 0; border:1px solid #ddd; border-width:1px 0;}
.banner_box {position:relative; width:100%; height:60px; padding:0 35px 0 38px;}

.banner_box .ctrl_box {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.banner_box .ctrl_box a {position:absolute; top:50%; transform:translate(0,-50%); width:23px; height:23px; background:#6c6c6c; border-radius:50%;}
.banner_box .ctrl_box a span {position:absolute; width:7px; height:7px; border:2px solid #fff; border-width:0 2px 2px 0; transform:rotate(135deg); top:50%; left:50%; margin:-4px -2px;}
.banner_box .ctrl_box a.back {left:0;}
.banner_box .ctrl_box a.next {right:0;}
.banner_box .ctrl_box a.next span {transform:rotate(-45deg); margin:-4px;}

.banner_box .banner_area {position:relative; z-index:2; width:100%; height:100%; overflow:hidden;}
.banner_box .banner_area ul {width:100%;}
.banner_box .banner_area ul li {float:left; height:60px; width:220px; margin-right:6px;}
.banner_box .banner_area ul li a {display:block;}
.banner_box .banner_area ul li img {width:220px; border:1px solid #ddd;}

@media all and (max-width:1440px){
	.banner_box {padding:20px 0 0 0;}
}

@media all and (max-width:480px){	
	.bannerWarp {padding:10px 0;}
}









/* sub */

/* 1/6연혁 */
#page6 {display:inline-block; width:100%; padding:0;}


#page6 .btit {font-size:27px; color:#0c4da2; font-weight:normal; letter-spacing:-2px; line-height:120%; padding-bottom:20px;}

.tb_normal {position:relative; margin:0 auto; width:100%; font-size:14px; letter-spacing:0px; line-height:150%; border-top:2px solid #0c4da2; border-left:1px solid #d7d7d7; background:#fff;}
.tb_normal caption {display:none;}
.tb_normal thead th {border-right:1px solid #ddd; padding:12px 0; color:#555; background:#e1e1e1; font-weight:normal;}
.tb_normal tbody th {border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:12px 0; color:#555; font-weight:normal; text-align:center;}
.tb_normal tbody td {border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:12px 20px; color:#777; font-weight:300;}
.tb_normal .name {color:#0c4da2;}
.hspace {height:70px;}


#history_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#history_tabs #btn-history-tab {width:100%; height:70px; text-align:center; margin:0; padding:0; font-size:0;}
#history_tabs #btn-history-tab span {display:inline-block; cursor:pointer; width:33.1%; min-height:48px; line-height:48px; font-size:15px; color:#666; margin:0; background:#fff; border:1px solid #ddd;}
#history_tabs #btn-history-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#history_tabs #btn-history-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#history_tabs div.history_tab {display:none; padding:20px 40px;}
#history_tabs div.history_tab01 {display:block;}

#page6 .contBox {}
#page6 .contBox .year {float:left; width:26%; font-weight:500; font-size:27px; line-height:65px; color:#0c4da2; margin-right:4%; border-top:2px solid #0c4da2; padding-left:2%;}
#page6 .contBox .cont {float:left; width:66%; padding:25px 0; margin:0 0 30px 0; border-top:2px solid #ddd; padding-left:2%;}
#page6 .contBox .cont dl {float:left; width:100%;}
#page6 .contBox .cont dl dt {float:left; width:10%; color:#0c4da2; font-weight:normal; font-size:15px; padding:0; margin:0; letter-spacing:-0.5px;}
#page6 .contBox .cont dl dd {float:left; width:90%; color:#666; font-size:15px; padding:0 0 10px 0; margin:0; letter-spacing:-0.5px; }
#page6 .contBox .cont dl dd:last-child {border:none;}


/* 제휴업체 */
.partners {font-size:0;}
.partners li {display:inline-block; vertical-align:top; width:calc(100% / 5); text-align:center; padding:5px;}
.partners li a {display:block; padding:20px 0; border:1px solid #ddd; border-radius:5px; color:#333; font-size:17px;}
.partners li a:hover {color:#0098d0}

#page61 h3 {margin:40px 10px 10px; font-weight:normal; letter-spacing:-2px; font-size:22px;}

/* 단체협약 */
#memo_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#memo_tabs #btn-memo-tab {width:100%; margin:0; padding:0; font-size:0;}
#memo_tabs #btn-memo-tab span {display:inline-block; cursor:pointer; width:25%; text-align:center; min-height:38px; line-height:38px; font-size:14px; color:#666; margin:-1px -1px 0 0; background:#fff; border:1px solid #ddd;}
#memo_tabs #btn-memo-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#memo_tabs #btn-memo-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#memo_tabs #btn-memo-tab span.ls {letter-spacing:-2px;}
#memo_tabs div.memo_tab {display:none; padding:20px 0;}
#memo_tabs div.memo_tab01 {display:block;}

#memo_tabs h3 {font-size:15px; color:#fff; background:#00a5ce; padding:6px 20px; margin:10px 0;}
#memo_tabs .contBox {padding:10px 35px 30px; background:#f7f7f7; line-height:150%;}
#memo_tabs .contBox .btit {font-size:18px; color:#666; font-weight:normal; margin:20px 0 0;}
#memo_tabs .contBox .stit {font-size:15px; color:#666; font-weight:normal; margin:35px 0 10px;}
#memo_tabs .contBox p {font-size:13px; color:#666; margin:0 0 10px 0; background:url('./image/content/dot.png') center repeat-x;}
#memo_tabs .contBox p span {display:inline-block; background:#f7f7f7; padding:0 10px 0 0;}
#memo_tabs .cont {padding:20px 35px; background:#f7f7f7; line-height:150%;}
#memo_tabs .cont p {font-size:14px; color:#666; margin:15px 0;}

#memo_tabs .cont2 {padding:5px 35px 35px; background:#f7f7f7; line-height:150%;}
#memo_tabs .cont2 .stit {font-size:15px; color:#666; font-weight:normal; margin:30px 0 10px;}
#memo_tabs .cont2 p {font-size:13px; color:#666; margin:0 0 10px 0;}
#memo_tabs .cont2 span {display:block; padding-left:15px;}
#memo_tabs .cont2 table td {text-align:center;}

#memo_tabs .cont3 {padding:5px 35px 35px; background:#f7f7f7; line-height:150%;}
#memo_tabs .cont3 .stit {font-size:16px; color:#666; font-weight:normal; margin:30px 0 20px;}
#memo_tabs .cont3 .sstit {font-size:15px; color:#666; font-weight:normal; margin:20px 0 10px;}
#memo_tabs .cont3 p {font-size:13px; color:#666; margin:0 0 5px 0;}
#memo_tabs .cont3 p b {font-weight:normal;}
#memo_tabs .cont3 span {display:block; padding-left:15px;}
#memo_tabs .cont3 .hspace {height:20px;}


/* 운영세칙 */
#policy_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#policy_tabs #btn-policy-tab {width:100%; margin:0; padding:0; font-size:0;}
#policy_tabs #btn-policy-tab span {display:inline-block; cursor:pointer; width:33.3%; text-align:center; min-height:38px; line-height:38px; font-size:14px; color:#666; margin:-1px -1px 0 0; background:#fff; border:1px solid #ddd;}
#policy_tabs #btn-policy-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#policy_tabs #btn-policy-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#policy_tabs #btn-policy-tab span.ls {letter-spacing:-2px;}
#policy_tabs div.policy_tab {display:none; padding:20px 0;}
#policy_tabs div.policy_tab01 {display:block;}

#policy_tabs h3 {font-size:15px; color:#fff; background:#00a5ce; padding:6px 20px; margin:10px 0;}
#policy_tabs .contBox {padding:5px 35px 30px; background:#f7f7f7; line-height:150%;}
#policy_tabs .contBox .btit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px; background:url('./image/content/dot.png') center repeat-x;}
#policy_tabs .contBox .btit span {display:inline-block; background:#f7f7f7; padding:0 10px 0 0;}
#policy_tabs .contBox .stit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px;}
#policy_tabs .contBox .sstit {font-size:15px; color:#666; font-weight:normal; margin:20px 0 10px;}
#policy_tabs .contBox p {font-size:13px; color:#666; margin:0 0 5px 0;}
#policy_tabs .contBox .hspace {height:20px;}


/* 주요복지제도 */
#welfare_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#welfare_tabs #btn-welfare-tab {width:100%; margin:0; padding:0; font-size:0;}
#welfare_tabs #btn-welfare-tab span {display:inline-block; vertical-align:top; cursor:pointer; width:33.3%; text-align:center; min-height:38px; line-height:38px; font-size:14px; color:#666; margin:-1px -1px 0 0; background:#fff; border:1px solid #ddd;}
#welfare_tabs #btn-welfare-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#welfare_tabs #btn-welfare-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#welfare_tabs #btn-welfare-tab span.ls {letter-spacing:-2px;}
#welfare_tabs div.welfare_tab {display:none; padding:20px 0;}
#welfare_tabs div.welfare_tab01 {display:block;}

#welfare_tabs h3 {font-size:15px; color:#fff; background:#00a5ce; padding:6px 20px; margin:10px 0;}
#welfare_tabs .contBox {padding:5px 35px 30px; background:#f7f7f7; line-height:150%;}
#welfare_tabs .contBox .btit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px; background:url('./image/content/dot.png') center repeat-x;}
#welfare_tabs .contBox .btit span {display:inline-block; background:#f7f7f7; padding:0 10px 0 0;}
#welfare_tabs .contBox .stit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px;}
#welfare_tabs .contBox .sstit {font-size:15px; color:#666; font-weight:normal; margin:20px 0 10px;}
#welfare_tabs .contBox p {font-size:13px; color:#666; margin:0 0 5px 0;}
#welfare_tabs .contBox span {display:block; padding-left:15px;}
#welfare_tabs .contBox .hspace {height:20px;}




/* 모바일 */
@media only screen and (max-width:500px) {
	#header{width:100%; height:100px;}
	#header .top_txt {position:absolute; top:55px; right:0; left:66px;}
	#header .top_txt img {width:250px;}
	#lnb {display:none;}
	#lnbbg {display:none;}
	#header .gnb {display:none;}
	#header .logo {left:10px;}
	#header .imglogo {left:15px; top:17px;}
	#header .imglogo img {width:80%; height:80%;}

	#header .font{display:none;}
	#header .mobile_list {display:block;position: absolute;top:30px; right:15px; border:1px #333 solid; padding:5px;}

	.section1 {padding:0;}
	.left_List {position:relative; top:auto; left:auto; width:100%;}
	#loginbox {display:none;}
	.iconBox ul {width:94%; margin:12px 3% 0;}
	#visualBox {margin-left:0; width:100%; height:350px; overflow:hidden; margin-right:0;}
	.right_List {width:94%; padding:0; margin:10px 3% 15px;}
	.w50 > li {width:100%;}
	.w50 > li:first-child {width:100%; margin-right:0; margin-bottom:10px;}
	.main_list {margin:5px 0;}
	.section2 {padding:15px 3%;}
	.schedule {width:100%; margin-bottom:5px;}

	.bannerWarp {height:84px; margin-bottom:0; padding:16px 2% 0;}
	.banner_box {height:52px; padding:0 30px;}

	.banner_box .banner_area ul li {height:52px; width:200px;}
	.banner_box .banner_area ul li img {width:200px;}

	#footer{position:relative}
	#footer .footerCont {width:100%; padding:25px 3% 10px; text-align:center;}
	#footerbg {display:none;}	     

	#footer .footerCont div.footerSiteInfo {width:100%; font-size:16px; padding:10px 0 10px; margin:0; text-align:center;}
	#footer .footerCont div.footerSiteInfo br {display:block;}
	#footer .footerCont address {font-size:13px; padding:0 30px; text-align:center;}
	
	#footer .footerCont div.footerMenu {margin:0; text-align:center;}
	#footer .footerCont div.footerMenu a {margin:0 3px;}
	
	#footer .footerCont .footerLogo {position:relative; margin:0 auto; top:0; left:0;}
	
	
	#content .subContent {width:97%; padding-right:3%; margin:0;}
		
	#content .snb {display:none;}
	#content .subContent h3.subTitleSubject {text-align:center; font-size:25px; padding:5px 0 0 0; height:50px;}
	#content .subContent .location {position:relative; width:100%; text-align:center; top:0; right:0; padding-top:10px;}
	#page6 .btit {font-size:20px;}
	
	.tb_normal tbody th {padding:5px 0;}
	.tb_normal tbody td {padding:5px;}
	
	.hspace {height:30px;}
	#history_tabs #btn-history-tab span {width:33.3%; font-size:14px;}
	#history_tabs div.history_tab {width:100%; padding:0;}
	#page6 .contBox .year {font-size:17px; width:17%;}
	#page6 .contBox .cont {width:73%; font-size:13px;}
	#page6 .contBox .cont dl dt {width:20%;}
	#page6 .contBox .cont dl dd {width:80%; font-size:13px; padding:0;}
	
	#page7 img {width:100%;}
	
	#policy_tabs .contBox {padding:5px 15px 20px;}
	
	#memo_tabs #btn-memo-tab span {font-size:14px; width:50%;}
	#memo_tabs .cont {padding:10px; }
	#memo_tabs .cont2, #memo_tabs .contBox {padding:5px 15px 20px; }
	#memo_tabs .cont p, #memo_tabs .cont2 p {word-break:keep-all;}
	#memo_tabs .cont3 {padding:5px 15px 20px;}
	
	#welfare_tabs .contBox {padding:5px 15px 20px;}
	#welfare_tabs #btn-welfare-tab .ttxt {min-height:38px; line-height:19px;}
}@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Noto Sans KR','nanumgothic', Dotum, Gulim, AppleGothic, Sans-Serif; font-weight:300; margin:0; padding:0; word-break:break-all; }


@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(fonts/NotoSansKR-Bold.otf) format('opentype');
}


html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-size:12px;font-family:'noto sans kr';font-weight:300;width:100%;height:100%;color:#777;}
input,select,textarea {font-size:12px;font-family:'noto sans kr';}
img,p,ul,li,ol,dl,dt,dd,h3,h4,h5 {border:0;margin:0;padding:0;}
ul {list-style:none;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:'noto sans kr';}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
#wrap {width:100%;height:100%;margin:auto;position:relative}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#poplayer9 {z-index:10000}


/*헤드영역*/
#headerbg {width:100%;position:absolute;top:0;left:0;z-index:1}
#header {width:1200px;position:relative;top:0;left:0;z-index:5;margin:0 auto; height:90px;}
#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}
#header .top_txt {position:absolute; top:30px; right:10px;}
#lnb {width:100%;position:absolute;margin:0 auto;z-index:4;}
#lnbbg {width:100%;position:relative;margin:0 auto;z-index:1; border-bottom:1px solid #0a4087;}
#lnb .lnbWrap {width:1200px;margin:0 auto;}

#header .mobile_list {display:none;}
#header .imglogo {top:20px; left:30px;}
.m_main_list {display:none;}

#content {position:relative;}
#content .subContent {margin-right:10px; width:940px;}
#content .subContent .location {position:absolute; top:70px; right:15px; font-size:12px;color:#999;padding:0;text-align:right;}
#content .subContent .location a {color:#999;letter-spacing:0x;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject {margin:0;padding:20px 0 0;border-bottom:1px #d7d7d7 solid;font-size:36px; font-weight:normal;height:80px;letter-spacing:-3px;margin-bottom:30px;color:#444;}
/*--서브메뉴--*/
#content .snb {float:left;width:200px;padding:0;margin:0;}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#d7d7d7 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:normal;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:normal;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:4px;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:33.3%;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:normal;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:20px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:normal;font-size:14px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {height:45px; background:#F4F4F4;}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 20px;font-size:18px; font-weight:normal; letter-spacing:-1px; color:#555; height:25px; line-height:25px;}
#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:100px;}
#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:128px;height:25px;border:#d7d7d7 solid 1px;font-size:12px;font-family:tahoma;padding:5px; margin-bottom:3px; border-radius:3px; outline:none;}
#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:0;left:143px;}
#content .snb .mybox .logout .i3 input {width:44px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:5px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 7px 2px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {display:inline-block; padding:0 9px; font-size:12px; line-height:27px; border:1px solid #d7d7d7; background:#f7f7f7; border-radius:3px; color:#777;}
#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; padding:0;}
#content .snb .category .subTitle {margin:-60px 0 0 0; padding-top:50px; text-align:center; background:#02a4e4; width:100%; height:160px; }
#content .snb .category h2 {margin:0; font-size:32px;letter-spacing:-2px;font-weight:bold;color:#fff; line-height:40px;}
#content .snb .category h2 span {display:block; font-size:13px; letter-spacing:0px;font-weight:normal; color:#fff; line-height:20px;}
#content .snb .category ul {padding:0;margin:0 0 20px; border:1px solid #d7d7d7; box-siziing:border-box;}
#content .snb .category li {list-style-type:none;margin:0;border-bottom:1px #ddd solid}
#content .snb .category li:last-child {border-bottom:none;}

#content .snb .category .m2 {letter-spacing:-1px;}
#content .snb .category .m2 a {font-size:16px; font-weight:normal; color:#777;display:block;padding-left:20px;height:49px;line-height:49px;background:url(./image/sub/submenu_off.jpg) no-repeat 170px center;_line-height:49px;}
#content .snb .category .m2 a:hover {text-decoration:none;color:#00bbdd;background:url(./image/sub/submenu_hover.jpg) no-repeat 170px center;}

#content .snb .category .selected2 a {color:#0e65b5; background:url(./image/sub/submenu_on.jpg) no-repeat 170px center; height:49px;line-height:49px}
#content .snb .category .selected2 a:hover {color:#0e65b5;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#777;}

#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 .category ul li ul {margin:0px;background:none;background:#f0f0f0 url(./image/submenu_shadow.gif) repeat-x top;padding:10px 0;border-top:none}
#content .snb .category ul li ul li.m3 {font-weight:normal;font-size:12px;border-bottom:none}
#content .snb .category ul li ul li.m3 a {font-weight:normal;font-family:dotum;color:#454545;display:block;padding-left:23px;height:21px;line-height:21px;background:url(./image/snb_m3_ico.gif) no-repeat 16px 8px;letter-spacing:-1px;}
#content .snb .category ul li ul li.m3 a:hover {text-decoration:none;color:#000;background-color:#ddd;}

#content .snb .category ul li ul li.selected3 a {color:#ff6000;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 12px arial;color:#999; letter-spacing:0;}

/*하단정보영역*/
#footerInfoWrap .newPhoto {position:absolute;left: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 {margin:0;padding:0;position:absolute;left:0;display:block;width:100%;z-index:2; background:#e4e4e4;}
#footerbg {margin:0;padding:0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:1200px;margin:0 auto;display:block;position:relative;}

#footer .footerCont div.footerSiteInfo {font-size:18px; color:#555;letter-spacing:-1px; text-align:left; padding:32px 0 0 310px;}
#footer .footerCont div.footerSiteInfo p {font-weight:700;}
#footer .footerCont div.footerSiteInfo br {display:none;}
#footer .footerCont div.footerSiteInfo span {display:inline-block; margin:0 5px;}
#footer .footerCont address {font-family:tahoma;font-size:15px;font-style:normal;color:#a8a8a8;font-weight:300;text-align:left; margin-top:5px;letter-spacing:0;}
#footer .footerCont .footerLogo {position:absolute;top:35px;left:35px;}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

/*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;}



/* main */
.mainCont {position:relative; z-index:2;}
.section1 {position:relative; display:inline-block; width:100%; padding:20px 0; font-size:0;}
.section1:before {position:absolute; content:''; z-index:1; width:100vw; height:100%; background:#f7f7f7; top:50%; left:50%; transform:translate(-50%,-50%);}

.left_List {position:absolute; top:20px; left:0; width:290px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

/* 메인로그인 */
#loginbox {position:relative; z-index:3; width:100%; height:210px; background:#fff; border:1px solid #d4d4d4; box-sizing:border-box;}
#loginbox .mybox {margin-bottom:10px}
#loginbox .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:70px; font-size:12px;}
#loginbox .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#loginbox .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#loginbox .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:normal;color:#454545;}
#loginbox .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:normal;color:#454545;}
#loginbox .mybox .login .score {position:absolute;bottom:4px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#loginbox .mybox .login .tabbox {background:#F4F4F4;}
#loginbox .mybox .login .tabbox .tp {float:left;width:33.1%;height:24px;line-height:24px;font-size:12px;background:#F4F4F4;border-top:#f4f4f4 solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:normal;color:#9E9E9E;cursor:pointer;position:relative}
#loginbox .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;}
#loginbox .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;}
#loginbox .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#loginbox .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#loginbox .mybox .login .lbody {padding:8px;}
#loginbox .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#loginbox .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#loginbox .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#loginbox .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#loginbox .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#loginbox .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#loginbox .mybox .login .lbody li .pic {float:left;width:35px;}
#loginbox .mybox .login .lbody li .info {float:left;width:130px;}
#loginbox .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#loginbox .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#loginbox .mybox .login .lbody .none {text-align:center;padding-top:20px;}
#loginbox .mybox .login .lbody .none span {display:block;font-weight:normal;font-size:14px;letter-spacing:-1px;} 
#loginbox .mybox .login .lbody .none p {padding:10px 0 30px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#loginbox .mybox .logout .tabbox {height:55px;}
#loginbox .mybox .logout .tabbox .np {padding:20px 0 15px 20px;font-size:20px; font-weight:normal; letter-spacing:-1px; color:#333333; height:30px; line-height:25px;}
#loginbox .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;}
#loginbox .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#loginbox .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#loginbox .mybox .logout .nlog {padding:0 15px;position:relative;height:140px;}
#loginbox .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#loginbox .mybox .logout .i1 .input {float:left;width:182px;height:40px;border:#d7d7d7 solid 1px; border-radius:3px;font-size:14px;font-family:tahoma; padding:5px; margin-bottom:4px; outline:none;}
#loginbox .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#loginbox .mybox .logout .i2 {position:absolute; top:90px;left:10px;font-size:13px;letter-spacing:-1px}
#loginbox .mybox .logout .i3 {position:absolute; top:0px;left:202px;}
#loginbox .mybox .logout .i3 input {border-radius:4px; height:84px;}

#loginbox .mybox .logout .rbtm {position:absolute;bottom:8px;left:15px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:6px 0 0 0;}
#loginbox .mybox .logout .rbtm .ipc {color:#67686A}
#loginbox .mybox .logout .rbtm a {display:inline-block; padding:0 26px; font-size:13px; line-height:40px; border:1px solid #d7d7d7; background:#f4f4f4; border-radius:3px; color:#313946;}
#loginbox .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#loginbox .mybox .logout .slog {padding:20px 10px 10px 10px;}
#loginbox .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#loginbox .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#loginbox .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}

/* 퀵메뉴 아이콘 */
.iconBox {position:relative; z-index:3; width:100%;}
.iconBox ul {width:100%; font-size:0; margin-top:10px;}
.iconBox ul li {display:inline-block; vertical-align:top; width:calc((100% - 2px) / 3); height:96px; margin-right:1px; margin-bottom:1px; text-align:center;}
.iconBox ul li:nth-child(3n+3) {margin-right:0;}
.iconBox ul li a {display:block; font-size:13px; line-height:20px; color:#fff; padding:65px 0 20px;}
.iconBox ul li:nth-child(1) {background:#00a5e7 url('./image/main/icon1.png') center 20px no-repeat;}
.iconBox ul li:nth-child(2) {background:#0e65b5 url('./image/main/icon2.png') center 20px no-repeat;}
.iconBox ul li:nth-child(3) {background:#f99700 url('./image/main/icon3.png') center 20px no-repeat;}
.iconBox ul li:nth-child(4) {background:#00a5e7 url('./image/main/icon4.png') center 20px no-repeat;}
.iconBox ul li:nth-child(5) {background:#0e65b5 url('./image/main/icon5.png') center 20px no-repeat;}
.iconBox ul li:nth-child(6) {background:#f99700 url('./image/main/icon6.png') center 20px no-repeat;}
.iconBox ul li:nth-child(7) {background:#00a5e7 url('./image/main/icon7.png') center 20px no-repeat;}
.iconBox ul li:nth-child(8) {background:#0e65b5 url('./image/main/icon8.png') center 20px no-repeat;}
.iconBox ul li:nth-child(9) {background:#f99700 url('./image/main/icon9.png') center 20px no-repeat;}
.iconBox ul li:hover {background-color:#4c4c4d;}


/* 가운데 비주얼 */
#visualBox {position:relative; z-index:2; display:inline-block; vertical-align:top;margin-left:300px; width:560px; height:510px; overflow:hidden; margin-right:10px;}
#visualBox .visual_txt {position:absolute; z-index:2; left:50%; top:30px; transform:translate(-50%,0);}
#visualBox .main_visual {position:relative; z-index:1; padding:0;margin:0; width:100%;}
#visualBox .main_visual img {position:absolute; z-index:1; left:100%; top:0px; width:100%;}


/* 오른쪽 리스트 */
.right_List {position:relative; z-index:2; display:inline-block; vertical-align:top;width:330px;}
.normal_list {position:relative; float:left; max-width:445px; width:100%; height:250px; background:#fff; border:1px solid #e4e4e4;}

.w50 {width:100%;}
.w50 > li {display:inline-block; vertical-align:top; width:50%; height:100%;}
.w50 > li:first-child {width:calc(50% + 1px); margin-right:-1px;}

.main_list {position:relative; float:left; max-width:445px; width:100%; height:250px; background:#fff; border:1px solid #e4e4e4;}

.section2 {position:relative; display:inline-block; width:100%; padding:20px 0; font-size:0;}
.section2 > div {position:relative; z-index:2; display:inline-block; vertical-align:top;}

.schedule {float:left; width:290px; height:250px;}
.schedule .postCalendar {width:100%;}
.schedule .postCalendar .tt {padding:0; height:45px; line-height:45px; text-align:center; font-size:18px; letter-spacing:-0.5px; font-weight:bold;
font-family:verdana;color:#fff; background:#00a5e7;}
.schedule .postCalendar .tt img {position:relative;top:-3px; margin:0 5px;}
.schedule .postCalendar .sunday {color:#2B97D7;}
.schedule .postCalendar .week {height:30px;}
.schedule .postCalendar .week td {color:#333;background:#e6e6e6;}
.schedule .postCalendar .con {width:100%; min-height:185px; border:1px solid #d7d7d7; background:#f7f7f7; box-sizing:border-box;}
.schedule .postCalendar table {width:100%;}
.schedule .postCalendar td {text-align:center;color:#666;font-family:tahoma, 'noto sans kr';font-size:12px;}


/* 배너 */
.bannerWarp {position:relative; width:100%; max-width:1200px; height:90px; margin-bottom:20px; padding:16px 0 0; border:1px solid #ddd; border-width:1px 0;}
.banner_box {position:relative; width:100%; height:60px; padding:0 35px 0 38px;}

.banner_box .ctrl_box {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.banner_box .ctrl_box a {position:absolute; top:50%; transform:translate(0,-50%); width:23px; height:23px; background:#6c6c6c; border-radius:50%;}
.banner_box .ctrl_box a span {position:absolute; width:7px; height:7px; border:2px solid #fff; border-width:0 2px 2px 0; transform:rotate(135deg); top:50%; left:50%; margin:-4px -2px;}
.banner_box .ctrl_box a.back {left:0;}
.banner_box .ctrl_box a.next {right:0;}
.banner_box .ctrl_box a.next span {transform:rotate(-45deg); margin:-4px;}

.banner_box .banner_area {position:relative; z-index:2; width:100%; height:100%; overflow:hidden;}
.banner_box .banner_area ul {width:100%;}
.banner_box .banner_area ul li {float:left; height:60px; width:220px; margin-right:6px;}
.banner_box .banner_area ul li a {display:block;}
.banner_box .banner_area ul li img {width:220px; border:1px solid #ddd;}

@media all and (max-width:1440px){
	.banner_box {padding:20px 0 0 0;}
}

@media all and (max-width:480px){	
	.bannerWarp {padding:10px 0;}
}









/* sub */

/* 1/6연혁 */
#page6 {display:inline-block; width:100%; padding:0;}


#page6 .btit {font-size:27px; color:#0e65b5; font-weight:normal; letter-spacing:-2px; line-height:120%; padding-bottom:20px;}

.tb_normal {position:relative; margin:0 auto; width:100%; font-size:14px; letter-spacing:0px; line-height:150%; border-top:2px solid #0e65b5; border-left:1px solid #d7d7d7; background:#fff;}
.tb_normal caption {display:none;}
.tb_normal thead th {border-right:1px solid #ddd; padding:12px 0; color:#555; background:#e1e1e1; font-weight:normal;}
.tb_normal tbody th {border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:12px 0; color:#555; font-weight:normal; text-align:center;}
.tb_normal tbody td {border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:12px 20px; color:#777; font-weight:300;}
.tb_normal .name {color:#0e65b5;}
.hspace {height:70px;}


#history_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#history_tabs #btn-history-tab {width:100%; height:70px; text-align:center; margin:0; padding:0; font-size:0;}
#history_tabs #btn-history-tab span {display:inline-block; cursor:pointer; width:33.1%; min-height:48px; line-height:48px; font-size:15px; color:#666; margin:0; background:#fff; border:1px solid #ddd;}
#history_tabs #btn-history-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#history_tabs #btn-history-tab span.hover {color:#fff; background:#0e65b5; border:1px solid #0e65b5;}
#history_tabs div.history_tab {display:none; padding:20px 40px;}
#history_tabs div.history_tab01 {display:block;}

#page6 .contBox {}
#page6 .contBox .year {float:left; width:26%; font-weight:500; font-size:27px; line-height:65px; color:#0e65b5; margin-right:4%; border-top:2px solid #0e65b5; padding-left:2%;}
#page6 .contBox .cont {float:left; width:66%; padding:25px 0; margin:0 0 30px 0; border-top:2px solid #ddd; padding-left:2%;}
#page6 .contBox .cont dl {float:left; width:100%;}
#page6 .contBox .cont dl dt {float:left; width:10%; color:#0e65b5; font-weight:normal; font-size:15px; padding:0; margin:0; letter-spacing:-0.5px;}
#page6 .contBox .cont dl dd {float:left; width:90%; color:#666; font-size:15px; padding:0 0 10px 0; margin:0; letter-spacing:-0.5px; }
#page6 .contBox .cont dl dd:last-child {border:none;}


/* 제휴업체 */
.partners {font-size:0;}
.partners li {display:inline-block; vertical-align:top; width:calc(100% / 5); text-align:center; padding:5px;}
.partners li a {display:block; padding:20px 0; border:1px solid #ddd; border-radius:5px; color:#333; font-size:17px;}
.partners li a:hover {color:#0098d0}

#page61 h3 {margin:40px 10px 10px; font-weight:normal; letter-spacing:-2px; font-size:22px;}

/* 단체협약 */
#memo_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#memo_tabs #btn-memo-tab {width:100%; margin:0; padding:0; font-size:0;}
#memo_tabs #btn-memo-tab span {display:inline-block; cursor:pointer; width:25%; text-align:center; min-height:38px; line-height:38px; font-size:14px; color:#666; margin:-1px -1px 0 0; background:#fff; border:1px solid #ddd;}
#memo_tabs #btn-memo-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#memo_tabs #btn-memo-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#memo_tabs #btn-memo-tab span.ls {letter-spacing:-2px;}
#memo_tabs div.memo_tab {display:none; padding:20px 0;}
#memo_tabs div.memo_tab01 {display:block;}

#memo_tabs h3 {font-size:15px; color:#fff; background:#00a5ce; padding:6px 20px; margin:10px 0;}
#memo_tabs .contBox {padding:10px 35px 30px; background:#f7f7f7; line-height:150%;}
#memo_tabs .contBox .btit {font-size:18px; color:#666; font-weight:normal; margin:20px 0 0;}
#memo_tabs .contBox .stit {font-size:15px; color:#666; font-weight:normal; margin:35px 0 10px;}
#memo_tabs .contBox p {font-size:13px; color:#666; margin:0 0 10px 0; background:url('./image/content/dot.png') center repeat-x;}
#memo_tabs .contBox p span {display:inline-block; background:#f7f7f7; padding:0 10px 0 0;}
#memo_tabs .cont {padding:20px 35px; background:#f7f7f7; line-height:150%;}
#memo_tabs .cont p {font-size:14px; color:#666; margin:15px 0;}

#memo_tabs .cont2 {padding:5px 35px 35px; background:#f7f7f7; line-height:150%;}
#memo_tabs .cont2 .stit {font-size:15px; color:#666; font-weight:normal; margin:30px 0 10px;}
#memo_tabs .cont2 p {font-size:13px; color:#666; margin:0 0 10px 0;}
#memo_tabs .cont2 span {display:block; padding-left:15px;}
#memo_tabs .cont2 table td {text-align:center;}

#memo_tabs .cont3 {padding:5px 35px 35px; background:#f7f7f7; line-height:150%;}
#memo_tabs .cont3 .stit {font-size:16px; color:#666; font-weight:normal; margin:30px 0 20px;}
#memo_tabs .cont3 .sstit {font-size:15px; color:#666; font-weight:normal; margin:20px 0 10px;}
#memo_tabs .cont3 p {font-size:13px; color:#666; margin:0 0 5px 0;}
#memo_tabs .cont3 p b {font-weight:normal;}
#memo_tabs .cont3 span {display:block; padding-left:15px;}
#memo_tabs .cont3 .hspace {height:20px;}


/* 운영세칙 */
#policy_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#policy_tabs #btn-policy-tab {width:100%; margin:0; padding:0; font-size:0;}
#policy_tabs #btn-policy-tab span {display:inline-block; cursor:pointer; width:33.3%; text-align:center; min-height:38px; line-height:38px; font-size:14px; color:#666; margin:-1px -1px 0 0; background:#fff; border:1px solid #ddd;}
#policy_tabs #btn-policy-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#policy_tabs #btn-policy-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#policy_tabs #btn-policy-tab span.ls {letter-spacing:-2px;}
#policy_tabs div.policy_tab {display:none; padding:20px 0;}
#policy_tabs div.policy_tab01 {display:block;}

#policy_tabs h3 {font-size:15px; color:#fff; background:#00a5ce; padding:6px 20px; margin:10px 0;}
#policy_tabs .contBox {padding:5px 35px 30px; background:#f7f7f7; line-height:150%;}
#policy_tabs .contBox .btit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px; background:url('./image/content/dot.png') center repeat-x;}
#policy_tabs .contBox .btit span {display:inline-block; background:#f7f7f7; padding:0 10px 0 0;}
#policy_tabs .contBox .stit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px;}
#policy_tabs .contBox .sstit {font-size:15px; color:#666; font-weight:normal; margin:20px 0 10px;}
#policy_tabs .contBox p {font-size:13px; color:#666; margin:0 0 5px 0;}
#policy_tabs .contBox .hspace {height:20px;}


/* 주요복지제도 */
#welfare_tabs {position:relative; z-index:1;width:100%; margin:0 auto;}
#welfare_tabs #btn-welfare-tab {width:100%; margin:0; padding:0; font-size:0;}
#welfare_tabs #btn-welfare-tab span {display:inline-block; vertical-align:top; cursor:pointer; width:33.3%; text-align:center; min-height:38px; line-height:38px; font-size:14px; color:#666; margin:-1px -1px 0 0; background:#fff; border:1px solid #ddd;}
#welfare_tabs #btn-welfare-tab span:hover {color:#fff; background:#555; border:1px solid #555;}
#welfare_tabs #btn-welfare-tab span.hover {color:#fff; background:#0c4da2; border:1px solid #0c4da2;}
#welfare_tabs #btn-welfare-tab span.ls {letter-spacing:-2px;}
#welfare_tabs div.welfare_tab {display:none; padding:20px 0;}
#welfare_tabs div.welfare_tab01 {display:block;}

#welfare_tabs h3 {font-size:15px; color:#fff; background:#00a5ce; padding:6px 20px; margin:10px 0;}
#welfare_tabs .contBox {padding:5px 35px 30px; background:#f7f7f7; line-height:150%;}
#welfare_tabs .contBox .btit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px; background:url('./image/content/dot.png') center repeat-x;}
#welfare_tabs .contBox .btit span {display:inline-block; background:#f7f7f7; padding:0 10px 0 0;}
#welfare_tabs .contBox .stit {font-size:16px; color:#666; font-weight:normal; margin:20px 0 10px;}
#welfare_tabs .contBox .sstit {font-size:15px; color:#666; font-weight:normal; margin:20px 0 10px;}
#welfare_tabs .contBox p {font-size:13px; color:#666; margin:0 0 5px 0;}
#welfare_tabs .contBox span {display:block; padding-left:15px;}
#welfare_tabs .contBox .hspace {height:20px;}




/* 모바일 */
@media only screen and (max-width:500px) {
	#header{width:100%; height:100px;}
	#header .top_txt {position:absolute; top:55px; right:0; left:66px;}
	#header .top_txt img {width:250px;}
	#lnb {display:none;}
	#lnbbg {display:none;}
	#header .gnb {display:none;}
	#header .logo {left:10px;}
	#header .imglogo {left:15px; top:17px;}
	#header .imglogo img {width:80%; height:80%;}

	#header .font{display:none;}
	#header .mobile_list {display:block;position: absolute;top:30px; right:15px; border:1px #333 solid; padding:5px;}

	.section1 {padding:0;}
	.left_List {position:relative; top:auto; left:auto; width:100%;}
	#loginbox {display:none;}
	.iconBox ul {width:94%; margin:12px 3% 0;}
	#visualBox {margin-left:0; width:100%; height:350px; overflow:hidden; margin-right:0;}
	.right_List {width:94%; padding:0; margin:10px 3% 15px;}
	.w50 > li {width:100%;}
	.w50 > li:first-child {width:100%; margin-right:0; margin-bottom:10px;}
	.main_list {margin:5px 0;}
	.section2 {padding:15px 3%;}
	.schedule {width:100%; margin-bottom:5px;}

	.bannerWarp {height:84px; margin-bottom:0; padding:16px 2% 0;}
	.banner_box {height:52px; padding:0 30px;}

	.banner_box .banner_area ul li {height:52px; width:200px;}
	.banner_box .banner_area ul li img {width:200px;}

	#footer{position:relative}
	#footer .footerCont {width:100%; padding:25px 3% 10px; text-align:center;}
	#footerbg {display:none;}	     

	#footer .footerCont div.footerSiteInfo {width:100%; font-size:16px; padding:10px 0 10px; margin:0; text-align:center;}
	#footer .footerCont div.footerSiteInfo br {display:block;}
	#footer .footerCont address {font-size:13px; padding:0 30px; text-align:center;}
	
	#footer .footerCont div.footerMenu {margin:0; text-align:center;}
	#footer .footerCont div.footerMenu a {margin:0 3px;}
	
	#footer .footerCont .footerLogo {position:relative; margin:0 auto; top:0; left:0;}
	
	
	#content .subContent {width:97%; padding-right:3%; margin:0;}
		
	#content .snb {display:none;}
	#content .subContent h3.subTitleSubject {text-align:center; font-size:25px; padding:5px 0 0 0; height:50px;}
	#content .subContent .location {position:relative; width:100%; text-align:center; top:0; right:0; padding-top:10px;}
	#page6 .btit {font-size:20px;}
	
	.tb_normal tbody th {padding:5px 0;}
	.tb_normal tbody td {padding:5px;}
	
	.hspace {height:30px;}
	#history_tabs #btn-history-tab span {width:33.3%; font-size:14px;}
	#history_tabs div.history_tab {width:100%; padding:0;}
	#page6 .contBox .year {font-size:17px; width:17%;}
	#page6 .contBox .cont {width:73%; font-size:13px;}
	#page6 .contBox .cont dl dt {width:20%;}
	#page6 .contBox .cont dl dd {width:80%; font-size:13px; padding:0;}
	
	#page7 img {width:100%;}
	
	#policy_tabs .contBox {padding:5px 15px 20px;}
	
	#memo_tabs #btn-memo-tab span {font-size:14px; width:50%;}
	#memo_tabs .cont {padding:10px; }
	#memo_tabs .cont2, #memo_tabs .contBox {padding:5px 15px 20px; }
	#memo_tabs .cont p, #memo_tabs .cont2 p {word-break:keep-all;}
	#memo_tabs .cont3 {padding:5px 15px 20px;}
	
	#welfare_tabs .contBox {padding:5px 15px 20px;}
	#welfare_tabs #btn-welfare-tab .ttxt {min-height:38px; line-height:19px;}
}