@charset "utf-8";@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0}
img,fieldset{border:0;vertical-align:middle}

ul,ol,li,dl{list-style:none}
input,select{vertical-align:middle;font-family:"나눔고딕",nanumgothic,sans-serif;}
table caption{display:none}
table{border-collapse:collapse}
em{font-style:normal}

body{background:#fff;font-family:"나눔고딕",nanumgothic,sans-serif;font-size:13px;color:#666;line-height:18px;font-weight:normal;padding:0px;margin:0px}

A:link{text-decoration:none;color:#333}
A:hover{text-decoration:underline;color:#272c3a}
A:visited{text-decoration:none;color:#333}
A:active{text-decoration:none;color:#333}

.header{width:100%;height:195px;position:relative}
.container{width:1080px;margin:0 auto;overflow:hidden}
.mWrap{width:1020px;margin:15px auto 60px;overflow:hidden}
.mbg{background:url(img/mbg.png) no-repeat;font-size:0;text-indent:-9999px;vertical-align:middle}
.mbg1{background:url(../img_test/img/mbg.png) no-repeat;font-size:0;text-indent:-9999px}

/*상단 즐겨찾기, 로그인, 회원가입, 아이디/비밀번호찾기 */
.tmenu{width:100%;height:36px;border-bottom:1px solid #dadada}
.tmenu ul{width:1080px;margin:0 auto;overflow:hidden;line-height:35px}
.left{float:left}
.favor span{display:inline-block;width:16px;height:16px;background-position:-112px 0;margin:0 4px 0 0;opacity:.8}
.right{float:right}
.right a{font-size:12px;padding:0 10px;position:relative}
.key_txt a:after, .right a:after{position:absolute;content:"";left:0;top:50%;background:rgba(0,0,0,.15);width:1px;height:10px;margin:-5px 0 0}
.menu a:first-child:after, .key_txt a:first-child:after, .right a:first-child:after{background:none}

/*로고, 검색폼,배너*/
.tWrap{width:1080px;height:84px;padding:24px 0 0;margin:0 auto;overflow:hidden}
.tWrap h1{width:210px;float:left}
.tban{width:210px;float:right;margin:6px 0 0}
.tsearch{width:430px;float:left;padding:0 115px}
.tsearch fieldset{width:426px;height:40px;border:2px solid #0061af;border-radius:21px;position:relative}
.tsearch select{position:absolute;top:4px;left:15px;width:95px;height:30px;line-height:30px;border:none;font-size:13px;color:#222}
.tsearch input{position:absolute;top:4px;left:125px;width:250px;border:none;height:30px;line-height:30px;font-size:13px;color:#196ac3}
.btn_sch{position:absolute;top:10px;right:20px;display:block;width:22px;height:22px;background-position:-32px 0}
.key_txt{margin:6px 0 0;text-align:center}
.key_txt a{color:#888;padding:0 10px;position:relative}
.key_txt a:hover{color:#e8550e}

/* Menu */
.meWrap{width:100%;height:50px;background:#4399d4;position:absolute;z-index:999}
.menu{width:1080px;margin:0 auto;height:50px;line-height:50px;overflow:hidden}
.menu li{float:left}
.menu a{font-size:16px;letter-spacing:-1px;color:#fff;padding:0 28px;position:relative}
.menu a:after{position:absolute;content:"";left:0;top:50%;background:rgba(0,0,0,.3);width:1px;height:14px;margin:-7px 0 0}
.menu a.on, .menu a:hover{color:#000}
.all_cate{width:180px}
.all_cate a{padding:0 10px}
.all_cate span{display:inline-block;width:22px;height:20px;margin:0 8px 0 0;vertical-align:middle}
.melist{width:640px}
.rmenu{float:right;width:260px;text-align:right}
.rmenu a:last-child{padding:0 28px}

.smeWrap{position:absolute;z-index:100;width:1078px;height:340px;top:195px;left:50%;margin:0 0 0 -540px;background:#fff;border:1px solid #4399d4;border-top:0}
.shadow{width:1078px;height:340px;box-shadow:0 0 6px 0 #000;z-index:1;position:absolute;opacity:.2}
.smenu{z-index:2;width:1078px;padding:25px 0;display:table}
.smenu dl{display:table-cell;padding:5px 30px;border-left:1px solid #eee;height:280px;vertical-align:top;letter-spacing:-1px}
.smenu dt{font-weight:600;margin:0 0 12px}
.smenu dt a{color:#111;background:url(img/icon_arr.png) no-repeat right center;padding:0 10px 0 0;font-size:16px}
.smenu dd a{display:block;padding:0 0 10px;color:#888;font-size:14px}
.smenu dd a.on, .smenu dd a:hover{color:#4399d4 !important; font-weight:600}

/* Contents */
.mban_zone{margin:20px auto;height:393px;border:1px solid #d8d8d8;overflow:hidden}
.mban{height:393px;width:813px;float:right;position:relative;border-left:1px solid #d8d8d8}
.mban ul{overflow:hidden}
.mban li{float:left}
.mban_list{height:32px;line-height:32px;width:780px;overflow:hidden;position:absolute;z-index:10;bottom:18px;left:18px}
.mban_list a{display:block;width:193px;margin:0 0 0 2px;text-align:center;background:rgba(0,0,0,.1);float:left;position:relative}
.mban_list a:first-child{margin:0}
.mban_list a.on{background:#36ad5b;color:#fff}
.mban_right{float:left;width:264px}
.mlog{height:160px;padding:22px 20px 0;position:relative;border-bottom:1px solid #d8d8d8}
.mlog ul{border:1px solid #c6c6c6;border-right:0;height:63px}
.mlog li{height:33px;width:160px;border-top:1px solid #eaeaea}
.mlog li:first-child{border-top:0}
.mlog input{height:29px;line-height:29px;width:136px;font-size:13px;padding:0 10px;border:0}
.log_btn{display:block;background:#333949;color:#fff !important;text-align:center;height:65px;width:68px;line-height:64px;position:absolute;right:20px;top:22px}
.mem_me{padding:12px 0 0}
.mem_me a{padding:0 8px;color:#000 !important}
.mem_me a:first-child{padding:0 8px 0 2px;font-weight:600}
.sns_join{margin:10px 0 0;overflow:hidden}
.sns_join a{display:inline-block;float:left;padding:6px 0;width:110px;text-align:center;font-size:12px;letter-spacing:-1px;border:1px solid #e9e9e9}
.sns_join a:first-child{margin:0 -1px 0 0;width:111px}
.isns{display:inline-block;background-position:-62px 0;height:16px;width:19px;margin:0 4px 0 0;vertical-align:middle}
.isns.is1{background-position:-86px 0}
.mlog_ing dt{overflow:hidden;margin:0 0 12px}
.mlog_ing dt strong{display:inline-block;font-size:16px;line-height:24px;font-weight:500;color:#010101;float:left}
.mlog_ing dt a{display:inline-block;padding:2px 10px;border:1px solid #dbdfe2;border-radius:2px;float:right}
.mlog_ing dd span{display:block;font-size:14px;}
.mlog_ing dd a{display:block;margin:10px 0 7px;border:1px solid #e4ebf6;background:#f7faff;padding:8px 0;font-size:14px;border-radius:2px;text-align:center}
.mlog_btm a{display:inline-block;padding:3px 10px 3px 11px;border:1px solid #dbdfe2;border-radius:2px;margin:0 0 0 4px}
.mlog_btm a:first-child{margin:0}
.mlog_ing dt a.on, .mlog_ing dt a:hover, .mlog_btm a.on, .mlog_btm a:hover{background:#333949;border-color:#333949;color:#fff}
.mrban{padding:16px 0 0 18px}
.mid_ban{margin:0 0 25px}

.section{ width:100%; padding:40px 0; background:#f3f3f3}
.sec_zone{ width:1080px; margin:0 auto; overflow:hidden}
.mbox{border:1px solid #ddd;background:#fff;width:300px; padding:30px 25px;float:left;margin:0 0 12px 12px}
.mbox:first-child{ margin:0 0 12px}
.event{text-align:center}
.mtit{padding:0 0 20px; position:relative;height:34px}
.mtit h3{font-size:20px;letter-spacing:-1px; line-height:32px;font-weight:600;color:#111}
.imore{display:inline-block;width:32px;height:32px;position:absolute;right:0;top:0}
.imore span{display:inline-block;width:32px;height:32px;background-position:0 -27px}
.mnotice li{overflow:hidden;letter-spacing:-1px;font-size:15px; padding:9px 0}
.mnotice li a{display:block;position:relative;float:left; width:200px; height:18px; color:#000; text-overflow:ellipsis;overflow:hidden}
.mnotice li em{display:block;width:100px; float:right; text-align:right; color:#999}
.istar{display:block; float:right;width:60px;height:12px;background:url(img/ico_star.png) no-repeat 0 0;margin:0 6px}
.istar span{display:inline-block;width:60px;height:12px;text-indent:-10000px;background:url(img/ico_star.png) no-repeat 0 bottom;line-height:12px}

.btmWrap{width:1080px; margin:0 auto; overflow:hidden; padding:50px 0}
.part{overflow:hidden;}
.pbox{width:300px; height:300px; float:left; margin:0 0 21px 21px; padding:46px 0 0 46px; letter-spacing:-1px; line-height:1.4; position:relative; color:#fff}
.pbox.wide{width:667px}
.pbox:first-child{ margin:0 0 21px}
.pbox h3{ font-size:42px; font-weight:500; margin:0 0 6px}
.pbox p{font-size:17px}
.btn_view{display:block; border:1px solid #fff; background:none; width:160px; height:38px; font-size:16px; color:#fff !important; text-align:center; position:absolute; top:200px; line-height:38px}

/* footer */
.footer{width:100%}
.fWrap{border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;height:32px;line-height:32px; padding:20px 0}
.fme_zone{width:1080px;overflow:hidden; margin:0 auto}
.fmenu{width:800px; float:left}
.fmenu a{position:relative;padding:0 15px;font-size:14px}
.fmenu a:after{position:absolute;content:"";left:0;top:50%;background:rgba(0,0,0,.15);width:1px;height:12px;margin:-6px 0 0}
.fmenu a:first-child:after{background:none}
.fmenu a.on, .fmenu a:hover{color:#ef571c; font-weight:600}
.seltxt1{border:1px solid #e4e4e4;width:200px;height:36px; color:#666;line-height:34px;padding:0 10px; float:right}
.fcopy{line-height:1.4;padding:50px 0}
.fcopy ul{width:1080px;margin:0 auto;overflow:hidden}
.fcopy li{float:left}
.fcopy li:first-child{width:300px}
.ftxt{width:700px}
.fcopy p{padding:8px 0 0;color:#1d9ebc}
.slash{padding:0 10px;font-family:dotum;color:#ddd;font-size:12px}