@charset "euc-kr";
/* CSS Document */

/* �ؽ�Ʈ? */
.arrow01 {font-size:1.5em; font-weight:bold; background:url(../img/arrow01.gif) 0 3px no-repeat; padding:0 0 0 25px;}	
.txt03 {font-size:1.3em;}	
.txt05 {font-size:0.9em;}	

#wrap {width:100%; position:relative; overflow:hidden; }
.util_wrap {width:100%; height:33px; z-index:20; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}
.util_wrap .utilmenu {width:98%; height:32px; margin:0 auto; color:#fff;}
.util_wrap .utilmenu ul {float:right; width:100%;}
.util_wrap .utilmenu li {float:left; color:#fff; width:12%; padding:7px 0 0 20px;}
.util_wrap .utilmenu li a {color:#333

;}

#svisual_wrap {width:100%; height:250px; position:relative; z-index:2;}
#svisual_wrap .header {width:98%; margin:0 auto; position:relative; z-index:100;}
#svisual_wrap .header .logo {position:absolute; top:72px; left:35%; z-index:5;}
.search_wrap {background-color:#fff; width:35%; height:33px; position:absolute; z-index:5; top:75px; right:3%; border:1px solid #292929;}
.search_wrap input[type=text] {border:0; width:70%; padding:5px 5px; height:20px; float:left; letter-spacing:-1px;}
.search_wrap input[type=image] {border:0; float:right;}
.group {display:none;}
/*#svisual_wrap .header .gnb {position:absolute; background-color:#000; top:114px; height:44px; opacity:0.7; z-index:99; width:98%; color:#fff;}
*/
#svisual_wrap .header .gnb {position:absolute; top:145px; height:44px; z-index:99; width:100%; color:#fff;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;

}
#svisual_wrap .header .gnb li {float:left; color:#fff; text-align:center; width:15%; font-size:1em; padding:13px 0 0 0;}
#svisual_wrap .header .gnb li a {color:#fff;}
#svisual_wrap .header .gnb li .bar {float:right; color:#fff !important;}
#svisual_wrap .svisual01 {background:url(../img/sub/svisual01.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual02 {background:url(../img/sub/svisual02.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual03 {background:url(../img/sub/svisual03.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual04 {background:url(../img/sub/svisual04.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual05 {background:url(../img/sub/svisual05.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual06 {background:url(../img/sub/svisual06.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual07 {background:url(../img/sub/svisual07.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual08 {background:url(../img/sub/svisual08.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual09 {background:url(../img/sub/svisual08.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}
#svisual_wrap .svisual11 {background:url(../img/sub/svisual08.jpg) center 0 no-repeat; height:231px; width:100%; position:absolute;left:0px;top:0px; z-index:2;}

#scontent_wrap {width:100%; position:relative; background:url(/img/scontent_bg.gif) 100% 0 repeat-x;}
#scontent_wrap .scontent {width:98%; margin:0 auto; position:relative;}
#scontent_wrap .scontent:after {content:""; display:block; height:0; clear:both; visibility:hidden;}

.stitle_wrap {width:100%; position:relative; padding:0 0 30px 0;}
.stitle_wrap:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.stitle_wrap .stitle {font-size:2.5em; color:#313131; font-weight:bold;}
.stitle_wrap .location {font-size:1em; float:right;}
.stitle_wrap .location li {float:left; padding:0 0 0 0px;}
.stitle_wrap .location li.bar {padding:0 5px;}
.slnb_tab01 {width:100%; position:relative; padding:0px 0;}
.slnb_tab01:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab01 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab01:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab01 ul li {width:33%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab01 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab01 ul li a {width:33%;}
.slnb_tab01 ul li.on {background-color:#3e74bf;}
.slnb_tab01 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab01 ul li.off {}
.slnb_tab01 ul li.off a {width:100%; display:inline-block;}

.slnb_tab02 {width:100%; position:relative; padding:0px 0;}
.slnb_tab02:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab02 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab02:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab02 ul li {width:20%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab02 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab02 ul li a {width:20%;}
.slnb_tab02 ul li.on {background-color:#3e74bf;}
.slnb_tab02 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab02 ul li.off {}
.slnb_tab02 ul li.off a {width:100%; display:inline-block;}

.slnb_tab03 {width:100%; position:relative; padding:0px 0;}
.slnb_tab03:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab03 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab03:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab03 ul li {width:50%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab03 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab03 ul li a {width:50%;}
.slnb_tab03 ul li.on {background-color:#3e74bf;}
.slnb_tab03 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab03 ul li.off {}
.slnb_tab03 ul li.off a {width:100%; display:inline-block;}

.slnb_tab04 {display:none;}
.slnb_tab04:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab04 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab04:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab04 ul li {width:25%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab04 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab04 ul li a {width:25%;}
.slnb_tab04 ul li.on {background-color:#3e74bf;}
.slnb_tab04 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab04 ul li.off {}
.slnb_tab04 ul li.off a {width:100%; display:inline-block;}

.slnb_tab05 {width:100%; position:relative; padding:0px 0;}
.slnb_tab05:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab05 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab05:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab05 ul li {width:33%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab05 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab05 ul li a {width:33%;}
.slnb_tab05 ul li.on {background-color:#3e74bf;}
.slnb_tab05 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab05 ul li.off {}
.slnb_tab05 ul li.off a {width:100%; display:inline-block;}

.slnb_tab06 {display:none;}
.slnb_tab06:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab06 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab06:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab06 ul li {width:25%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab06 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab06 ul li a {width:25%;}
.slnb_tab06 ul li.on {background-color:#3e74bf;}
.slnb_tab06 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab06 ul li.off {}
.slnb_tab06 ul li.off a {width:100%; display:inline-block;}

.slnb_tab07 {width:100%; position:relative; padding:0px 0;}
.slnb_tab07:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab07 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab07:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab07 ul li {width:25%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; border-bottom:1px solid #d4d4d4;}
.slnb_tab07 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab07 ul li a {width:25%;}
.slnb_tab07 ul li.on {background-color:#3e74bf;}
.slnb_tab07 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab07 ul li.off {}
.slnb_tab07 ul li.off a {width:100%; display:inline-block;}

.slnb_tab08 {width:100%; position:relative; padding:0px 0;}
.slnb_tab08:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab08 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab08:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab08 ul li {width:33%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab08 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab08 ul li a {width:33%;}
.slnb_tab08 ul li.on {background-color:#3e74bf;}
.slnb_tab08 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab08 ul li.off {}
.slnb_tab08 ul li.off a {width:100%; display:inline-block;}

.slnb_tab10 {width:100%; position:relative; padding:0px 0;}
.slnb_tab10:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.slnb_tab10 {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.slnb_tab10:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.slnb_tab10 ul li {width:50%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.slnb_tab10 ul li:hover {background-color:#eee; color:#fff; }
.slnb_tab10 ul li a {width:33%;}
.slnb_tab10 ul li.on {background-color:#3e74bf;}
.slnb_tab10 ul li.on a {width:100%; display:inline-block; color:#fff;}
.slnb_tab10 ul li.off {}
.slnb_tab10 ul li.off a {width:100%; display:inline-block;}


.slnb_btn {float:right; padding:20px 0;}

.content_area {margin:30px 0; position:relative; min-height:600px;}
.content_area:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.content_area .txt01 {font-size:1.5em; line-height:38px; float:left;}
.content_area .blue {color:#3e73bf;}
.content_area .txt02 {font-size:2em; line-height:32px;}


#side_pop {display:none;}

#quick {display:none;}

#footer {display:none;}

/* subcontents */
.sub01_about {width:100%; float:left; background:url(/img/sub/about01.jpg) right bottom no-repeat; padding:0px 0 100px 0; }
.sub01_03 {width:100%; float:left; padding:0px 0 20px 0; } 
.sub01_03 dl {float:left; width:100%;}
.sub01_03 dl dt {font-size:1.5em; font-weight:bold; background:url(../img/arrow01.gif) 0 3px no-repeat; padding:0 0 20px 25px;width:9% !important; float:left;}
.sub01_03 dl dd {width:85%; float:left; font-size:1.5em !important; padding-bottom:20px;}

.company_wrap {width:100%; height:300px;}
.company_wrap p {width:100%; float:left;}
.company_wrap p img {max-width:100%;}
.company {padding:20px; float:left;}
.company label {float:left; padding:5px 20px 0px 0;}
.company label input {padding:5px;}
.company input[type=password] {padding:6px;}
.company input[type=submit] {border:none;}
.company .company_btn {width:80px; height:30px; background-color:#3e73bf; color:#fff; margin-left:15px;}


/* ����Ʈ��*/
.sitemap {width:100%; padding:30px 0; position:relative;  background-color:#f9f9f9;}
.sitemap:after {clear:both; display:block; content:"";}
.sitemap dl {width:30%; margin:0 1%; float:left; height:260px; border-right:1px solid #d4d4d4; background-color:#feffff;}
.sitemap dl:last-child {border-right:none;}
.sitemap dl dt {width:96%; height:20px; padding:10px; font-size:1.1em; }
.sitemap dl dt a {font-weight:bold;}
.sitemap dl dd {width:100%; padding:8px 10px 8px 15px;}
.sitemap dl dd a:hover {text-decoration:underline; color:#3e73bf;}


/* 로그??관??*/
.login_tab {width:100%; position:relative; padding:0px 0;}
.login_tab:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
.login_tab {width:100%; position:relative; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; border-bottom:1px solid #6b6b6b;}
.login_tab:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.login_tab ul li {width:20%; float:left; text-align:center; background:url(/img/mgoods_bg.gif) 0 0 no-repeat; padding:15px 0; font-size:1.2em; }
.login_tab ul li:hover {background-color:#eee; color:#fff; }
.login_tab ul li a {width:25%;}
.login_tab ul li.on {background-color:#3e74bf;}
.login_tab ul li.on a {width:100%; display:inline-block; color:#fff;}
.login_tab ul li.off {}
.login_tab ul li.off a {width:100%; display:inline-block;}

.txt20 {font-size:20px; }

.login_box {border:1px solid #e0e0e0; width:98%; float:left; height:300px; margin:30px 0; position:relative;}
.login_box dl {width:96%; float:left;}
.login_box .ml_id {width:76%; padding:2%; float:left;}
.login_box .ml_pw {width:76%; padding:2%; clear:left;}
.login_box dt {float:left; width:15%; padding-top:8px; font-size:15px;} 
.login_box dd {float:left; width:80%;}
.login_box dd input[type=text] {width:95%; padding:5px; border:1px solid #ddd;}
.login_box dd input[type=password] {width:95%; padding:5px; border:1px solid #ddd;}

.login_box .login_btn {float:left; margin:-30px 0 0 0%; }


.login_box .login_right {width:100%; position:relative; clear:left; height:100px;}
.login_box .login_right dl {width:96%; padding:0 2%;}
.login_box .login_right .ml_findid {width:96%; float:left; padding:10px 2%; }
.login_box .login_right .ml_findid dt {background:url(/img/sub/arrow01.gif) 0 0 no-repeat; padding:0 0 0 25px; width:45%; float:left;}
.login_box .login_right .ml_findid dd {background-color:#f9aa1f; border-radius:3px; padding:5px 10px; width:30%; height:20px; font-size:13px; text-align:center; float:right;}
.login_box .login_right .ml_findid dd a {color:#fff;}
.login_box .login_right .ml_findpw {width:96%; float:left; padding:10px 2%; }
.login_box .login_right .ml_findpw dt {background:url(/img/sub/arrow01.gif) 0 0 no-repeat; padding:0 0 0 25px; width:45%;}
.login_box .login_right .ml_findpw dd {background-color:#f9aa1f; border-radius:3px; padding:5px 10px; width:30%; height:20px; font-size:13px; text-align:center; float:right;}
.login_box .login_right .ml_findpw dd a {color:#fff;}

.login_join {float:left; width:94%; margin:-15% 0 0 0; padding:0 2%}
.login_join dt {float:left; width:40%; padding:5px 0 0 0;} 
.login_join dd {background-color:#4ab7ff; border-radius:3px; padding:5px 10px; width:30%; height:20px; font-size:13px; text-align:center; float:right;}
.login_join dd a {color:#fff;}

/* ?�이?�비밀번호 찾기 */

.login_box .find_right {width:500px; position:absolute; top:60px; left:650px; height:100px;}
.login_box .find_right ul {float:left; width:500px; height:80px;}
.login_box .find_right li {float:left; width:400px; height:35px; }

.login_box .ml_hint {width:600px; position:absolute; top:93px; left:115px;}
.login_box .ml_hint dt {float:left; width:80px; padding-top:8px; font-size:15px;} 
.login_box .ml_hint dd {float:left; margin-right:10px;}
.login_box .ml_hint dd input[type=text] {width:150px; padding:5px; border:1px solid #ddd;}
.login_box .ml_hint dd input[type=password] {width:150px; padding:5px; border:1px solid #ddd;}

.login_box .hint_btn {position:absolute; width:60px; height:25px; background-color:#3e2b0e; border-radius:3px; color:#fff; top:88px; left:550px; padding:10px 10px 0 10px; text-align:center;}

/* ȸ������ */

/* ȸ������ */
.member {width:100%; float:left;}

.member .regist_wrap {width:100%; float:left;}
.member .regist01 {width:48%; float:left; margin:0 1%;}
.member .regist01 table {width:100%; float:left; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin:20px 0;}
.member .regist01 table th {width:26%; float:left; text-align:left; padding:15px 2%; border-bottom:1px solid #d4d4d4; font-size:1em; font-family:nanumgothic; font-weight:normal; background-color:#f2f2f2;}
.member .regist01 table .bdr_none {border-bottom:none;}
.member .regist01 table td {width:66%; float:left; padding:8px 2%; border-bottom:0px solid #d4d4d4; text-align:left;}
.member .regist01 table td input {border:1px solid #d4d4d4; padding:5px; width:80%;}
.member .regist01 table td .id_search {width:50%;}
.member .regist01 table td .id_btn {padding-left:25px; display:inline-block; border:1px solid #d4d4d4; background-color:#f2f2f2; width:20%; padding:5px 15px;}
.member .regist01 table td .id_btn:hover {background-color:#5b91dc; color:#fff; }
.member .regist01 table td .post_btn {padding-left:25px; display:inline-block; border:1px solid #d4d4d4; background-color:#f2f2f2; width:28%; padding:5px 10px 2px 10px; font-size:0.9em; text-align:center;}
.member .regist01 table td .post_btn:hover {background-color:#5b91dc; color:#fff; }

.member .regist01 table td select {width:80%; border:1px solid #d4d4d4;}
.member .regist01 table td .email {width:50%;}
.member .regist01 table td .email_check {width:5%; margin-left:20px;}
.member .regist01 table td .phone {width:15%; margin:0 15px;}
.member .regist01 table td .address_form {float:left; width:150%; margin:0 0 0 -20px;}
.member .regist01 table td .add {width:45%; margin-right:10px;float:left;}

.member table {width:100%; float:left; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin:20px 0;}
.member table th {width:11%; float:left; text-align:left; padding:15px 2%; border-bottom:1px solid #d4d4d4; font-size:1em; font-family:nanumgothic; font-weight:normal; background-color:#f2f2f2;}
.member table .bdr_none {border-bottom:none;}
.member table td {width:31%; float:left; padding:8px 2%; border-bottom:0px solid #d4d4d4; text-align:left;}
.member table td input {border:1px solid #d4d4d4; padding:5px; width:80%;}
.member table td .id_search {width:50%;}
.member table td .id_btn {padding-left:25px; display:inline-block; border:1px solid #d4d4d4; background-color:#f2f2f2; width:20%; padding:5px 15px;}
.member table td .id_btn:hover {background-color:#5b91dc; color:#fff; }
.member table td .post_btn {padding-left:25px; display:inline-block; border:1px solid #d4d4d4; background-color:#f2f2f2; width:28%; padding:5px 10px 2px 10px; font-size:0.9em; text-align:center;}
.member table td .post_btn:hover {background-color:#5b91dc; color:#fff; }

.member table td select {width:80%; border:1px solid #d4d4d4;}
.member table td .email {width:50%;}
.member table td .email_check {width:5%; margin-left:20px;}
.member table td .phone {width:15%; margin:0 15px;}
.member table td .address_form {float:left; width:150%; margin:0 0 0 -20px;}
.member table td .add {width:45%; margin-right:10px;float:left;}

.member .join_btn {width:100%; float:left; text-align:center; padding:0px 0 10px 0; margin:20px 0 0 0; }
.member .join_btn a {color:#fff;}
.member .join_btn01 {text-align:center; font-size:1.2em; width:150px;  padding:15px 10px; background-color:#3e74bf; border-radius:3px; color:#fff; display:inline-block;}
.member .join_btn02 {margin-left:30px; text-align:center; font-size:1.2em; width:150px;  padding:15px 10px; background-color:#969696; border-radius:3px; color:#fff; display:inline-block;}
.member .join_btn03 {text-align:center; font-size:1.2em; width:150px;  padding:15px 10px; background-color:#969696; border-radius:3px; color:#fff; display:inline-block;}


.join_wrap {float:left; width:100%; padding:30px 0; }
.join_wrap textarea {width:96%; padding:2%; margin:15px 0; height:250px; line-height:24px; float:left;}

.join_wrap .agree {width:90%; padding:0 2%; float:left; text-align:left; }
.join_wrap .agree input[type=checkbox] {width:50px; height:20px;}

.join_wrap .join_btn {width:100%; float:left; text-align:center; padding:0px 0 10px 0; margin:20px 0 0 0; }
.join_wrap .join_btn a {color:#fff;}
.join_wrap .join_btn01 {text-align:center; font-size:1.2em; width:150px;  padding:15px 10px; background-color:#3e74bf; border-radius:3px; color:#fff; display:inline-block;}
.join_wrap .join_btn02 {margin-left:30px; text-align:center; font-size:1.2em; width:150px;  padding:15px 10px; background-color:#969696; border-radius:3px; color:#fff; display:inline-block;}
.join_wrap .join_btn03 {text-align:center; font-size:1.2em; width:150px;  padding:15px 10px; background-color:#969696; border-radius:3px; color:#fff; display:inline-block;}

.join_wrap table {width:100%; clear:left; margin:30px 0;}
.join_wrap table th {background-color:#eee; padding:10px; font-size:1.1em; border-bottom:1px dashed #b7b7b7;}
.join_wrap table td {padding:10px; border-bottom:1px dashed #b7b7b7;}
.join_wrap table td input {padding:10px; background-color:#eee; border:0; margin:0 10px;}
.join_wrap table td input[type=text] {width:30%;}

.join_wrap p {width:100%;}
.txt04 {font-size:0.8em; color:#3e73bf;}
.join_finish {width:98%; float:left; text-align:center; padding:0 0 10px 0; }
.join_finish .login_btn {width:80px; height:20px; background-color:#3e2b0e; border-radius:3px; color:#fff;  padding:10px 10px 10px 10px; text-align:center; display:inline-block; font-size:18px;}

.join_congration {width:100%; text-align:left; padding:20px;}
.join_congration p {padding:0 20; text-align:center; margin:30px 0;}
.join_congration p a {display:inline-block; background-color:#5b91dc; color:#fff; font-weight:bold; padding:10px 25px;}

/* ���̵�/��й�ȣ ã�� */
.find_txt {float:left; width:100%; font-size:1.5em; line-height:30px;}
.find_txt02 {float:left; font-size:1.1em !important; padding:10px 0 15px 0; width:100%; border-bottom:1px solid #d4d4d4; }
.findid {width:100%; float:left; margin:30px 0 0 0;}
.findid .tit {font-size:1.5em; float:left; width:100%; }
.findid table {width:95%; float:left; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin:20px 0;}
.findid table th {width:25%; float:left; text-align:left; padding:15px 2%; border-bottom:1px solid #d4d4d4; font-size:1em; font-family:nanumgothic; font-weight:normal; background-color:#f2f2f2;}
.findid table .bdr_none {border-bottom:none;}
.findid table td {width:50%; float:left; padding:8px 2%; border-bottom:0px solid #d4d4d4; text-align:left;}
.findid table td.find_btn {width:10%; float:left; margin:-20px 0 0 -20px; }
.findid table td.find_btn a {display:inline-block; border:1px solid #d4d4d4; width:80px; height:20px; text-align:center; padding:5px 0 5px 0;}
.findid table td.find_btn02 {width:10%; float:left; margin:0px 0 0 -20px; }
.findid table td.find_btn02 a {display:inline-block; border:1px solid #d4d4d4; width:80px; height:20px; text-align:center; padding:5px 0 5px 0;}

.findid table td select {width:85%; border:1px solid #d4d4d4;}
.findid table td input {border:1px solid #d4d4d4; padding:5px; width:85%;}
.findid table td .post_btn {display:inline-block; border:1px solid #d4d4d4; background-color:#f2f2f2; width:10%; font-size:0.9em; text-align:center; margin:-80px 0 0 0;}
.findid table td .post_btn:hover {background-color:#5b91dc; color:#fff; }


/* ?�용?��?, 개인?�보처리방침 ??*/
.member {width:100%; float:left;}
.member textarea {width:96%; padding:2%; margin:30px 0; height:450px; line-height:30px;}

/* sub shop list */
.sub_list:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.sub_list ul {width:98%; float:left;}
.sub_list ul li {float:left; width:48%; height:300px; margin:0 10px 20px 0px; background-color:#fff;}
.sub_list .sub_goods {padding:5px; float:left;}
.sub_list .sub_goods .img {float:left;}
.sub_list .sub_goods .best_tit {padding:10px 0 0 0; width:100%; float:left; text-align:left; font-size:13px; color:#363636; font-weight:bold; }
.sub_list .sub_goods .best_origin {padding:15px 0 0 0px; width:100%; float:left; text-align:left; font-size:0.95em; color:#5c5c5c; letter-spacing:-0.5px;}
.sub_list .sub_goods .best_price {padding:10px 0 0 0px; width:100%; text-align:right; float:right; text-align:left; font-size:1.5em; font-weight:bold; color:#f8a607; letter-spacing:0px;}
.sub_list .sub_goods .price {font-size:0.6em !important;}

/**************************************  ****************************************************/ 

/*  */
.bbs_search {width:100%; position:relative; padding:10px 0;}
.bbs_search select {width:120px;}
.bbs_search input[type=text] {width:350px; padding:5px;}
.bbs_search .btn_search01 {padding:5px 0 0 0;}

/* */
.bbs_wrap {width:100%; position:relative; margin:20px 0;}
.bbs_default {width:100%; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_default th {padding:10px 0; background-color:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_default td {padding:10px 0; border-bottom:1px dashed #ddd;}
.bbs_default td.board_tit {padding:0 0 0 2%;}
.bbs_default td a:hover {color:#267ac1; text-decoration:underline;}
.bdr_none {border-right:none !important;}
 
/*  */
.paging_box {clear:both; text-align:center; margin:30px 40%; width:100%;}
.paging_box:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.paging_box .paging01 {width:30px; border-radius:5px; height:10px; text-align:center; padding:2px 5px 7px 5px; background-color:#3e73bf; color:#fff; float:left;}
.paging_box .paging02 {width:30px; border-radius:5px; height:10px; text-align:center; padding:2px 5px 7px 5px; background-color:#3e73bf; color:#fff; float:left;}
.paging_box .paging01 a {color:#fff;}
.paging_box .paging02 a {color:#fff;}
.paging_box ul { text-align:center; float:left; margin:0 20px;}
.paging_box ul li {float:left; padding:0 5px;}
.paging_box ul li a:hover {color:#3e73bf; text-decoration:underline;}

.bbs_list {width:100%; position:relative; margin:30px 0; border-top:1px solid #ddd;}
.bbs_list dl {width:100%; position:relative; position:relative;}
.bbs_list dl dd {width:83%; padding:10px 0; float:left; border-bottom:1px solid #ddd;}
.bbs_list dl .list01 {background:url(/img/board/list01.gif) 70px 10px no-repeat; width:13%; padding:10px 0; background-color:#f3f3f3; border-bottom:1px solid #ddd; float:left;}
.bbs_list dl .list02 {background:url(/img/board/list02.gif) 70px 10px no-repeat; width:13%; padding:10px 0; background-color:#f3f3f3; border-bottom:1px solid #ddd; float:left;}

.bbs_content {line-height:30px; }
.bbs_btn {margin:40px 0; width:100%; float:left; text-align:center;}
.bbs_btn img {padding:0 10px; }

/* 구매?�기 */
#checkout div.title {padding:10px 0 20px 0;}
#checkout div.title li {float:left; text-align:center; font-weight:bold; background:url('/new_img/common/bg_btn04.gif') 0 0 repeat-x; color:#663300; padding:6px 0 10px 0;}
#checkout div.title li.product {width:757px;}
#checkout div.title li.quantity {width:200px;}
#checkout div.title li.price {width:200px;}
#checkout div.title:after {clear:both; display:block; content:"";}

#checkout dl.order {border-bottom:1px solid #ccc; padding:10px 0 10px 20px; position:relative;}
#checkout dl.order dt {float:left; width:200px; height:150px; overflow:hidden; border:1px solid #eaeaea;}
#checkout dl.order dd {float:left; width:925px; padding-left:10px;}
#checkout dl.order dd div.product_text {float:left; padding:10px 10px 0 10px; width:505px;}
#checkout dl.order dd div.product_text p.title {font-weight:bold; font-size:22px; line-height:26px; border-bottom:1px solid #eaeaea; padding:0 5px 8px 5px;}
#checkout dl.order dd div.product_text p.sub_text {padding:5px;}
#checkout dl.order dd div.quantity {float:left; width:200px; text-align:center; padding-top:55px;}
#checkout dl.order dd p.price {float:right; text-align:center; font-family:"arial"; font-size:26px; line-height:30px; font-weight:bold; color:#999; padding:43px 0 0 0; width:200px;}
#checkout dl.order dd span.check {position:absolute; left:30px; top:45%;}
#checkout dl.order dd:after {clear:both; display:block; content:"";}
#checkout dl.order:after {clear:both; display:block; content:"";}

#checkout .total {padding:20px; font-weight:bold; font-size:22px; line-height:26px; text-align:right; border-bottom:2px solid #555;}
#checkout .total span.price {font-family:"arial"; font-size:30px; font-weight:bold; color:#c02938; top:3px; padding-left:10px; position:relative;}
#checkout .total span.number {float:left; font-weight:normal;}

#checkout .order_from {border-bottom:2px solid #555;}
#checkout .order_from dl {border-bottom:1px solid #eaeaea; padding:20px 0;}
#checkout .order_from dl:last-child {border-bottom:none;}
#checkout .order_from dl dt {font-weight:bold; font-size:22px; font-family:"맑�? 고딕"; line-height:26px; padding:10px 0 20px 0;}
#checkout .order_from dl dt span.num {font-family:"arial"; font-size:30px; font-weight:bold; color:#c02938; position:relative; top:3px;}
#checkout .order_from dl dt span.check {font-size:14px; font-weight:normal; padding-left:20px;}
#checkout .order_from dl dt span.check input[type=checkbox] {position:relative; top:3px;}
#checkout .order_from dl dd {padding:5px 20px; font-size:16px; font-family:"맑�? 고딕"; line-height:24px;}
#checkout .order_from dl dd p.sub_title {font-weight:bold; padding:5px 0 3px 5px;}
#checkout .order_from dl dd p.from input[type=text] {background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px; width:1095px; padding:15px 10px 17px 10px; font-family:"맑�? 고딕"; font-size:16px; line-height:20px; margin:3px 0;}
#checkout .order_from dl dd p.from input[type=password] {background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px; width:1095px; padding:15px 10px 17px 10px; font-family:"맑�? 고딕"; font-size:16px; line-height:20px; margin:3px 0;}
#checkout .order_from dl dd p.from input[type=text].add_search {width:300px; margin-right:20px;}
#checkout .order_from dl dd p.from input[type=text].phone {width:28%;}
#checkout .order_from dl dd p.from textarea {width:98%; padding:1%; resize:none; font-family:"맑�? 고딕"; font-size:16px; line-height:20px; background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px;}
#checkout .order_from dl dd p.from span.radio {padding:0 10px;}
#checkout .order_from dl dd p.from span.radio input[type=radio] {margin-top:2px; position:relative; top:1px;}
#checkout .order_from dl dd p.from select {background-color:#f8f8f8; border:1px solid #e8e8e8; width:1115px; padding:15px 10px 17px 10px; font-family:"맑�? 고딕"; font-size:16px; line-height:20px;}

#checkout .order_from p.order_check {text-align:center; padding:40px 0 20px 0; font-weight:bold;}
#checkout .order_from p.order_check input[type=checkbox] {position:relative; top:2px;}

#checkout div.btn {padding:40px 0 20px 0;}
#checkout div.btn ul {position:relative; float:right; left:-50%;}
#checkout div.btn li {float:left; position:relative; left:50%; margin:0 10px;}
#checkout:after {clear:both; display:block; content:"";}

/* ���θ� �� 
.btn01 {background:url('/new_img/common/bg_btn01.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#666 !important; border:1px solid #d6d6d6; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
.btn02 {background:url('/new_img/common/bg_btn02.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#003300 !important; border:1px solid #8ed058; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
.btn03 {background:url('/new_img/common/bg_btn03.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#fff !important; border:1px solid #e40a0a; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
.btn04 {background:url('/new_img/common/bg_btn04.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#663300 !important; border:1px solid #ffc92b; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
.btn05 {background:url('/new_img/common/bg_btn05.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#fff !important; border:1px solid #5c6f91; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}

input.btn01 {background:url('/new_img/common/bg_btn01.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#666 !important; border:1px solid #d6d6d6; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
input.btn03 {background:url('/new_img/common/bg_btn03.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#fff !important; border:1px solid #e40a0a; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
input.btn05 {background:url('/new_img/common/bg_btn05.gif') 0 0 repeat-x; padding:5px 20px 9px 20px; display:inline-block; font-weight:bold; color:#fff !important; border:1px solid #5c6f91; border-radius:2px; font-family:"맑�? 고딕"; font-size:16px; margin-bottom:5px;}
*/

/* ���θ� ��������  */
#detail {border:1px solid #d4d4d4; background-color:#fff; width:96%; padding:2%;}
#detail:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
#detail .product_image {width:600px; float:left;} 
#detail .product_image .big_img {width:450px; height:450px; position:relative; float:left; border:1px solid #d4d4d4;}
#detail .product_image .big_img img {width:96%; height:96%; padding:2%;}
#detail .product_image .small {float:right;}
#detail .product_image .small:after {content:""; display:block; height:0; clear:both; visibility:hidden;} 
#detail .product_image .small li {border:1px solid #d4d4d4; margin:8px 0;}
#detail .product_image .small img {width:96%; height:96%; padding:2%;}

	/* ���ž�� */
#detail .product_text {float:right; width:400px;}
#detail .product_text .title {font-weight:bold; font-size:24px; line-height:34px; padding:10px 0 30px 0; }
#detail .product_text dl {width:100%; float:left; margin:30px 0;}
#detail .product_text dl dt {width:30%; float:left; font-size:18px; line-height:38px;}
#detail .product_text dl dd {width:68%; float:left; font-size:18px; line-height:38px;}
#detail .product_text dl dd .price {color:#2e73bf; font-size:28px;} 
#detail .product_text dl dd .won {font-size:18px; padding:0 0 0 10px;}   
 
#detail .product_text .btn {width:100%; float:left;}
#detail .product_text .btn .buy a {width:160px; padding:5px 0; text-align:center; background-color:#5b91dc; display:inline-block; font-weight:bold; color:#fff !important; border:1px solid #ddd; font-size:18px; line-height:34px;}
#detail .product_text .btn .cart a {width:160px; padding:5px 0; margin:0 0 0 15px; text-align:center; background-color:#d4d4d4; display:inline-block; font-weight:bold; color:#fff !important; border:1px solid #ddd; font-size:18px; line-height:34px;}


	/* ��ǰ ���� �� �ı� */
#detail .product_after {float:left; width:100%; position:relative; margin:30px 0;}
#detail .product_after .title {border-bottom:1px solid #d4d4d4;}
#detail .product_after .title li {background-color:#f4f4f4; display:inline-block; float:left; margin:0 -1px 0 0; width:20%; height:15px; text-align:center; padding:10px 0; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
#detail .product_after .title li:hover {background-color:#fff; text-decoration:underline; display:inline-block;}
#detail .product_after .title li.on {display:inline-block; background-color:#fff; color:#424242; display:inline-block; width:20%; height:15px; text-align:center; padding:10px 0;}
#detail .product_after .title li.on a {display:inline-block; color:#3e73bf; font-weight:bold;}
#detail .product_after .title:after {clear:both; display:block; content:"";}

#detail .product_after .product_area {padding:20px; margin:0; text-align:center; border-left:1px solid #d4d4d4;  border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#fff;}
#detail .product_after .product_area img {max-width:100%;}
#detail .product_after .list {padding:20px; margin:0; border-left:1px solid #d4d4d4;  border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#fff;}
#detail .product_after .list:after {clear:both; display:block; content:"";}
#detail .product_after .list table {width:100%; float:left; margin:20px 0; border-top:2px solid #d4d4d4; }

#detail .product_after .list .review {width:100%; float:left; margin:20px 0; border-top:1px solid #d4d4d4;}
#detail .product_after .list .review li {float:left; padding:10px 0; border-bottom:1px dashed #d4d4d4; width:100%;}
#detail .product_after .list .review li:after {clear:both; display:block; content:"";}
#detail .product_after .list .review li .review01 {width:10%; float:left; text-align:center;}
#detail .product_after .list .review li .review02 {width:30%; float:left;}
#detail .product_after .list .review li .review03 {width:60%; float:left;}
#detail .product_after .list .review li .review01 img {border:1px solid #d4d4d4; text-align:center; width:70px;}
#detail .product_after .list .review li .review02 .name {padding:10px 5px; text-align:center; float:left; width:30%; line-height:24px;} 
#detail .product_after .list .review li .review02 .date {padding:10px 5px; text-align:center; float:left; width:50%; line-height:24px;}
#detail .product_after .list .review li .review03 .gpa img {padding-right:3px;} 
#detail .product_after .list .review li .review03 .review_tit {width:100%; float:left; padding:10px 0 5px 0; font-size:13px; color:#3e73bf;}  
#detail .product_after .list .review li .review03 .review_con {font-size:13px; float:left; line-height:20px;}  

#detail .product_after .list .review_btn {border:1px solid #d4d4d4; padding:5px 10px; float:right; background-color:#f2f2f2;}

#detail .product_after#tap01 {float:left;}
#detail .product_after#tap02 {float:left; width:100%; clear:none;}
#detail .product_after#tap03 {float:right; width:100%; clear:none;}

/*
#detail .product_after .list p.total {padding:10px 0 20px 0;}
#detail .product_after .list table th {padding:10px 0; background-color:#f5f5f5; border-bottom:1px solid #efefef;}
#detail .product_after .list table th.title {text-align:center !important; }
#detail .product_after .list table td {padding:10px; border-bottom:1px solid #eaeaea; text-align:center;}
#detail .product_after .list table td.comment a.btn01 {padding:5px 8px; float:right; margin:5px;}
#detail .product_after .list table .num {width:10%;}
#detail .product_after .list table .title {text-align:left;}
#detail .product_after .list table .name {width:20%;}
#detail .product_after .list table .date {width:20%;}
#detail .product_after .list table .gpa {width:20%;}
#detail .product_after .list table .state {width:20%;}
*/
#detail:after {clear:both; display:block; content:"";}


#detail .product_after .list .delivery {width:100%; float:left; border-top:1px solid #d4d4d4; background-color:#f2f2f2;}
#detail .product_after .list .delivery:after {clear:both; display:block; content:"";}
#detail .product_after .list .delivery dt {background-color:#f2f2f2; float:left; padding:20px 0 0 5%; width:15%;}
#detail .product_after .list .delivery dd {width:75%; padding:10px 0 10px 5%; float:left; line-height:22px; background-color:#fff;}
#detail .product_after .list .delivery.bdbsol {border-bottom:1px solid #d4d4d4;}

/* ��ٱ��� */
#basket {background-color:#fff; width:100%;}
#basket:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
#basket .title {width:100%; float:left;}

#basket .oder_info {width:100%; float:left; background-color:#fff;}
#basket .oder_info:after {clear:both; display:block; content:"";}
#basket .oder_info table {width:100%; float:left; margin-bottom:30px;}
#basket .oder_info table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:16px; font-weight:bold; color:#333; background-color:#f2f2f2; border-top:1px solid #d4d4d4;}
#basket .oder_info table td {padding:5px 0; text-align:center; border-bottom:1px solid #d4d4d4;}
#basket .basket_total {width:100%; text-align:right; padding:20px 0; font-size:1.6em;}
#basket .basket_btn {margin:20px 0; float:left; width:100%;}
#basket .basket_btn p {text-align:center;}
#basket .basket_btn p a {margin:0 2px;}

#basket .oder_info ul {width:96%; padding:2%; float:left;}
#basket .oder_info li {float:left;}
#basket .oder_info li.img {width:20%; float:left; text-align:center;}
#basket .oder_info li.img img {width:50px; height:50px; border:1px solid #d4d4d4;}
#basket .oder_info li.con {width:40%; float:left; }
#basket .oder_info li.quantity {width:10%; float:left;}
#basket .oder_info li.price {width:15%; float:left;} 

#basket .basket_btn01 {border:1px solid #d4d4d4; font-size:0.9em; background-color:#5b91dc; color:#fff; display:inline-block; padding:5px 10px;}
#basket .basket_btn02 {border:1px solid #d4d4d4; font-size:0.9em; background-color:#f4f4f4; color:#333; display:inline-block; padding:5px 10px;}
#basket .basket_btn03 {border:1px solid #d4d4d4; font-size:1.2em !important; background-color:#5b91dc; color:#fff; display:inline-block; padding:10px 20px;}
#basket .basket_btn04 {border:1px solid #d4d4d4; font-size:1.2em !important; background-color:#f4f4f4; color:#333; display:inline-block; padding:10px 20px;}

/* �����ϱ� */
#checkout {background-color:#fff; width:96%; padding:2%;}
#checkout:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
#checkout .title {width:100%; float:left;}

#checkout .oder_info {width:100%; float:left; background-color:#fff;}
#checkout .oder_info:after {clear:both; display:block; content:"";}
#checkout .oder_info table {width:100%; float:left; margin-bottom:30px;}
#checkout .oder_info table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:16px; font-weight:bold; color:#333; background-color:#e8f2f8; border-top:1px solid #d4d4d4;}
#checkout .oder_info table td {padding:5px 0; text-align:center; border-bottom:1px solid #d4d4d4;}
#checkout .oder_info ul {width:96%; padding:2%; float:left;}
#checkout .oder_info li {float:left;}
#checkout .oder_info li.img {width:20%; float:left; text-align:center;}
#checkout .oder_info li.img img {width:50px; height:50px; border:1px solid #d4d4d4;}
#checkout .oder_info li.con {width:40%; float:left; }
#checkout .oder_info li.quantity {width:10%; float:left;}
#checkout .oder_info li.price {width:15%; float:left;} 


#checkout .order_from {width:60%; float:left; margin:20px 0; border:1px solid #d4d4d4; background-color:#e8f2f8; padding:2%;}
#checkout .order_from .oder_tit {width:100%; float:left; font-size:18px; font-weight:bold; padding:0 0 10px 0;}
#checkout .order_from .oder_info {width:100%; float:left; border-top:1px solid #333; margin:20px 0;}
#checkout .order_from .oder_info th {width:20%; float:left; padding:15px 0; border-bottom:1px solid #d4d4d4; font-size:1em; font-family:nanumgothic; font-weight:normal; }
#checkout .order_from .oder_info td {width:80%; float:left; padding:8px 0; border-bottom:1px solid #d4d4d4; text-align:left;}
#checkout .order_from .oder_info td input {border:1px solid #d4d4d4; padding:5px; width:50%;}
#checkout .order_from .oder_info td #mobile {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #mobile1 {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #mobile2 {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #mobile3 {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #recipient_mobile1 {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #recipient_mobile2 {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #recipient_mobile3 {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td #email {border:1px solid #d4d4d4; padding:5px; width:50%;}
#checkout .order_from .oder_info td input:active {border:1px solid #3e73bf;}
#checkout .order_from .oder_info td #recipient_mobile {border:1px solid #d4d4d4; padding:5px; width:20%;}
#checkout .order_from .oder_info td .postal_code {padding:5px 15px; float:left; background-color:#909090; border:1px solid #666; color:#fff; display:inline-block;}
#checkout .order_from .oder_info td .add_search {width:30%; float:left; margin:0 15px 0 0; background-color:#f2f2f2; font-size:1em;}
#checkout .order_from .oder_info td .address {width:30%; float:left; background-color:#f2f2f2; margin:0 5px 0 0;}
#checkout .order_from .oder_info textarea {width:94%; padding:5px; border:1px solid #d4d4d4; height:25px; line-height:20px; font-size:1em;}

#checkout .payment {width:28%; float:right; margin:20px 0; border:1px solid #d4d4d4; background-color:#fff; padding:2%;}
#checkout .payment .oder_tit {width:100%; float:left; font-size:18px; font-weight:bold; padding:0 0 10px 0;}

.oder_wrap {width:100%; float:left;}
#checkout .payment .pay01 {width:96%; padding:2%; margin:20px 0;}
#checkout .payment .pay01 .pay_bank {width:100%;}
#checkout .payment .pay01 select {border:1px solid #d4d4d4; width:96%;}
#checkout .payment .pay01 dt {width:96%; float:left; padding:7px 0;}
#checkout .payment .pay01 dd {width:96%; float:left; padding:5px 0;}
#checkout .payment .pay01 dd input {padding:5px; width:96%; border:1px solid #d4d4d4;}

#checkout .payment_total {width:30%; float:right; line-height:24px; padding:20px 1%; background-color:#f8f7e8;}
#checkout .payment_total .pay_total01 {width:96%; float:left; padding:10px 0; font-size:20px; font-weight:bold; color:#213e68;}
#checkout .payment_total .pay_total02 {width:50%; padding:10px 5%; text-align:right; float:right; font-size:22px; font-weight:bold; color:#c61119;}
#checkout .payment_total .pay_total03 {width:40%; float:left; font-size:15px; font-weight:bold; color:#333; padding:5px 0;}
#checkout .payment_total .pay_total04 {width:50%; padding:5px 5%; text-align:right; float:right; font-size:15px; font-weight:bold; color:#333;}

#checkout .payment_check {width:32%; float:right; line-height:28px; font-size:1.2em; padding:30px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}

#checkout .payment_btn {width:30%; float:right; line-height:24px; padding:20px 1%;}
#checkout .payment_btn ul li {width:45%; float:left; margin-right:2%;}
#checkout .payment_btn ul .btn01 {width:100%; float:left; border:1px solid #d4d4d4; padding:10px 0; background-color:#5b91dc; color:#fff; text-align:center; font-family:nanumgothic; font-size:1.2em;}
#checkout .payment_btn ul .btn02 {width:100%; float:left; border:1px solid #d4d4d4; padding:10px 0; text-align:center; font-family:nanumgothic; font-size:1.2em;}

/*#checkout dl.order {border-bottom:1px solid #ccc; padding:10px 0 10px 20px; position:relative;}
#checkout dl.order dt {float:left; width:200px; height:150px; overflow:hidden; border:1px solid #eaeaea;}
#checkout dl.order dd {float:left; width:925px; padding-left:10px;}
#checkout dl.order dd div.product_text {float:left; padding:10px 10px 0 10px; width:505px;}
#checkout dl.order dd div.product_text p.title {font-weight:bold; font-size:22px; line-height:26px; border-bottom:1px solid #eaeaea; padding:0 5px 8px 5px;}
#checkout dl.order dd div.product_text p.sub_text {padding:5px;}
#checkout dl.order dd div.quantity {float:left; width:200px; text-align:center; padding-top:55px;}
#checkout dl.order dd p.price {float:right; text-align:center; font-family:"arial"; font-size:26px; line-height:30px; font-weight:bold; color:#999; padding:43px 0 0 0; width:200px;}
#checkout dl.order dd span.check {position:absolute; left:30px; top:45%;}
#checkout dl.order dd:after {clear:both; display:block; content:"";}
#checkout dl.order:after {clear:both; display:block; content:"";}

#checkout .total_price {width:64%; float:left; padding:10px 0;}
#checkout .total span.price {font-family:"arial"; font-size:30px; font-weight:bold; color:#c02938; top:3px; padding-left:10px; position:relative;}
#checkout .total span.number {float:left; font-weight:normal;}
*/

/* 
#checkout .order_from dl {border-bottom:1px solid #eaeaea; padding:20px 0;}
#checkout .order_from dl:last-child {border-bottom:none;}
#checkout .order_from dl dt {font-weight:bold; font-size:22px; font-family:"���� ����"; line-height:26px; padding:10px 0 20px 0;}
#checkout .order_from dl dt span.num {font-family:"arial"; font-size:30px; font-weight:bold; color:#c02938; position:relative; top:3px;}
#checkout .order_from dl dt span.check {font-size:14px; font-weight:normal; padding-left:20px;}
#checkout .order_from dl dt span.check input[type=checkbox] {position:relative; top:3px;}
#checkout .order_from dl dd {padding:5px 20px; font-size:16px; font-family:"���� ����"; line-height:24px;}
#checkout .order_from dl dd p.sub_title {font-weight:bold; padding:5px 0 3px 5px;}
#checkout .order_from dl dd p.from input[type=text] {background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px; width:96%; padding:15px 10px 17px 10px; font-family:"���� ����"; font-size:16px; line-height:20px; margin:3px 0;}
#checkout .order_from dl dd p.from input[type=password] {background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px; width:96%; padding:15px 10px 17px 10px; font-family:"���� ����"; font-size:16px; line-height:20px; margin:3px 0;}
#checkout .order_from dl dd p.from input[type=text].add_search {width:300px; margin-right:20px;}
#checkout .order_from dl dd p.from textarea {width:98%; padding:1%; resize:none; font-family:"���� ����"; font-size:16px; line-height:20px; background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px;}
#checkout .order_from dl dd p.from span.radio {padding:0 10px;}
#checkout .order_from dl dd p.from span.radio input[type=radio] {margin-top:2px; position:relative; top:1px;}
#checkout .order_from dl dd p.from select {background-color:#f8f8f8; border:1px solid #e8e8e8; width:1115px; padding:15px 10px 17px 10px; font-family:"���� ����"; font-size:16px; line-height:20px;}

#checkout .order_from p.order_check {text-align:center; padding:40px 0 20px 0; font-weight:bold;}
#checkout .order_from p.order_check input[type=checkbox] {p osition:relative; top:2px;}

*/
#checkout div.btn {padding:40px 0 20px 0;}
#checkout div.btn ul {position:relative; float:right; left:-50%;}
#checkout div.btn li {float:left; position:relative; left:50%; margin:0 10px;}
#checkout:after {clear:both; display:block; content:"";}

#checkout .payment {width:30%; float:right; border:1px solid #d4d4d4; padding:10px;}

/* �ֹ������ȸ */
#inquiry {width:100%; float:left;} 
#inquiry .inquiry_wrap {width:60%; float:left;}
#inquiry .order_form {width:96%; float:left; margin:20px 0; border:1px solid #d4d4d4; background-color:#f2f2f2; padding:2%;}
#inquiry .order_form .order_tit {width:100%; float:left; font-size:18px; font-weight:bold; padding:0 0 10px 0;}
#inquiry .order_form .order_info {width:100%; float:left; border-top:1px solid #333; margin:20px 0; background-color:#fff;}
#inquiry .order_form .order_info th {width:30%; float:left; padding:15px 0; font-size:1em; font-family:nanumgothic; font-weight:normal; }
#inquiry .order_form .order_info .form {width:45%; float:left; padding:9px 0;  text-align:left;}
#inquiry .order_form .order_info .form input {border:1px solid #d4d4d4; padding:5px; width:70%;}
#inquiry .order_form .order_info .btn {width:25%; float:left; text-align:center; margin:-20px 0 0 0;}
#inquiry .order_form .order_info .btn01 {width:70%; float:left; display:inline-block; border:1px solid #d4d4d4; padding:8px 0; background-color:#5b91dc; color:#fff; text-align:center; font-family:nanumgothic; font-size:1.1em;}
#inquiry .order_form .order_info .btn input[type=submit] {display:inline-block;}
#inquiry .order_form .order_info .btn02 {width:25%; float:left; text-align:center; margin:5px 0 0 0;}

#inquiry .inquiry_info {width:28%; float:right; margin:20px 0; border:1px solid #d4d4d4; background-color:#f9f9f9; padding:2%;}
#inquiry .inquiry_info .order_tit {width:100%; float:left; font-size:18px; font-weight:bold; padding:0 0 10px 0;}
#inquiry .inquiry_info p {line-height:24px;}

#inquiry .inquiry_join {width:28%; float:right; margin:0px 0; border:1px solid #d4d4d4; background-color:#fff; padding:2%;}
#inquiry .inquiry_join a {padding:0 0 0 30px; background:url(/img/sub/shop_join_icon.gif) 0 0 no-repeat;}
#inquiry .inquiry_join a:hover {text-decoration:underline; color:#3e73bf;}

#inquiry .order_info {width:100%; float:left; background-color:#fff;}
#inquiry .order_info:after {clear:both; display:block; content:"";}
#inquiry .order_info table {width:100%; float:left; margin-bottom:30px;}
#inquiry .order_info table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:16px; font-weight:bold; color:#333; background-color:#f2f2f2; border-top:1px solid #d4d4d4;}
#inquiry .order_info table td {padding:5px 0; text-align:center; border-bottom:1px solid #d4d4d4;}
#inquiry .order_info table img {width:85px; height:50px; }
#inquiry .order_info table .more_btn { padding:0 0 0 10px;}
#inquiry .order_info table .more {width:21px; height:21px; border:0 !important; padding:0; }
#inquiry .order_info table .more a {border:none !important; padding:0 !important;}
#inquiry .order_info table td a:hover {text-decoration:underline; color:#5b91dc;}
#inquiry .order_info table td .order_btn a {font-size:1em; letter-spacing:-1px; padding:2px 5px; display:inline-block; border:1px solid #d4d4d4; background-color:#f2f2f2; margin-left:10px;}
#inquiry .order_info table td .order_btn a:hover {background-color:#5b91dc; color:#fff;}
#inquiry .order_find {text-align:center; font-size:1.2em;}

/*
#inquiry div.title {padding:10px 0 20px 0;}
#inquiry div.title li {float:left; text-align:center; font-weight:bold; background:url('/new_img/common/bg_btn04.gif') 0 0 repeat-x; color:#663300; padding:6px 0 10px 0;}
#inquiry div.title li.product {width:757px;}
#inquiry div.title li.quantity {width:200px;}
#inquiry div.title li.price {width:200px;}
#inquiry div.title:after {clear:both; display:block; content:"";}

#inquiry dl.order {border-bottom:1px solid #ccc; padding:10px 0 10px 20px; position:relative;}
#inquiry dl.order dt {float:left; width:200px; height:150px; overflow:hidden; border:1px solid #eaeaea; padding:0;}
#inquiry dl.order dd {float:left; width:925px; padding:0 0 0 10px; border-bottom:none;}
#inquiry dl.order dd div.product_text {float:left; padding:10px 10px 0 10px; width:505px;}
#inquiry dl.order dd div.product_text p.title {font-weight:bold; font-size:22px; line-height:26px; border-bottom:1px solid #eaeaea; padding:0 5px 8px 5px;}
#inquiry dl.order dd div.product_text p.title span {font-size:16px; font-weight:normal;}
#inquiry dl.order dd div.product_text p.sub_text {padding:5px;}
#inquiry dl.order dd div.quantity {float:left; width:200px; text-align:center; padding-top:60px;}
#inquiry dl.order dd p.price {float:right; text-align:center; font-family:"arial"; font-size:26px; line-height:30px; font-weight:bold; color:#999; padding:60px 0 0 0; width:200px;}
#inquiry dl.order dd span.check {position:absolute; left:30px; top:45%;}
#inquiry dl.order dd:after {clear:both; display:block; content:"";}
#inquiry dl.order:after {clear:both; display:block; content:"";}

#inquiry .total {padding:20px; font-weight:bold; font-size:22px; line-height:26px; text-align:right; border-bottom:2px solid #555;}
#inquiry .total span.price {font-family:"arial"; font-size:30px; font-weight:bold; color:#c02938; top:3px; padding-left:10px; position:relative;}
#inquiry .total span.number {float:left; font-weight:normal;}

#inquiry .order_from {border-bottom:2px solid #555;}
#inquiry .order_from dl {border-bottom:1px solid #eaeaea; padding:20px 0;}
#inquiry .order_from dl:last-child {border-bottom:none;}
#inquiry .order_from dl dt {font-weight:bold; font-size:22px; line-height:26px; padding:10px 0 20px 0;}
#inquiry .order_from dl dt span.num {font-family:"arial"; font-size:30px; font-weight:bold; color:#c02938; position:relative; top:3px;}
#inquiry .order_from dl dt span.check {font-size:14px; font-weight:normal; padding-left:20px;}
#inquiry .order_from dl dt span.check input[type=checkbox] {position:relative; top:3px;}
#inquiry .order_from dl dd {padding:5px 20px; border-bottom:none;}
#inquiry .order_from dl dd p.sub_title {font-weight:bold; padding:5px 0 3px 5px;}
#inquiry .order_from dl dd p.from input[type=text] {background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px; width:1095px; padding:15px 10px 17px 10px; font-family:"���� ����"; font-size:16px; line-height:20px; margin:3px 0;}
#inquiry .order_from dl dd p.from input[type=text].add_search {width:300px; margin-right:20px;}
#inquiry .order_from dl dd p.from textarea {width:98%; padding:1%; resize:none; font-family:"���� ����"; font-size:16px; line-height:20px; background-color:#f8f8f8; border:1px solid #e8e8e8; border-radius:3px;}
#inquiry .order_from dl dd p.from span.radio {padding:0 10px;}
#inquiry .order_from dl dd p.from span.radio input[type=radio] {margin-top:2px; position:relative; top:1px;}
#inquiry .order_from dl dd p.from select {background-color:#f8f8f8; border:1px solid #e8e8e8; width:1115px; padding:15px 10px 17px 10px; font-family:"���� ����"; font-size:16px; line-height:20px;}

#inquiry div.btn {padding:40px 0 20px 0;}
#inquiry div.btn ul {position:relative; float:right; left:-50%;}
#inquiry div.btn li {float:left; position:relative; left:50%; margin:0 10px;}
#inquiry:after {clear:both; display:block; content:"";}
*/
#inquiry:after {clear:both; display:block; content:"";}


/* �ֹ��Ϸ� */

#sp_completed {width:100%;}
#sp_completed .completed {padding:20px 0 30px 0; font-size:1.2em; text-align:center; }

#sp_completed .oder_info {width:100%; float:left; background-color:#fff;}
#sp_completed .oder_info:after {clear:both; display:block; content:"";}
#sp_completed .oder_info table {width:100%; float:left; margin-bottom:30px;}
#sp_completed .oder_info table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:16px; font-weight:bold; color:#333; background-color:#f2f2f2; border-top:1px solid #d4d4d4;}
#sp_completed .oder_info table td {padding:5px 0; text-align:center; border-bottom:1px solid #d4d4d4;}
#sp_completed .oder_info table img {width:85px; height:50px; }

#sp_completed .total {width:100%; text-align:right; padding:20px 0; font-size:1.6em;}


/* �ֹ��󼼺��� */

#remind {width:96%; border-top:none; font-family:nanumgothic !important; font-size:1em; margin-bottom:20px; padding:0 2%;}
#remind .title {width:100%; padding:20px 0; font-size:1.5em; font-weight:bold; }
#remind .completed {padding:20px 0 30px 0; font-size:1.2em; text-align:center; }

#remind .order_info {width:100%; float:left; background-color:#fff;  font-size:1em;}
#remind .order_info:after {clear:both; display:block; content:"";}
#remind .remind_table {width:100%; padding:0%; float:left; margin-bottom:30px; border-top:1px solid #d4d4d4;}
#remind .remind_table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:1em; font-weight:bold; color:#333; background-color:#f2f2f2; border-top:1px solid #d4d4d4; text-align:center;}
#remind .remind_table td {padding:5px 10px; text-align:center; border-bottom:1px solid #d4d4d4;  font-size:1em !important; line-height:24px; text-align:center; }

#remind .order_info table {width:100%; float:left; border-top:1px solid #d4d4d4;}
#remind .order_info table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:1.2em; font-weight:bold; color:#333; background-color:#f2f2f2; border-top:1px solid #d4d4d4;}
#remind .order_info table td {padding:5px 10px; text-align:center; border-bottom:1px solid #d4d4d4;  font-size:1em !important; line-height:24px; text-align:left; }
#remind .order_info table td a {color:#5b91dc;}
#remind .order_info table img {width:85px; height:50px; }
#remind .order_info table .b {border-right:1px solid #d4d4d4; text-align:left; padding:0 0 0 15px; font-size:1em;}
#remind .order_info .btn01 {font-size:11px; border:1px solid #d4d4d4; background-color:#f2f2f2; padding:0px 10px; margin-left:10px;}

/* ��ǰ�� �ۼ��ϱ� */
#sp_review {width:100%;}
#sp_review  .title {width:96%; padding:20px 2%; font-size:1.5em; font-weight:bold; }

#sp_review .order_info {width:96%; padding:0 2%; float:left; background-color:#fff;}
#sp_review .order_info table {width:100%; float:left; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
#sp_review .order_info table th {padding:10px 0; border-bottom:1px solid #d5d5d5; font-size:16px; font-weight:bold; color:#333; background-color:#f2f2f2; border-top:1px solid #d4d4d4;}
#sp_review .order_info table td {padding:5px 0; text-align:center; border-bottom:1px solid #d4d4d4;}
#sp_review .order_info table .img {width:100px; height:80px; text-align:center; padding-bottom:10px;}

#sp_review .order_info ul li {float:left; padding-right:10px;}
#sp_review .order_info .review_area {width:100%; float:left; padding:15px 0;}
#sp_review .order_info .review_area dt {width:5%; float:left; margin:5px 0;}
#sp_review .order_info .review_area dd {width:90%; float:left; margin:5px 0;}
#sp_review .order_info .review_area dd input[type=text] {width:70%; padding:5px; border:1px solid #d4d4d4;}
#sp_review .order_info .review_area dd textarea {width:70%; padding:5px; border:1px solid #d4d4d4; overflow-x:hidden;}


/* ���θ���Ʈ ���Ĺ�ư */
.sort {float:right; padding:0px 0 10px 0;}
.sort ul {width:100%;}
.sort ul li {float:left; padding:0 0 0 15px; margin-right:15px; background:url(/img/sub/shop_sort.gif) 0 1px no-repeat;}
.sort ul li a:hover {text-decoration:underline; color:#5b91dc;}


/* �������Ա� �ԱݿϷ� */
.completed_bank {border-bottom:1px solid #d4d4d4; padding:1%; height:130px; text-align:left;}
.completed_bank dl {width:50%; float:left; padding:20px 0 0 0;}
.completed_bank dl dt {float:left; width:30%; font-weight:bold; color:#3e73bf; font-size:0.95em !important; line-height:2em;}
.completed_bank dl dd {float:left; width:70%;  font-size:0.95em !important; line-height:2em;}