﻿@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}

/*상단 즐겨찾기, 로그인, 회원가입, 아이디/비밀번호찾기 */
.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:#94d2e1;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;font-weight:600;color:#1c1c1c;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}
.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 10px 0 28px}
.rmenu a{color:#0061af !important}

.smeWrap{position:absolute;z-index:999;width:1076px;height:380px;top:195px;left:50%;margin:0 0 0 -540px;background:#fff;border:2px solid #94d2e1;border-top:0}
.shadow{width:1076px;height:380px;box-shadow:0 0 6px 0 #000;z-index:1;position:absolute;opacity:.2}
.smenu{z-index:2;width:1076px;padding:20px 0;display:table}
.smenu dl{display:table-cell;padding:5px 30px;border-left:1px solid #eee;height:330px;vertical-align:top;letter-spacing:-1px}
.smenu dt{font-size:15px;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}
.smenu dd a{display:block;padding:0 0 8px;color:#888}
.smenu dd a.on, .smenu dd a:hover{color:#e8550e !important}

/* Contents */
.mban_zone{margin:20px auto 40px;height:393px;border:1px solid #d8d8d8;overflow:hidden}
.mban{height:393px;width:813px;float:left;position:relative;border-right: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:#1d9ebc;color:#fff}
.mban_right{float:right;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:#e8550e;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:#e8550e;border-color:#e8550e;color:#fff}

.section{overflow:hidden;margin:0 0 40px}
.mbox{border:1px solid #d8d8d8;background:#f9f9f9;height:460px;width:538px;float:left;margin:0 -1px 0 0}
.mbox:first-child{width:539px}
.mtit{padding:15px 20px 0 34px;background:#fff;overflow:hidden;height:34px;border-bottom:1px solid #d8d8d8}
.mtit.mi1{background:#a5e0ee;border-bottom:0}
.notit h3, .intit h3, .mtit h3{font-size:17px;color:#111;font-weight:500;letter-spacing:-1px;display:inline-block;float:left}
.intit h3 span, .mtit h3 span{color:#e8550e}
.mtit h3 em{padding:0 0 0 8px;font-size:14px;font-weight:400;color:#444}
.imore{display:inline-block;width:48px;font-size:13px;font-family:verdana;float:right}

.chu_zone{padding:38px 45px}
.chu_tit{overflow:hidden}
.new_tit, .chu_tit dd{float:left;width:173px;margin:0 27px 0 0}
.chu_tit dt{float:left;width:240px}
.chu_book{background:url(img/chu_bimg_bg.gif) no-repeat 0 bottom;height:204px;padding:0 0 0 15px}
.new_img img, .chul_img img, .in_img img, .chu_img img, .chu_bimg img{display:none}
.chu_bimg{display:block;height:186px;width:143px;position:relative;z-index:1}
.chu_bimg:after{border:1px solid rgba(0,0,0,.25);position:absolute;content:"";width:141px;height:184px}
.chu_txt{font-size:14px;color:#333;height:140px}
.chu_txt em{display:block;color:#737373}
.chu_txt strong{display:block;font-size:26px;padding:6px 0 10px;letter-spacing:-1.5px;font-weight:500;line-height:1.1}
.chu_price{position:relative;letter-spacing:-1px;height:58px}
.pr_txt{display:inline-block;position:absolute;left:0;bottom:3px;background:#0d4f8e;height:19px;line-height:19px;width:55px;text-align:center;border-radius:10px;color:#fff;font-size:12px}
.bprice{position:absolute;width:100px;left:62px;bottom:0;color:#777;line-height:1.2;}
.bprice del{padding:0 0 0 2px}
.bprice strong{display:block;color:#0d4faa;font-size:23px;font-weight:600}
.pr_sale{display:inline-block;background:url(img/ico_sale.png) no-repeat;width:53px;height:26px;text-align:center;line-height:26px;position:absolute;left:160px;bottom:2px;font-size:15px;color:#e50011;padding:0 0 0 8px;}
.pr_sale strong{font-weight:700;font-size:18px;padding:0 2px 0 0}
.chu_list{overflow:hidden;margin:25px 0 0}
.chu_list li{float:left;width:77px;height:102px;margin:0 0 0 16px}
.chu_list li:first-child{margin:0}
.new_img_box{width:91px;height:100px;margin:0 10px 10px;position:relative}
.new_img, .chu_img{display:block;height:100px;width:74px;box-shadow:0px 1px 2px 0px rgba(0,0,0,.4)}
.chu_img:after{border:1px solid rgba(0,0,0,.2);position:absolute;content:"";width:72px;height:98px}
.new_img:after{border:1px solid rgba(0,0,0,.2);position:absolute;content:"";width:72px;height:98px;top:0;left:0}

.new_tit dd{position:relative}
.new_tit dd span{display:inline-block;width:53px;height:53px;position:absolute;top:-2px;left:0;background-position:-151px -113px;z-index:50}
.new_txt{margin:14px 0 0;text-align:center;line-height:1.3}
.new_txt strong{display:block;font-size:18px;font-weight:500;color:#333;letter-spacing:-1px}
.new_txt p{margin:8px 0 14px;font-size:14px;color:#777;height:18px;overflow:hidden;text-overflow:ellipsis}
.nwprice{font-size:16px;line-height:18px;color:#e8550e;font-weight:500;}
.inprice{font-size:15px;line-height:18px;color:#000;font-weight:500;}
.ssale{font-size:13px;color:#b91629}
.new_list{float:left;padding:0 0 0 10px;width:238px}
.new_list li{float:left;width:91px;height:160px;margin:0 14px 14px;text-align:center}
.csale{display:inline-block;width:36px;height:36px;border-radius:50%;background:#0f589e;text-align:center;line-height:36px;color:#fff;font-size:11px;position:absolute;top:-10px;left:-15px}
.csale.low{background:#378fe3}
.new_stxt{display:block;font-size:14px;color:#333;height:56px;overflow:hidden;text-overflow:ellipsis}

.inter{background:url(img/in_bg.gif);border:1px solid #d7d8da;height:288px;padding:19px;overflow:hidden}
.in_lban{float:left;border:1px solid #d7d8da;width:244px;padding:0 14px;background:#fff}
.in_lban li{padding:20px 0;border-top:1px solid #d7d8da}
.in_lban li:first-child{border-top:0}
.inter_zone{width:690px;float:left;padding:0 28px 0 48px}
.intit{height:30px;line-height:30px;margin:0 0 20px;overflow:hidden}
.in_list{background:url(img/in_bimg_bg.gif) no-repeat 0 -1px;position:relative;padding:0 15px}
.for_list ul, .in_list ul{overflow:hidden}
.in_list li{float:left;width:145px;padding:0 10px}
.in_img{display:block;height:160px;width:116px;margin:0 auto 18px}
.new_stxt{text-align:center}
.new_stxt a{display:block;height:18px;overflow:hidden;text-overflow:ellipsis}
.in_arr a{display:block;z-index:10;width:20px;height:32px;position:absolute;top:66px}
.in_prev{left:-25px;background-position:0 -27px}
.in_next{right:-25px;background-position:-23px -27px}

.chul{height:410px}
.chul_list{border:1px solid #d8d8d8;border-top:0;height:279px;position:relative;padding:40px 50px}
.chul_list ul{overflow:hidden}
.chul_list li{float:left}
.chul_list li{float:left;width:145px;padding:0 25px}
.chul_box{background:url(img/chul_img_bg.gif) no-repeat 6px 0;height:182px;width:133px;padding:1px 6px;position:relative;margin:0 0 16px}
.ico_new{display:inline-block;width:40px;height:41px;position:absolute;left:6px;top:-1px;background-position:-213px -113px}
.chul_img{display:block;height:180px;width:131px;margin:0 auto 18px}
.chul_txt a{display:block;height:36px;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px}
.chul_txt del{color:#888;display:block;}
.chul_arr a{display:block;z-index:10;width:20px;height:32px;position:absolute;top:120px}
.chul_prev{left:25px;background-position:0 -27px}
.chul_next{right:25px;background-position:-23px -27px}

.for_sec{width:784px;float:left}
.tabbox{height:51px;border-bottom:1px solid #cbcbcb}
.tabbox ul{overflow:hidden}
.tabbox li{float:left}
.tabbox li:first-child a{width:391px}
.tabbox li a{display:block;text-align:center;margin:0 -1px 0 0;width:390px;padding:10px 0;background:#f7f7f7;font-size:17px;border:1px solid #ddd;border-bottom:0;letter-spacing:-1px;color:#111;font-weight:500;line-height:30px;text-decoration:none}
.tabBox li a:hover, .tabbox li.on a{z-index:1;border:1px solid #cbcbcb;border-bottom:none;background:#fff;font-weight:600;height:31px}
.tabbox li span{color:#e8550e}
.for_list{border:1px solid #cbcbcb;border-top:0;height:260px;padding:35px 45px;position:relative}
.for_list li{float:left;width:136px;padding:0 18px}
.for_box{background:url(img/for_img_bg.gif) no-repeat 8px 0;height:166px;width:122px;padding:1px 6px;margin:0 0 10px;position:relative}
.for_box span{display:inline-block;width:72px;height:20px;text-align:center;line-height:20px;background:#ee6650;font-size:11px;color:#fff;letter-spacing:-1px;position:absolute;top:0;left:8px}
.ban_book{width:280px;float:right}
.ingi_ban{height:165px;margin:13px 0 0}
.ingi_ban:first-child{margin:0}
.ingi_ban h3{font-size:16px;font-weight:600;color:#333;margin:0 0 10px;letter-spacing:-1px}
.ingi_ban dl{overflow:hidden}
.ingi_ban dd{float:left;width:92px;padding:4px 0 0}
.ingi_ban dt{float:left;width:160px;line-height:1.2}
.ingi_txt em{display:block;letter-spacing:-1px;font-size:11px;color:#499cd0}
.ingi_txt h4{font-size:17px;color:#333;height:40px;overflow:hidden;font-weight:600;text-overflow:ellipsis;letter-spacing:-1px}
.ingi_txt{background:url(img/ico_hit.png) no-repeat right bottom}
.ingi_txt p{color:#888;height:32px;width:115px;margin:8px 0 6px;overflow:hidden;text-overflow:ellipsis}
.ingi_ban strong{font-size:18px;color:#0d4faa;padding:0 0 0 8px;letter-spacing:-1px}

.bbox{border:1px solid #d8d8d8;height:370px;width:528px;float:left;margin:0 0 0 20px}
.bbox:first-child{margin:0}
.blist{height:250px;padding:35px 25px}
.blist li{float:left;width:130px;padding:0 14px}
.stzone{position:relative;background:url(img/bbox_bg.gif)}
.step{position:absolute;width:154px;border-right:1px solid #d8d8d8;z-index:10;background:#fff;height:320px}
.stzone .blist{width:323px;padding:35px 20px 35px 181px}
.step ul{padding:56px 0 0;background:url(img/step_bg.gif) no-repeat center 18px}
.step a{display:block;height:33px;line-height:33px;border-top:1px solid #e8e8e8;padding:0 0 0 14px;font-size:14px}
.step a:hover, .step a.on{background:url(img/roll_on.png) no-repeat;text-decoration:none;width:165px;color:#fff;font-weight:600;z-index:50}

.btmWrap{width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #a7a7a7;height:330px}
.noWrap{width:310px;float:left}
.notice{padding:30px 30px 0 10px}
.notit{overflow:hidden;height:30px}
.notice li{padding:5px 0;font-size:14px;letter-spacing:-1px}
.csWrap{width:270px;float:right;padding:30px 0 0 30px}
.cs_cen{padding:0 0 26px}
.cstxt strong{display:block;font-size:40px;color:#e8550e;font-weight:500;letter-spacing:-2px;line-height:40px;margin:0 0 3px}
.bank_txt p, .cstxt p{line-height:1.6;color:#888;font-size:14px}
.bank_txt p em, .cstxt p em{display:inline-block;width:54px}
.bank_txt{position:relative}
.bank_txt span{display:inline-block;width:74px;height:56px;background-position:0 -112px;position:absolute;right:0;top:-14px}
.qser{width:420px;height:300px;padding:30px 24px 0;float:left;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
.qser ul{overflow:hidden;background:#f7f7f7;border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;margin:10px 0 0}
.qser li{float:left;text-align:center;width:139px;height:110px;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.qser li:nth-child(3n){width:138px}
.qico{display:block;width:40px;height:40px;vertical-align:middle;margin:18px auto 10px;background-position:0 -64px}
.qico.qi1{background-position:-51px -64px}
.qico.qi2{background-position:-102px -64px}
.qico.qi3{background-position:-153px -64px}
.qico.qi4{background-position:-204px -64px}
.qico.qi5{background-position:-257px -64px}
.qser a{font-size:15px;letter-spacing:-1px;text-decoration:none}

/* footer */
.snsWrap{padding:40px 0;width:1080px;margin:0 auto}
.snsWrap ul{overflow:hidden;background:url(img/slash.gif) no-repeat 440px 0}
.snsWrap li{float:left}
.kakao{width:530px}
.fablog{width:340px;height:45px;background:url(img/fablog_txt.gif) no-repeat;padding:0 0 0 210px;overflow:hidden}
.fablog a{display:inline-block;float:left;width:160px;height:40px;vertical-align:middle;margin:0 0 0 3px;background-position:0 -231px}
.fablog a:first-child{background-position:0 -184px}

.footer{width:100%}
.fmenu{border-top:1px solid #dadada;border-bottom:1px solid #dadada;background:#f2f2f2;height:46px;line-height:46px;text-align:center}
.fmenu a{position:relative;padding:0 12px;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}
.fcopy{line-height:1.5;padding:40px 0}
.fcopy ul{width:1080px;margin:0 auto;overflow:hidden}
.fcopy li{float:left}
.fcopy li:first-child{width:260px;padding:20px 0 0}
.fcopy li:last-child{text-align:right;width:260px;padding:20px 0 0}
.ftxt{border-left:1px solid #dadada;border-right:1px solid #dadada;width:458px;padding:8px 50px}
.fcopy p{padding:8px 0 0;color:#1d9ebc}
.slash{padding:0 10px;color:#ddd;font-size:12px}