@charset "euc-kr";

body {background:url("../img/contents_bg.gif") repeat fixed 50% 0;}

.wrap_01 {min-width:980px;}
.wrap_02 {width:980px; margin:0 auto;}
.tbl.pad5 td {padding:5px;}

#header {background:#fff;}
#header header {padding:20px 0; overflow:hidden;}
#header header h1 {margin:-20px 0; height:80px; float:left;}
#header header h1 a {display:block; padding:0 10px; height:100%;}
#header header h1 a img {margin-top:14px;}
#header header .naver {float:left; margin-left:10px; overflow:hidden;}
#header header .naver input {display:block; float:left; width:139px; height:26px; padding:0 27px 0 10px; border:7px solid #2db400; font-family:"µ¸¿ò"; font-size:13px; line-height:26px; font-weight:700; letter-spacing:0; color:#797979; background:url("../img/naver_arrow.png") no-repeat 100% 50% #fff;}
#header header .naver button {float:left; margin-left:5px; width:52px; height:40px;}
header .top_nav {float:right; text-align:right; width:50%; font-size:0; line-height:0;}
header .top_nav > ul {display:inline-block;}
#ie7 header .top_nav > ul {display:inline;}
header .top_nav .myinfo {margin-right:-10px;}
header .top_nav .myinfo li {font-family:"µ¸¿ò"; font-size:12px; line-height:14px; margin:-1px 0; letter-spacing:0; color:#797979; padding:0 10px; float:left;}
header .top_nav .myinfo li a {display:block; margin:0 -10px; padding:0 10px; color:#797979;}
header .top_nav ul li + li:before {content:""; display:block; position:absolute; border-left:1px solid #eaeaea;}
header .top_nav .myinfo li + li:before {height:10px; margin:2px 0 2px -9px;}
#header header .top_nav .menu {margin-top:12px; margin-right:-12px;}
#header header .top_nav .menu li {float:left;}
#header header .top_nav .menu li a {display:block; padding:0 12px; font-size:16px; line-height:18px; margin:-1px 0; font-weight:700; color:#4d4d4d; overflow:hidden;}
#header header .top_nav .menu li a img {float:left; margin-top:1px; margin-right:7px;}
#header header .top_nav .menu li + li:before {height:15px; margin-top:1px;}
#ie7 #header header .top_nav ul li + li {border-left:1px solid #eaeaea;}

#etc_header {height:64px; background:url("../img/gnb_bg_01.gif") repeat-x 0 0 #f7812a; border-bottom:1px solid #eb7727;}
#etc_header header h1 {height:100%; float:left;}
#etc_header header h1 a {display:block;}
#etc_header header h1 img {margin-top:14px;}
#etc_header header .top_nav {margin-top:39px;}
#etc_header header .top_nav .myinfo li {color:#fff;}
#etc_header header .top_nav .myinfo li a {color:#fff;}
#etc_header header .top_nav ul li + li:before {border-left-color:#ffa563;}

#gnb {height:124px; border-bottom:1px solid #eb7727; background:url("../img/gnb_bg_01.gif") repeat-x 0 0 #f7812a;}
#gnb nav {height:100%;}
#gnb ul {border:1px solid #f9a135; border-width:0 1px; height:100%;}
#gnb ul li {width:138px; height:100%; float:left; position:relative;}
#gnb ul li + li {width:139px; border-left:1px solid #f9a135;}
#gnb ul li button {width:100%; height:125px; padding-bottom:42px; font-size:15px; line-height:18px; font-weight:700; color:#fff;}
#gnb ul li a {display:block; position:absolute; top:75px; left:50%; width:100px; height:30px; margin-left:-50px; text-align:center; font-size:14px; line-height:30px; font-weight:700; color:#fff; background:url("../img/gnb_btn.png") no-repeat 0 0;}
#gnb ul li.mall button {border:1px solid #fae091; border-bottom-color:#d7a825; border-width:0 1px 1px; background:url("../img/gnb_bg_03.gif") repeat-x 50% 0; color:#4d2f1e; padding-bottom:41px;}
#gnb ul li.on button {background:url("../img/gnb_bg_02.gif") repeat-x 50% 0; color:#fff; border:none; padding-bottom:42px;}
#gnb ul li.on a {background-position:0 -30px; color:#ff5400;}

#contents {position:relative; padding-top:40px;}

.loginBox {width:520px; margin:0 auto; padding-top:90px;}
.loginBox h2 {padding-left:18px; padding-bottom:22px;}
.loginBox .box {position:relative; padding:2px; height:216px; background:url("../img/login_box.png") no-repeat 0 0;}
.loginBox .box .notice {padding:20px 0; margin:0 152px 0 25px; border-bottom:1px solid #e9e9e9;}
.loginBox .box .notice li {padding-left:10px; background:url("../img/login_notice_dot.png") no-repeat 0 50%; font-size:0; line-height:0;}
.loginBox .box .notice li + li {margin-top:8px;}
.loginBox .box dl {margin:0 25px; padding:25px 0 0 130px; font-size:0; line-height:0; overflow:hidden;}
.loginBox .box dl dt {width:120px; height:25px; padding-bottom:10px; float:left; margin-left:-120px;}
.loginBox .box dl dt img {margin:4px 0;}
.loginBox .box dl dd {padding-bottom:10px;}
.loginBox .box dl dd input {padding:0 10px; width:158px; font-size:14px; line-height:23px; height:23px; color:#474747; border:1px solid #eaeaea; background:#f5f5f5; vertical-align:top;}
.loginBox .box .saveID {margin:0 25px; padding-left:130px; font-size:0; line-height:0;}
.loginBox .box .saveID input {width:13px; height:13px;}
.loginBox .box .saveID label {display:inline-block; padding:0 5px; font-family:"µ¸¿ò"; font-size:12px; line-height:15px; color:#626262;}
.loginBox .box .loginBtn {width:95px; height:60px; position:absolute; top:104px; left:347px; border:1px solid #ee7115; background:#f7812a;}

.fixContents {overflow:hidden; margin-bottom:45px;}
.fixContents .notice {float:left; width:610px; height:40px; background:url("../img/box_610x40.png") no-repeat 0 0;}
.fixContents .notice a {display:block; padding:0 20px 0 100px; font-family:"µ¸¿ò"; letter-spacing:0; font-size:12px; line-height:40px;}
.fixContents .notice a strong {display:block; width:80px; float:left; margin-left:-80px; color:#fb4745;}
.fixContents .notice a span {display:block; width:400px; color:#878787; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:normal; word-wrap:normal;}
.fixContents .notice a time {display:block; float:right; width:90px; margin-top:-40px; text-align:right; color:#c5c5c5;}
.fixContents .notice a:hover span {text-decoration:underline;}
.smallBnn {position:relative; float:right; width:350px; height:320px;}
.smallBnn .btn {position:absolute; top:26px; left:26px; z-index:10;}
.smallBnn .btn button {width:7px; height:7px; float:left; background:url("../img/small_bnn_btn.png") no-repeat 0 0; font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
#ie7 .smallBnn .btn button {text-indent:0;}
.smallBnn .btn button + button {margin-left:5px;}
.smallBnn .btn button.on {background-position:0 -7px;}
.smallBnn .img {width:100%; height:100%; position:relative; z-index:0;}
.smallBnn .img li {width:100%; height:100%; position:absolute; top:0; left:0;}
.smallBnn .img li a {display:block; width:100%; height:100%;}
.smallBnn .img li a img {width:100%; height:100%;}

.section .hgroup {padding:2px 22px 0; height:50px; border-bottom:1px solid #f3f3f3;}
.section .hgroup h2 {margin-top:-2px; height:49px; border-top:3px solid #fb4745; padding:0 5px; float:left;}
.section .hgroup h2 img {margin-top:16px;}
.section .hgroup p {height:100%; float:left; margin-left:5px;}
.section .hgroup p img {margin-top:20px;}
.section .hgroup .more {display:block; float:right; margin-top:13px;}

.workBox {position:absolute; width:610px; height:260px; margin-top:60px; z-index:30;}
.workBox .bigBnn {position:absolute; left:0; bottom:0; width:980px; height:320px; background:url("../img/contents_bg.gif") repeat fixed 50% 0; z-index:30;}
.workBox .bigBnn .btn {position:absolute; top:100%; left:0; right:0; text-align:center; height:8px; margin-top:17px; font-size:0; line-height:0;}
.workBox .bigBnn .btn button {width:8px; height:8px; background:url("../img/big_bnn_btn.png") no-repeat 0 0; font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
#ie7 .workBox .bigBnn .btn button {text-indent:0;}
.workBox .bigBnn .btn button + button {margin-left:5px;}
.workBox .bigBnn .btn button.on {background-position:0 -8px;}
.workBox .bigBnn .img {width:100%; height:100%;}
.workBox .bigBnn .img li {position:absolute; width:100%; height:100%;}
.workBox .bigBnn .img li a {display:block; width:100%; height:100%;}
.workBox .bigBnn .img li a img {width:100%; height:100%;}
.workBox .list {position:relative; width:100%; height:100%; z-index:10;}
.workBox .list > section {position:absolute; left:0; bottom:0; width:100%; height:100%; background:url("../img/box_610x260.png") no-repeat 0 0;}
.workBox .list > section .hgroup {border-bottom:none;}
.workBox .list > section.bnn {width:980px; height:320px; background:none;}
.workBox .list > section.bnn > a {display:block; width:100%; height:100%;}
.workBox .list > section.bnn > a img {width:100%; height:100%;}
.workBox .list > section table {border-top:1px solid #f3f3f3; font-family:"µ¸¿ò"; font-size:12px; letter-spacing:0; width:606px; margin:0 2px;}
.workBox .list > section table thead th {line-height:35px; color:#736357; background:no-repeat 50% 50%;}
.workBox .list > section table thead th + th,
.workBox .list > section table tbody td + td {border-left:1px solid #f3f3f3;}
.workBox .list > section table thead th:first-child {background-image:url("../img/th_110.png");}
.workBox .list > section table thead th:first-child + * {background-image:url("../img/th_60.png");}
.workBox .list > section table thead th:first-child + * + * {background-image:url("../img/th_60.png");}
.workBox .list > section table thead th:first-child + * + * + * {background-image:url("../img/th_190.png");}
.workBox .list > section table thead th:first-child + * + * + * + * {background-image:url("../img/th_80.png");}
.workBox .list > section table tbody td {border-top:1px solid #f3f3f3;padding-left:3px;padding-right:3px;}
.workBox .list > section table tbody td a {display:block; text-align:center; line-height:33px; color:#787e8e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:normal; word-wrap:normal;}
.workBox .list > section table tbody td:first-child + * + * a {color:#c5c5c5;}
.workBox .list > section table tbody td:first-child + * + * a strong {color:#787e8e;}
.workBox .list > section table tbody tr:hover td.title a {color:#ff8642;}

.board {overflow:hidden;margin-bottom:35px;}
.board .box {width:476px; height:216px; padding:2px; float:left; background:url("../img/box_480x220.png") no-repeat 0 0;}
.board .box + .box {margin-left:20px;}
.board .box .tabWrap {height:100%;}
.board .box aside {height:49px; padding:0 20px; border-bottom:1px solid #f3f3f3; font-size:0; line-height:0;}
.board .box aside button {padding:3px 5px 0; margin-top:-2px; min-width:0; height:100%;}
#ie7 .board .box aside button {padding-left:0; padding-right:0;}
.board .box aside button.on {padding-top:0; border-top:3px solid #fb4745;}
.board .box aside button img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity:0.4;}
.board .box aside button.on img {-ms-filter:none; filter:none; opacity:1;}
.board .box aside button + button {margin-left:31px;}
.board .box aside button + button:before {content:""; display:block; position:absolute; margin-left:-20px; height:17px; border-left:1px solid #dfdfdf;}
.board .box .tabWrap section {width:100%; height:100%;}
.board .box .tabWrap section .more {display:block; float:right; margin-top:-36px; margin-right:15px;}
.board .box .tabWrap section ul {padding:15px;}
.board .box .tabWrap section ul li a {display:block; font-family:"µ¸¿ò"; font-size:12px; line-height:27px; letter-spacing:0; padding-right:75px; padding-left:10px; background:url("../img/dot_01.gif") no-repeat 0 50%;}
.board .box .tabWrap section ul li a span {display:block; color:#787e8e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:normal; word-wrap:normal;}
.board .box .tabWrap section ul li a:hover span {color:#ff8642;}
.board .box .tabWrap section ul li a time {display:block; float:right; margin-top:-27px; margin-right:-75px; color:#c5c5c5;}
.board .box .tabWrap section ul li a.hilight span {color:#555;font-weight:bold;}
.board .box .tabWrap section ul li a.hilight:hover span {color:#ff8642;font-weight:bold;}

.section.mall {height:630px; background:url("../img/box_980x630.png") no-repeat 0 0;}
.section.mall .hgroup {border-bottom:none;}
.section.mall ul {overflow:hidden; padding:0 2px;}
.section.mall ul li {float:left; width:195px; height:287px; border-top:1px solid #f3f3f3; overflow:hidden;}
.section.mall ul li:before {content:""; display:block; position:absolute; height:218px; margin:35px 0; border-left:1px solid #f3f3f3;}
.section.mall ul li:first-child,
.section.mall ul li:first-child + * + * + * + * + * {width:196px;}
.section.mall ul li a {display:block; height:100%; padding:15px; text-align:center;}
.section.mall ul li a img {margin-bottom:10px; width:165px; height:165px;}
.section.mall ul li a span {display:block; font-size:14px; line-height:18px; color:#808080; max-height:36px; overflow:hidden;}
.section.mall ul li a strong {display:block; font-size:16px; line-height:20px; color:#fb4745; margin-top:8px;}
.section.mall .store_id_pw {position:relative; float:right; width:180px; margin:12px 10px; z-index:10;}
.section.mall .store_id_pw > button {width:180px; height:25px;}
.section.mall .store_id_pw aside {position:absolute; top:100%; right:0; margin-top:10px; border:1px solid #c1c1c1; width:280px; padding:0 15px 15px; background:#fff; display:none;}
.section.mall .store_id_pw aside.open {display:block;}
.section.mall .store_id_pw aside .tail {display:block; position:absolute; bottom:100%; right:80px; width:14px; height:9px; background:url("../img/store_id_pw_tail.png") no-repeat 0 0;}
.section.mall .store_id_pw aside:before {content:""; display:block; position:absolute; top:0; right:-4px; margin-top:2px; width:3px; height:100%; border:1px solid #e5e5e5; border-width:1px 0; background:#e5e5e5;}
.section.mall .store_id_pw aside:after {content:""; display:block; position:absolute; top:100%; right:-4px; margin-top:1px; width:100%; height:3px; border:1px solid #e5e5e5; border-width:0 1px; background:#e5e5e5;}
.section.mall .store_id_pw aside .close {position:absolute; top:10px; right:15px; width:24px; height:24px;}
.section.mall .store_id_pw aside h3 {height:45px; border-bottom:1px solid #e5e5e5;}
.section.mall .store_id_pw aside h3 img {margin-top:16px;}
.section.mall .store_id_pw aside .store_id_pw_conBox {height:220px; padding:0 10px; font-family:"µ¸¿ò"; overflow:auto;}
.section.mall .store_id_pw aside h4 {padding-left:18px; margin:0 -10px; font-size:14px; line-height:38px; color:#fb4745; background:url("../img/store_id_pw_icon.png") no-repeat 0 50%;}
.section.mall .store_id_pw aside table {font-size:11px; line-height:25px; color:#979797;}
.section.mall .store_id_pw aside table th {border:1px solid #c5c5c5; border-width:1px 0; background:#fcfcfc;}
.section.mall .store_id_pw aside table th + th:before {content:""; display:block; float:left; height:10px; border-left:1px solid #dedede; margin:7px 0;}
.section.mall .store_id_pw aside table th:first-child {font-family:Tahoma; letter-spacing:0;}
.section.mall .store_id_pw aside table tbody td {border-bottom:1px solid #ededed; font-family:Tahoma; text-align:center; letter-spacing:0;}

.mainBnnImg li {visibility:hidden;}

.quick {position:absolute; top:0; left:50%; width:135px; margin:40px 0 0 510px; text-align:center;}
.quick h2 {height:55px; border-bottom:1px solid #ddd283; font-size:13px; line-height:16px; font-weight:400; color:#564b45; background:url("../img/quick_top.png") no-repeat 0 0;}
.quick h2 span {display:block; font-size:16px; line-height:19px; font-weight:700; padding-top:10px;}
.quick .list {padding:0 1px 1px; background:url("../img/quick_bottom.png") no-repeat 0 100%;}
.quick .list h3 {border:1px solid #ebebeb; border-width:1px 0; height:28px; font-size:13px; line-height:28px; color:#f7812a; background:#f7f7f7;}
.quick .list > li:first-child h3 {border-top:none;}
.quick .list > li > ul > li {height:35px; font-size:13px; line-height:35px; color:#564b45;}
.quick .list > li > ul > li + li {border-top:1px solid #f3f3f3;}

footer {padding:30px 0; text-align:center;}
footer address {display:block; font-family:"µ¸¿ò"; font-size:12px; line-height:20px; letter-spacing:0; color:#939393;}
footer address strong {color:#fb4745;}