/* 기본 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body {width:100%; -webkit-text-size-adjust:none;}
* {margin:0; padding:0; word-break:keep-all;}
img {border:0; vertical-align:middle}
li {list-style:none;}
a {text-decoration:none;}
body, input, button, select, textarea {font-family:'Nanum Gothic','나눔바른고딕',NanumBarunGothic,nbg,'맑은고딕',Malgun Gothic,mg,'돋움',dotum,AppleGothic,Arial,sans-serif; }
div.sub {letter-spacing:-0.05em}
input, select {vertical-align:middle;}
table, td {border-spacing:0px;border-style:none;padding:0px;border-collapse:collapse}
fieldset {border:none; margin:0; padding:0}
small {
	font-size:18px;
}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}

.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb45 {margin-bottom:45px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mb65 {margin-bottom:65px !important}
.mb70 {margin-bottom:70px !important}
.mb80 {margin-bottom:80px !important}
.mb90 {margin-bottom:90px !important}
.mb100 {margin-bottom:100px !important}
.mb110 {margin-bottom:110px !important}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}

.none {display:none;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.oh {overflow:hidden;}

/* 헤더 */
#header { border-top: 1px solid #efefef; border-bottom:1px solid #efefef; letter-spacing:-0.8px; padding: 10px 0;}
.top_lg { display: block; width: 120px; height: 120px; margin: 0 auto;}
.top_lg img { display: block; max-height: 100%; margin:0 auto;}
div.top {height:120px; width:1288px; margin:0 auto; position:relative;}
h1 {margin:24px 45px 0 12px; float:left; position:relative;}
h1 img {display:block; margin:0 10px 10px 0;}
h1 span {font-size:20px; color:#666; font-weight:bold; margin-top:10px; position:relative;}
h1 span s {text-decoration:none; padding-left:15px;}
h1 span em {position:absolute;width:200px; left:80px; top:27px;font-size:16px;color:#666;font-style:normal;}

ul.gnb li {float:left; line-height:120px; background:url(../image/gline.gif) no-repeat right center;}
ul.gnb li a {color:#232323; font-size:18px;font-family:'나눔바른고딕',NanumBarunGothic,nbg; display: block; text-align: center; width: 170px;}
ul.gnb li:first-child a { background:url(../image/gline.gif) no-repeat 0 center;}
ul.gnb li a:hover, ul.gnb li a.gon {color:#db3163;}

div.anbw {overflow:hidden; position:absolute; top: 261px; z-index:99; width:100%; display:none;}
div.anbd { background:white; }
ul.anb {width:1288px; margin:0 auto; overflow:hidden; padding:30px 0;}
ul.anb>li {float:left; width:23%; margin:0 0.83%;}
ul.anb>li>a {display:block; height:55px; line-height:55px; font-size:19px; color:#232323; border-bottom:3px solid #232323; margin-bottom:20px; font-family:'나눔바른고딕',NanumBarunGothic,nbg;}
ul.anb>li>a:hover, ul.anb>li:hover>a {color:#db3163; border-bottom:3px solid #db3163;}
ul.anb ul li a {display:block; height:38px; line-height:38px; font-size:16px; color:#666;}
ul.anb ul li a:hover {color:#db3163; text-decoration:underline;}
div.anbbg {height:32px; background:url(../image/anb_bg.png)}

ul.mem {float:left; margin-left: 40px;}
ul.mem li a {display:block; height:21px; line-height:21px; padding-left:18px;  font-size:14px; color:#232323; margin-bottom:10px;}
a.m1 { background:url(../image/log.gif) no-repeat 0 center;}

a.coun {display:block; float:right; width:71px; height:57px; text-align:center; line-height:57px; border:1px solid #db3163; color:#db3163; font-size:19px; font-family:nbgb; margin-top:30px;}
span.coun2 {display:none;}
div.counw {width:479px; height:228px; position:absolute; right:0px; top:88px; z-index:100; background:url(../image/coun_bg.png) no-repeat; display:none;}
div.counw fieldset {margin:32px 0 0 42px;}
div.counw fieldset legend {color:#db3163; font-family:nbgb; font-size:23px; margin-bottom:15px;}
div.counw fieldset>div {margin-bottom:6px; overflow:hidden}
div.counw fieldset>div label {display:block; float:left; width:55px; height:33px; line-height:33px; color:#db3163; font-size:14px;}
div.counw fieldset>div input {width:241px; height:31px; border:1px solid #e1e1e1; float:left;}
div.counw fieldset>div select {width:67px; height:31px; border:1px solid #e1e1e1;  float:left;}
div.counw fieldset>div span {float:left; display:block; width:18px; line-height:33px; color:#232323; text-align:center;}
div.counw fieldset>div .mi3 {width:68px;}
div.counw button {width:104px; height:71px; background:#db3163; color:white; line-height:71px; border:1px solid #db3163; font-size:19px; font-family:nbgb; position:absolute; right:25px; top:73px;}
div.counw p {margin-top:20px; font-size:14px; color:#232323;}
div.counw p a {color:#db3163;}



/* 푸터 */
#footer {width:1288px; margin:0 auto;}

div.ftime {height:61px; line-height:61px; color:white;}
div.ftime>dl {background:#db3163; float:left; width:60%;}
div.ftime dt, div.ftime dd {float:left;}
div.ftime dt {font-size:19px; /* font-family:nbgb; */ background:url(../image/fti.gif) no-repeat 15px center; padding-left:50px; margin-right:10px;}
div.ftime dd {font-size:16px; background:url(../image/gline.gif) no-repeat 0 center; padding-left:10px; letter-spacing: -0.08em;}
div.ftime>a {float:left; width:40%;  display:block; font-size:19px; /* font-family:nbgb;  */color:White; text-align:center; text-indent:30px; background:#e25a82 url(../image/flo.gif) no-repeat 20px;}

div.bottom {height:170px; position:relative;letter-spacing:-0.8px; padding-bottom: 30px;}

div.flogo {position:absolute; left:12px; top:37px;}
div.flogo img {display:block; margin:0 10px 10px 0;}
div.flogo span {font-size:20px; color:#666; font-weight:bold; margin-top:10px; position:relative;}
div.flogo span s {font-style:normal;text-decoration:none; display:inline-block; padding-left:14px;}
div.flogo span em {position:absolute; left:80px; top:30px; width:200px;font-style:normal;}


div.bottom ul {position:absolute; left:346px; top:28px;}
div.bottom ul li {float:left; margin-right:10px; padding-right:10px; background:url(../image/fline.gif) no-repeat right center;}
div.bottom ul li.last {background:none;}
div.bottom ul li a {color:#999; font-size:15px; }
div.bottom ul li a:hover {font-family:nbgb; color:#666;}
div.bottom p {position:absolute; left:346px; top:62px; font-size:15px; color:#999; line-height:22px;}
div.bottom .emb {position: absolute; right:12px; top:10px;}