
body{background:#fffffff; color:#333333; letter-spacing:-.03em; font-family:'Noto Sans KR','sans-serif';}

.WrapPC{width:1328px;}
.Block{position:relative; min-width:1328px; max-width:1920px; margin:0px auto;}
.Header{position:fixed; width:100%; height:89px; border-bottom:1px solid #dddddd; background:#ffffff; box-shadow:0 0 20px rgba(0,0,0,.1); z-index:99;}
.Header .Logo{}
.Header .Logo .Inr{}
.Header .Logo .Inr img{}
.Header .Tb{display:table; width:100%;}
.Header .Tb .Td{display:table-cell; height:89px; vertical-align:middle;}
.Header .Menu{overflow:hidden;}
.Header .Menu a{display:inline-block; margin-left:25px; font-weight:700; font-size:18px; color:#333333;}
.Header .Menu a.On, .Header .Menu a:hover{color:#f5250e;}
.Header .Menu #PCVer, .Header .Menu #PCVer:hover{color:#f5250e;}
.Header .Menu #MBVer, .Header .Menu #MBVer:hover{color:#f5250e;}
.Header .Menu a.St, .Header .Menu a.St.On, .Header .Menu a.St:hover{color:#f5250e;}
.Header .SMenu{position:absolute; top:90px; width:100%; background:#f7f7f7; padding:20px 0px; border-bottom:1px solid #dddddd; display:none; box-shadow:0 0 20px rgba(0,0,0,.1);}
.Header .SMenu .Inr{width:600px; margin:0px auto; text-align:center;}
.Header .SMenu a{display:inline-block; padding:0px 20px; border:1px solid #e5e5e5; background:#ffffff; height:40px; line-height:40px; border-radius:40px; margin:10px 4px; font-weight:bold; color:#555555;}
.Header .SMenu a:hover{border:1px solid #f5250e; color:#f5250e;}
.HeaderSep{height:90px;}

.Footer{border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:20px 0px; background:#f7f7f7; margin-top:20px;}
.Footer .Inr{width:1328px; margin:0px auto; font-size:12px; color:#999999; line-height:1.8;}
.Footer .Inr .Blk{padding:0px 20px;}
.Footer .Inr em{display:inline-block; margin:0px 5px; font-size:10px; color:#cccccc;}

.Banner{position:relative; height:470px; background:#fafafa; border-bottom:1px solid #dddddd; box-shadow:0 5px 5px rgba(0,0,0,.1);}
.Banner .Img{position:absolute; top:0px; width:100%; height:inherit; background-repeat:no-repeat; background-position:center center; display:none;}
.Banner .Block{height:inherit;}
.Banner .Navi{position:absolute; width:120px; right:150px; bottom:70px; z-index:3;}
.Banner .Navi a{position:absolute; top:0px; display:block; width:17px; height:27px; background:url('Image/Arr.png') no-repeat;}
.Banner .Navi a.L{left:0px;}
.Banner .Navi a.R{right:0px; background-position:right 0px;}
.Banner .Navi .Num{display:block; color:#ffffff; font-weight:bold; font-size:20px; line-height:24px; text-align:center;}
.WrapPC .Banner{width:1328px; height:320px}
.WrapPC .Banner .Img{background-size:1328px;}

.Content{min-height:430px;}

.Title{padding:30px 0px; background:#f7f7f7; border-bottom:1px solid #dddddd;}
.Title .Inr{width:1328px; margin:0px auto; text-align:center;}
.Title .Ti{display:inline-block; font-weight:700; font-size:30px; margin:10px 0px 15px 0px; color:#ec4937; border-bottom:2px solid #ec4937; padding:0px 3px;}
.Title .Menu{text-align:center;}
.Title .Menu a{display:inline-block; padding:0px 20px; border:1px solid #e5e5e5; background:#ffffff; height:40px; line-height:40px; border-radius:40px; margin:10px 4px; font-weight:bold; color:#555555;}
.Title .Menu a:hover, .Title .Menu a.On{border:1px solid #f06c5e; color:#f06c5e;}

.Goods{display:block; width:1328px; margin:30px auto;}
.Goods::after{display:block; content:""; clear:both;}
.Goods li{position:relative; display:block; float:left; width:300px; height:400px; border:1px solid #e6e6e6; box-shadow:0 2px 20px rgba(0,0,0,.1); margin:15px; border-radius:15px; overflow:hidden; cursor:pointer;}
.Goods li.Sec{box-shadow:none; background:#f7f7f7;}
.Goods .Tb{display:table; width:inherit; height:inherit; table-layout:fixed;}
.Goods .Tb .Td{display:table-cell; padding:0px 20px; vertical-align:middle;}
.Goods .Lab{display:inline-block; padding:0px 10px; height:24px; line-height:24px; border-radius:24px; border:2px solid #db7361; font-size:12px; color:#db7361; font-weight:700;}
.Goods .Sub{display:block; margin-top:20px; padding-bottom:40px; font-size:32px; font-weight:700; line-height:1.4; word-break:keep-all;}
.Goods .More{position:absolute; bottom:20px; left:20px; font-size:24px; font-weight:700; border-bottom: 5px solid #999999; color:#999999;}
.Goods .Img{width:100%; height:220px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.Goods .Img img{width:100%;}
.Goods .Cnt {padding:15px 20px;}
.Goods .Cnt .Tp{display:block; font-size:12px; font-weight:700;}
.Goods .Cnt .Ti{display:block; font-size:16px; font-weight:700; line-height:1.6; margin-top:10px; height:45px; overflow:hidden;}
.Goods .Cnt .Amt{display:block; font-size:16px; font-weight:700; color:#f06c5e; margin-top:10px;}
.Goods .Cnt .Prd{display:block; font-size:12px; margin-top:10px; color:#666666;}

.View{display:table; width:100%; min-width:1280px; min-height:900px; table-layout:fixed;}
.View .Td{display:table-cell; width:40%; background:#fafafa; vertical-align:top;}
.View .Td.R{width:60%;}
.View.Tp .Td{display:table-cell;}
.View.Tp .Td.L{display:none;}
.View.Tp .Td.R{width:100%%;}
.View .Blk{position:relative;}
.View .Sld{position:fixed; top:0px; overflow:hidden; overflow-y:scroll; background:#fafafa;}
.View .Sld.L{left:0px;}
.View .Sld.R{right:0px;}
.View .Img{border-radius:10px; overflow:hidden; margin:10px;}
.View .Img img{width:100%;}
.View .Navi{position:absolute; top:20px; right:30px; z-index:2; padding:10px; background:#000000; border-radius:10px; opacity:.5; display:none;}
.View .Navi .In{position:relative; width:120px; height:27px;}
.View .Navi a{position:absolute; top:0px; left:0px; display:block; width:17px; height:27px; background:url('Image/Arr.png') no-repeat;}
.View .Navi a.R{left:initial; right:0px; background-position:right 0px;}
.View .Navi .Num{display:block; color:#ffffff; font-weight:bold; font-size:20px; line-height:24px; text-align:center;}
.View .Sub{padding:70px 50px; background:#ffffff; border-bottom:1px solid #e5e5e5;}
.View .Sub .Tp{font-size:16px; font-weight:700; color:#666666;}
.View .Sub .Ti{font-size:26px; font-weight:700; line-height:1.4; margin-top:10px;}
.View .Sub .Amt{font-size:26px; font-weight:700; color:#f06c5e; margin-top:20px;}
.View .Sub .Prd{font-size:18px; font-weight:700; color:#666666; margin-top:20px;}
.View .Sub .Sch{font-size:18px; font-weight:700; color:#ffffff; margin:30px auto 0px auto; display:block; width:300px; height:50px; line-height:50px; text-align:center; border:1px solid #dd5800; background:#ff6600;}
.View .Sub .Res{font-size:18px; font-weight:700; color:#ffffff; margin:30px auto 0px auto; display:block; width:300px; height:50px; line-height:50px; text-align:center; border:1px solid #267e1f; background:#309e27;}
.View .Cnt{padding:70px 50px; line-height:1.4; background:#f7f7f7;}
.Edt-Img{cursor:pointer;}

.Copy{border-top:1px solid #dddddd; padding:20px; background:#ffffff;}
.Copy .Inr{margin:0px auto; font-size:12px; color:#999999; line-height:1.8;}
.Copy .Inr em{display:inline-block; margin:0px 5px; font-size:10px; color:#cccccc;}
.Copy .Inr .Bm{margin-top:5px;}

.Zoom{position:fixed; width:100%; height:100%; top:0px; left:0px; background:url('Image/AltBg.png'); z-index:9999; overflow:auto; display:none; cursor:pointer;}
.Zoom .Tb{display:table; width:100%; height:100%;}
.Zoom .Tb .Td{display:table-cell; vertical-align:middle; text-align:center;}
.Zoom .Img{display:inline-block; padding:20px;}
.Zoom .Img img{max-width:100%; display:inline-block;}
.ZoomTip{position:absolute; border:1px solid #666666; background:#ffffff; padding:5px 10px; font-size:12px; border-radius:30px; opacity:.8;}

.Loading{position:relative;}
.Loading .LInr{position:absolute; display:block; top:0px; left:0px; width:100%; z-index:999;}
.Loading .LInr .LImg{display:block; background:#ffffff url('/Skin/Default/Image/Loading.gif?d=1'); width:46px; height:46px; margin:15px auto; border-radius:46px; border:1px solid #d6d6d6;}

.Sign{width:500px; border:1px solid #d6d6d6; margin:30px auto 30px auto; background:#fff;}
.Sign .Inr{padding:30px;}
.Sign .Ti{font-size:22px; font-weight:700; padding-bottom:20px; border-bottom:1px solid #e6e6e6;}
.Sign .Cnt{padding-top:20px;}
.Sign .Cnt ul{display:table; width:100%; table-layout:fixed;}
.Sign .Cnt ul li{display:table-cell; position:relative; vertical-align:middle; height:40px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Sign .Cnt ul li em{color:#cc0000; font-weight:400;}
.Sign .Cnt ul.STi{margin-bottom:5px;}
.Sign .Cnt ul.Sh li{height:30px;}
.Sign .Cnt ul.Sh2 li{height:35px;}
.Sign .Cnt ul li:first-child{width:30%;}
.Sign.V .Cnt ul li:first-child{width:45%;}
.Sign .Cnt ul.Ln{border-top:1px solid #e6e6e6; margin-top:10px;}
.Sign .Cnt ul.Ln li{padding-top:10px;}
.Sign .Cnt ul.One li:first-child{width:100%;}
.Sign .Cnt ul li input[type=text], .Sign .Cnt ul li select{width:100%; height:30px; border:1px solid #d6d6d6; box-sizing:border-box; padding:0px 10px; line-height:30px;}
.Sign .Cnt ul li input[type=file]{width:100%; height:30px;}
.Sign .Cnt ul li.St{font-weight:700;}
.Sign .Cnt ul li label.R0{cursor:pointer;}
.Sign .Cnt ul li label.R0:hover{text-decoration:underline;}
.Sign .Cnt ul li a.R1:hover{text-decoration:underline;}

.Sign .Cnt a.SBtn{position:absolute; top:5px; right:0px; display:block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; border:1px solid #d6d6d6; background:#fafafa;}
.Sign .Cnt .SLdBar{position:absolute; top:-15px; right:50px;}
.Sign .Cnt a.Btn{font-size:18px; font-weight:700; color:#ffffff; margin:25px auto 0px auto; display:block; height:50px; line-height:50px; text-align:center; border:1px solid #dd5800; background:#ff6600;}
.Sign .Cnt .Gd{border-top:1px solid #e6e6e6; margin-top:15px; padding:15px 0px 10px 0px;}
.Sign .Cnt .Gd.Fir{border-top:none; margin-top:0px; padding:15px 0px 10px 0px;}
.Sign .Cnt .Gd .G1{font-weight:700;}
.Sign .Cnt .Gd .G2{position:relative; margin-top:15px; line-height:180%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Sign .Cnt .Gd .Stt{color:#f5250e; font-weight:600;}
.Sign .Cnt .Expn{border-top:1px solid #e6e6e6; margin-top:20px; font-size:13px; padding:10px 5px 0px 5px; line-height:180%;}
.Sign .Cnt .Expn em{text-decoration:underline;}
.Sign .Cnt .Expn .S{color:#cc0000; font-weight:400;}
.Sign .Cnt .TIf{display:none;}

.Rule{position:absolute; width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.Rule .Ti{font-size:20px; font-weight:700; padding:20px 10px; border-bottom:1px solid #e6e6e6;}
.Rule .Cnt{padding:20px 10px;}

.Resv{display:block; width:1328px; margin:30px auto;}
.Resv::after{display:block; content:""; clear:both;}
.Resv li{position:relative; display:block; float:left; width:300px; height:445px; border:1px solid #e6e6e6; box-shadow:0 2px 20px rgba(0,0,0,.1); margin:15px; border-radius:15px; overflow:hidden; cursor:pointer;}
.Resv .Cnt{padding:15px 20px 0px 20px;}
.Resv .Cnt.Up{border-bottom:1px solid #e6e6e6; padding-bottom:20px; background:#215789; color:#fff;}
.Resv .Cnt.Up.RUN{background:#ec6717;}
.Resv .Cnt.Up.END{background:#288e33;}
.Resv .Cnt.Up.CNL{background:#288e33;}
.Resv .Cnt .Tp{font-size:12px; font-weight:700;}
.Resv .Cnt .Ti{font-size:16px; font-weight:700; line-height:1.6; margin-top:10px; height:45px; overflow:hidden;}
.Resv .Cnt .Ul{display:table; width:100%; table-layout:fixed;}
.Resv .Cnt .Ul .Li{display:table-cell; position:relative; vertical-align:middle; height:35px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Resv .Cnt .Ul .Li:first-child{width:50%; font-weight:700;}
.Resv .Cnt .Expn{border-top:1px solid #e6e6e6; margin-top:15px; font-size:13px; padding:10px 5px 0px 5px; line-height:180%;}
.Resv .Cnt .Expn em{text-decoration:underline;}
.Resv .Cnt .Expn .S{color:#cc0000; font-weight:400;}

