@charset "utf-8";
/* CSS Document */

* {padding:0;margin:0}
body {font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;background:#f4f4f4;}
img {border:none}
li {list-style:none}
a {text-decoration:none;}
h1 {width:100%;text-align:center;padding:30px 0 20px;background:#fff;}
#top {background:#f7f7f7;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
#top:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	#top {display:inline-block;}
	* html #top {height: 1%;}
	#top {display: block;}
#top h1 {float:left;width:auto;padding:9px;background:#f7f7f7;}
#top h1 a {padding:11px;background:#ededed;border:1px solid #e0e0e0;display:block;font-size:0;line-height:0;}
#top .shop {float:right;padding:11px 11px 0 0;height:16px;width:auto;margin:9px;}
/*메뉴*/
#menuwrap {padding:0 10px;background:#fff;}
#menuwrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	#menuwrap {display:inline-block;}
	* html #menuwrap {height: 1%;}
	#menuwrap {display: block;}
#menu {width:100%;}
/*
#menu li {float:left;display:block;text-align:center;width:33.3%;min-width:100px;min-height:100px;}
#menu li a {min-width:80px;min-height:80px;font-size:0;line-height:0;}
#menu li em {padding:10px;display:block;}
#menu li.mn1 a {display:block;height:100%;width:100%;background-color:#307fa0;border:1px solid #1d6888;min-width:80px;min-height:80px;} 
#menu li.mn2 a {display:block;height:100%;width:100%;background-color:#a03030;border:1px solid #8a1a1a;min-width:80px;min-height:80px;}
#menu li.mn4 a {display:block;height:100%;width:100%;background-color:#e48c02;border:1px solid #d08105;min-width:80px;min-height:80px;}
*/
#menu li {float:left;display:block;text-align:center;width:25%;min-width:150px;min-height:130px;}
#menu li a {width:130px;height:130px;font-size:0;line-height:0;}
#menu li em {padding:10px;display:block;}
#menu li.mn1 a {display:block;height:100%;width:100%;background-color:#307fa0;border:1px solid #1d6888;min-width:130px;min-height:130px;} 
#menu li.mn2 a {display:block;height:100%;width:100%;background-color:#a03030;border:1px solid #8a1a1a;min-width:130px;min-height:130px;}
#menu li.mn3 a {display:block;height:100%;width:100%;background-color:#acc93d;border:1px solid #9dba30;min-width:130px;min-height:130px;}
#menu li.mn4 a {display:block;height:100%;width:100%;background-color:#e48c02;border:1px solid #d08105;min-width:130px;min-height:130px;}
@media all and (max-width:639px){
	#menu li {width:50%}
}

/*소셜*/
#socialwrap {padding:0 10px 10px 10px;background:#fff;}
#socialwrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	#socialwrap {display:inline-block;}
	* html #socialwrap {height: 1%;}
	#socialwrap {display: block;}
#social {width:100%}
#social li {float:left;text-align:center;width:33.3%;min-width:100px;min-height:100px;}
#social li a {font-size:0;line-height:0;display:block;height:100%;width:100%;min-width:80px;min-height:80px;}
#social li em {padding:10px;display:block;}
#social li.mn1 a {background-color:#5274b5;border:1px solid #42609b;} 
#social li.mn2 a {background-color:#56c4e1;border:1px solid #39a6c3;}
#social li.mn3 a {background-color:#36ab00;border:1px solid #2f8b04;}


#footer {border-top:1px solid #dcdcdc;background:#f4f4f4;padding:10px 0;}
#footer p {text-align:center;font-size:11px;color:#9e9e9e;}

/*하단버튼*/
#btbtn {width:100%;text-align:center;padding-bottom:10px;}
#btbtn a {display:inline-block;padding:5px 7px;border:1px solid #afafaf;background:#fff;font-size:12px;text-decoration:none;color:#787777;margin:0 5px;font-family:Helvetica;border-radius:2px;}

/*목록*/
.list {padding:0;background:#fff;}
.list li {position:relative;border-bottom:1px solid #e6e6e6;}
.list a {display:block;padding:0.55em 0.7em;}
.list strong {color:#090909;line-height:1.4em;font-size:1.05em;font-weight:normal;word-break:all}
.list .info {color:#93959d;line-height:1.4em;font-size:0.8em;display:inline-block; position:relative;padding-top:2px;}
.list .bar {color:#e8e8e8;font-size:1em;margin:0 0 0 0.2em;display:inline-block;}


.list2 {padding:0;background:#fff;}
.list2 li {position:relative;border-bottom:1px solid #e6e6e6;background:url(../images/bullet_1.png) no-repeat 18px 18px;}
.list2 li.selected {-webkit-background-size:16px 16px;background-image:url(../images/ico_listen.png);background-repeat:no-repeat;background-position:7px 11px;background-color:#fff0de;}
@media screen and (-webkit-device-pixel-ratio: 2) {
.list2 li.selected {background-image: url(../images/ico_listen@2x.png);-webkit-background-size:16px 16px;}
} 
.list2 a {display:block;padding:0.55em 0.7em 0.55em 1.7em;}
.list2 strong {color:#090909;line-height:1.4em;font-size:1.05em;font-weight:normal;word-break:all}

h2 {padding:15px 15px;font-size:0;line-height:0;}
h2.notice {background:#307fa0;border-top:1px solid #1d6888;border-bottom:1px solid #1d6888;}
h2.channel {background:#a03030;border-top:1px solid #8a1a1a;border-bottom:1px solid #8a1a1a;}
h2.event {background:#acc93d;border-top:1px solid #9dba30;border-bottom:1px solid #9dba30;}
h2.qna {background:#e48c02;border-top:1px solid #d08105;border-bottom:1px solid #d08105;}
#navbtn {background:#fff;width:100%;text-align:center;padding-top:20px;padding-bottom:20px;}
#navbtn a {display:inline-block;padding:7px 9px;border:1px solid #bcbcbc;background:#f1f1f1;font-size:12px;text-decoration:none;color:#787777;margin:0 10px;font-family:Helvetica;border-radius:2px;}
#navbtn .prev {background:url(../images/btn_prev.png) no-repeat 0 3px;padding:0 0 0 10px;}
#navbtn .next {background:url(../images/btn_next.png) no-repeat 100% 3px;padding:0 10px 0 0 ;}

.servicesel {border-bottom:1px solid #c0c0c0;padding:10px;background:#dad9d9;}
.servicesel p {color:#6f6f6f;line-height:1.4em;font-size:0.8em;display:block;margin-top:5px;}
#qnawrap {padding:0;position:relative;background:#fff;}
dl.qna {padding:10px 0 0 0;margin:0 35px 0 20px;}
dl.qna dt {display:none}
dl.qna dd {padding:7px 0;}
dl.qna .int {width:100%;padding:7px;border:1px solid #bcbcbc;font-size:15px;border-radius:3px;}
dl.qna .txt {width:100%;padding:7px;border:1px solid #bcbcbc;font-size:15px;height:100px;border-radius:3px;}
#btn {background:#fff;width:100%;text-align:center;padding-top:20px;padding-bottom:20px;}
#btn a {display:inline-block;padding:7px 9px;border:1px solid #bcbcbc;background:#f1f1f1;font-size:12px;text-decoration:none;color:#787777;margin:0 10px;font-family:Helvetica;border-radius:2px;}
.noticeviewwrap {padding:20px;background:#fff;border-bottom:1px solid #e6e6e6;}
.noticeviewwrap h3 {color:#090909;line-height:1.4em;font-size:1.125em;font-weight:bold;word-break:all}
.noticeviewwrap .info {color:#93959d;line-height:1.4em;font-size:0.8em;display:inline-block; position:relative;padding-top:2px;margin:0 0 20px;}
.noticeviewwrap .bar {color:#e8e8e8;font-size:1em;margin:0 0 0 0.2em;display:inline-block;}
.noticeview {color:#090909;line-height:1.4em;font-size:1.05em;word-break:all}
#login {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:20px 0;position:relative;}
#login:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
	#login {display:inline-block;}
	* html #login {height: 1%;}
	#login {display: block;}
dl.loginleft {padding:0;margin:0 120px 0 0;}
dl.loginleft dt {display:none}
dl.loginleft dd {padding:7px 7px 7px 20px;}
dl.loginleft dd.check {padding:7px 7px 7px 25px;text-align:left;}
dl.loginleft dd.check label {padding:7px;text-align:left;color:#8b8b8b;}
dl.loginleft dd input.int {width:100%;padding:7px;border:1px solid #bcbcbc;font-size:15px;border-radius:3px;}
.loginright {position:absolute;right:8px;top:27px;}
.loginright button {display:block;border:1px solid #8a1a1a;background:#a03030;font-size:12px;text-decoration:none;color:#fff;font-size:15px;margin:0 10px;font-family:Helvetica;width:80px;height:82px;border-radius:3px;text-shadow:0px 0px 2px #711b1b;}