@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0){
	.crbold
	{font-weight:bold !important;}
}

#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}
#wrap img {max-width:100%;}
#bo_list .tbl_head01 .td_subject img, #bo_vc p > img, #bo_vc header > img {width:11px;}
#main article > #Visual img, #sub_Visual img, #content > img,
#main article > .main_inner .ban01 ul.b_box li a img{width:100%;}


/* 공통 */
#top { min-height:160px; }
#top .tnb {border-top:5px solid #6d4c9f; border-bottom:1px solid #d6d6d6; text-align:center;}
#top .tnb li {display:inline-block; *display:inline; *zoom:1; padding:0 13px 0 15px; background:url(/m/images/tnb_bar.gif) no-repeat 0 50%;}
#top .tnb li:first-child {padding-left:0; background:none;}
#top .tnb li:last-child {padding-right:0;}
#top .tnb li a {font-size:1.2rem; letter-spacing:-0.05em; color:#999; display:block; line-height:30px; height:30px;}
#top .gnb_rwap h1 {text-align:center; margin:0 auto; width:216px; line-height:87px; }
#top .gnb_rwap > a {font-size:1.25rem; line-height:33.5px; height:33.5px; color:#8a8a8a; border:1px solid #d5d5d5; display:block; margin:0 2.6%; padding-left:4%; background:#f4f4f4 url(/m/images/gnb_btn_off.gif) no-repeat 100% 0; background-size:38px 34px;}
#top .gnb_rwap > a.active {background:#f4f4f4 url(/m/images/gnb_btn_on.gif) no-repeat 100% 0; background-size:38px 34px;}
#top .gnb_rwap > a img {height:33.5px; width:37.5px; float:right;}
#top .gnb_rwap > .gnb {margin:0 2.6%; background-color:#f4f4f4; color:#999; display:none;}
#top .gnb_rwap.active > .gnb {display:block;}
#top .gnb_rwap > .gnb > li {border:1px solid #d5d5d5; border-top:0;}
#top .gnb_rwap > .gnb > li > a {height:34px; line-height:34px; display:block; padding-left:4%; font-size:1.25rem; color:#8a8a8a;}
#top .gnb_rwap > .gnb > li > ul {display:none;}
#top .gnb_rwap > .gnb > li.active > ul {display:block;}
#top .gnb_rwap > .gnb > li > ul  li > a {height:34px; line-height:34px; display:block; padding-left:6.5%; border-top:1px solid #d5d5d5; background-color:#fff; font-size:1.25rem; color:#999;}

#foot {position: relative; clear:both; padding-top:15px;}
#foot address {padding:16px 2.6% 20px; background-color:#333;}
#foot .foot_gnb  {border-top:1px solid #d6d6d6; text-align:center;}
#foot .foot_gnb  li {display:inline-block; *display:inline; *zoom:1; padding:0 13px 0 15px; background:url(/m/images/tnb_bar.gif) no-repeat 0 50%;}
#foot .foot_gnb  li:first-child {padding-left:0; background:none;}http://eyescape.webmaker21.kr/m/images/sub_visual.gif
#foot .foot_gnb  li:last-child {padding-right:0;}
#foot .foot_gnb  li a {font-size:1.2rem; letter-spacing:-0.05em; color:#999; display:block; line-height:30px; height:30px;}
#foot .ban06 {background-color:#f4f4f4; border-radius:3px; margin-top:15px; margin:0 2.6% 13px; box-shadow:1px 1px 1px rgba(98, 98, 98, 0.3);}
#foot .ban06 a {display:block; padding:17px 2.8%; margin-top: 15px;}
#foot .foot_txt {margin-bottom:26px;}
#foot h3 {font-size:1.33rem; color:#444; margin:0 0 15px; letter-spacing:-0.1rem;}
#foot img {width:93%; margin-bottom:12px;}
#foot p {text-align:center; font-size:1.23rem; color:#444; padding-top:3px; line-height:22px;}


/* MAIN */
#main {position:relative; top:12px; background-color:#fff;}
#main article > #Visual {background:url('/m/images/visual.gif'); background-size:100% 100%; }
#main article > #Visual img {width:100%;display:block;}
#main article > .tel {background-color:#7fc9cb; text-align:center;}
#main article > .tel a {padding:10px 0; height:25.5px; line-height:25.5px; display:block; font-size:1.33rem; color:#fff;}
#main article > .tel a img {width:32.5px; height:25.5px; margin-right:3.75%;}
#main article > .main_inner {width:94.6875%; margin:0 auto;}
#main article > .main_inner .ban02,
#main article > .main_inner .ban03,
#main article > .main_inner .ban04,
#main article > .main_inner .ban05 {box-shadow:1px 1px 1px rgba(98, 98, 98, 0.3);}
#main article > .main_inner .ban01 ul.b_circle li {width:25%; text-align:center; font-size:1.25rem; padding:25px 0 26px; float:left; margin-left:11%;}
#main article > .main_inner .ban01 ul.b_circle li:first-child {margin-left:0;}
#main article > .main_inner .ban01 ul.b_circle li img {margin:0 0 10px 0;}
#main article > .main_inner .ban01 ul.b_box li {width:50%; float:left;}
#main article > .main_inner .ban02 {padding:19px 8.5% 0; margin-top:15px; background-color:#f4f4f4; text-align:center; border-radius:3px;}
#main article > .main_inner .ban02 .tv {margin-top:10.5px;}
#main article > .main_inner .ban04 {border-radius:3px;}
#main article > .main_inner .ban03 {border-radius:3px; border:1px solid #e1e1e1; padding:15px 0 0; margin-top:15px; position:relative;}
#main article > .main_inner .ban03 h3 {font-weight:800; font-size:1.33rem; color:#444; margin:0 4% 15px; letter-spacing:-0.1rem;}
#main article > .main_inner .ban03 a.btn_more {position:absolute; top:15px; right:3%; display:block;}
#main article > .main_inner .ban03 ul li {margin:4px 4%; background:url(/m/images/support_circle.gif) no-repeat 0 50%; padding-left:2.6%;}
#main article > .main_inner .ban03 .ban_txt {background:#5abbff url(/m/images/notice_bg.png) no-repeat 92% 0; background-size:8%; line-height:32px; height:32px; font-size:1.23rem; color:#fff; padding:0 0 0 4%; margin-top:15px;}
#main article > .main_inner .ban04 {border-radius:3px; border:1px solid #e1e1e1; padding:15px 0 0; margin-top:15px; position:relative;}
#main article > .main_inner .ban04 h3 {font-size:1.33rem; color:#444; margin:0 4% 15px; letter-spacing:-0.1rem;}
#main article > .main_inner .ban04 a.btn_more {position:absolute; top:15px; right:3%; display:block;}
#main article > .main_inner .ban04 ul li {margin:4px 4%; background:url(/m/images/support_circle.gif) no-repeat 0 50%; padding-left:2.6%;}
#main article > .main_inner .ban04 .ban_txt {background:#67c2c5 url(/m/images/notice_bg.png) no-repeat 92% 0; background-size:8%; line-height:32px; height:32px; font-size:1.23rem; color:#fff; padding:0 0 0 4%; margin-top:15px;}
#main article > .main_inner .ban05 {background-color:#f4f4f4; border-radius:3px; padding:17px 2.8%; margin-top:15px; position:relative;}
#main article > .main_inner .ban05 h3 {font-size:1.33rem; color:#444; margin:0 4% 15px 0; letter-spacing:-0.1rem;}
#main article > .main_inner .ban05 a.btn_more {position:absolute; top:15px; right:3%; display:block;}
#main article > .main_inner .ban05 form fieldset dl dd {height:30px;}
#main article > .main_inner .ban05 form fieldset dl dd label.name {width:100%; float:left; margin-bottom:5px;}
#main article > .main_inner .ban05 form fieldset dl dd label.pass {width:50%; float:left; margin-bottom:5px;}
#main article > .main_inner .ban05 form fieldset dl dd label.tel {width:100%; background-color:none;}
#main article > .main_inner .ban05 form fieldset dl dd label span {font-size:1.2rem; color:#444; width:40%; display:inline-block; *display:inline; *zoom:1;}
#main article > .main_inner .ban05 form fieldset dl dd label input {width:76%; border:1px solid #d5d5d5; height:22px; line-height:22px; padding:0 1%;}
#main article > .main_inner .ban05 form fieldset dl dd label.name span,
#main article > .main_inner .ban05 form fieldset dl dd label.tel span {width:20%;}
#main article > .main_inner .ban05 form fieldset dl dd label.tel input {width:76%;}
#main article > .main_inner .ban05 form fieldset .btn_search {text-align:center; margin-top:15px;}
#main article > .main_inner .ban05 form fieldset .btn_search input {height:36px;}
#main article > .main_inner .ban05 form fieldset .btn_search img {width:126px; height:36px; margin:10px auto 0;}#main article > .main_inner .ban04 {border-radius:3px; border:1px solid #e1e1e1; padding:15px 0 0; margin-top:15px; position:relative;}
#main article > .main_inner .ban06 {border-radius:3px; border:1px solid #e1e1e1; padding:15px 0 0; margin-top:15px; position:relative;}
#main article > .main_inner .ban06 h3 {font-size:1.33rem; color:#444; margin:0 4% 15px; letter-spacing:-0.1rem;}
#main article > .main_inner .ban06 a.btn_more {position:absolute; top:15px; right:3%; display:block;}
#main article > .main_inner .ban06 ul li {margin:4px 4%; background:url(/m/images/support_circle.gif) no-repeat 0 50%; padding-left:2.6%;}
#main article > .main_inner .ban06 .ban_txt {background:#e87b7b url(/m/images/notice_bg.png) no-repeat 92% 0; background-size:8%; line-height:32px; height:32px; font-size:1.23rem; color:#fff; padding:0 0 0 4%; margin-top:15px;}




/* SUB */
#sub_inner {margin:0 2.65625%;}
#sub_inner .sub_nav {margin:20px 0; font-size:1.2rem;}
#sub_inner .sub_nav img {width:10px; height:13px;}
#sub_inner h3 {font-size:1.33rem; padding-bottom:20px; border-bottom:1px solid #d5d5d5;}
#sub_inner h4 {font-size:1.33rem; color:#666; padding:20px 0 10px;}
#sub_inner .sub_ban {background-color:#f4f4f4; border-radius:3px; padding:17px 2.8%; margin-top:15px; position:relative; box-shadow:1px 1px 2px rgba(98, 98, 98, 0.3);}
#sub_inner .sub_ban h4 {font-size:1.33rem; color:#444; margin:0 4% 15px 0; letter-spacing:-0.1rem;}
#content {min-height:150px; margin:12px 0 19px;}
#sub_Visual {position:relative; margin-top:11.5px;}
#sub_Visual strong {position:absolute; top:0; left:0; color:#fff; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); font-size:2rem; line-height:100%; padding:12.5% 0; margin:0 2.6%;}
#content {font-size:1.225rem; color:#999; line-height:22px;}
#content p.boxline {border:1px solid #d6d6d6; background-color:#f4f4f4;padding:15px 3%;}
#content p .s_btn {line-height:36px; height:36px; border-radius:6px; text-align:center; width:42%; margin:10px auto 5px; display:block; background-color:#927ab6; color:#fff; border:0;}
#content .text {margin:18px 0 23px;}
#content .text2 {font-size:1.2rem; font-weight:600;}
#content .col444 {color:#444;}
#content .col77bdc5 {color:#77bdc5;}
#content .col199576 {color:#199576;}
#content .col6d4c9f {color:#6d4c9f;}
#content .sub02_01 {width:2.65625%; position:absolute; margin-left:-2.65625%;}
#content ul.sub04_01_btn li {width:50%; float:left; margin-bottom:38px;}
#content #sub01_table .sub01_tablebtn a {color:#6d4c9f; display:block; font-size:1.22rem;}
#content #sub01_table td, #content #sub01_table th {border:1px solid #d6d6d6; text-align:center; line-height:30px;}

/*
@media only screen and (max-width:767px) {
	.responsive {display:block;position:relative;width:100%;}
	.responsive thead {display:block;float:left;width:22%;}
	.responsive tbody {display:block;width:78%;position:relative;float:left;overflow-x:scroll;white-space:nowrap;}
	.responsive thead tr {display:block;width:100%;}
	.responsive th {display:block;width:100%;}
	.responsive tbody tr {display:inline-block;vertical-align:top;margin-left:-3px;}
	.responsive tbody tr td {text-align:left !important;}
	.responsive tbody tr:first-child td {text-indent:3px; text-align:left;}
	.responsive td {display:block;}
	.responsive th,
	.responsive td {height:22px;text-align:left;font-size:11px;}
	.responsive th {border-bottom:0;}
	.responsive td {border-left:0;border-right:0;border-bottom:0; width:100%;font-size:1.22rem;}
	.responsive tbody tr {border-right:1px solid #ddd;}
	.responsive th:last-child,
	.responsive td:last-child {border-bottom:1px solid #ddd;}
}
*/


/* site map */
.site_map>ul:after{content:""; display:block; clear:both;}
.site_map>ul>li{float:left; width:100%; padding:0 0 20px; text-align:center;}
.site_map>ul>li>a{display:block; height:30px; line-height:30px; font-size:15px; background:#01926e; color:#fff;}
.site_map>ul>li>ul>li{text-align:left; font-size:14px; color:#3f3532; line-height:1.5; padding:10px; border-bottom:1px dotted #ccc;}
.site_map>ul>li>ul>li>a{font-size:13px; color:#3f3532; display:block;}
.site_map>ul>li>ul>li ul{padding:5px 0;}
.site_map>ul>li>ul>li ul li a{display:block; line-height:16px; color:#8d8b8b; padding:3px 10px;}
.site_map>ul>li>ul>li a:hover{color:#01926e;}


/* TOP 버튼 */
.gotop {width:100%; background:#6d4c9f; text-align:center;}
.gotop li {display:inline-block; *display:block; zoom:1; color:#fff;}
.gotop li.gt_bar {padding:0 5px;}
.gotop a {text-align:center; line-height:30px; height:30px; display:block; color:#fff; font-size:1.22rem;}