@charset "utf-8";

html {overflow-y:scroll;}
html.popOpen {overflow:hidden; padding-right:17px;}

.fullScreen > img {height:100%; visibility:hidden;}
.fullScreen.width > img {width:100%; height:auto;}

.wrap_01 {width:100%; min-width:1000px;}
.wrap_02 {width:1000px; margin:0 auto;}

#contents {position:relative;}

.topBox {position:relative; background:#00ace6; z-index:30;}
.topBox > button,
.topBox > .btn {position:absolute; width:35px; height:35px; margin:10px;}
.topBox > .btn {display:block; width:15px; height:15px; padding:10px;}
.topBox > .top {top:0;}
.topBox > .right {right:0;}
.topBox > .bottom {bottom:0;}
.topBox > .left {left:0;}
.topBox .centerBox {position:absolute; top:43%; left:0; right:0; margin-top:-18px; width:100%; height:36px; text-align:center; font-size:0; line-height:0;}
.topBox .centerBox > span {display:inline-block; vertical-align:top;}
.topBox .centerBox > span > * {float:left;}
.topBox .centerBox h1 {width:160px; height:136px;}
.topBox .centerBox .searchBar {height:36px; overflow:hidden; background:#fff; position:relative;}
.topBox .centerBox .searchBar fieldset {width:140px; height:36px; margin-left:-140px;}
.topBox .centerBox .searchBar.open fieldset {margin-left:0;}
.topBox .centerBox .searchBar fieldset input {width:100px; height:36px; padding-left:4px; font-size:15px; line-height:36px; color:#00ace6; float:left;}
.topBox .centerBox .searchBar fieldset button {width:36px; height:36px; float:left; padding:11px 10px 10px;}
.topBox .categoryBox {position:absolute; top:100%; left:0; right:0; width:100%; height:0; background:#00ace6; text-align:center; font-size:0; line-height:0; overflow:hidden;}
.topBox .categoryBox > span {display:inline-block; vertical-align:top; padding-top:8px; width:294px;}
.topBox .categoryBox label {position:relative; display:block; float:left; margin-bottom:14px; width:98px; font-size:13px; line-height:16px; color:#fff; cursor:pointer; background:no-repeat 50% 0;}
.topBox .categoryBox label > .checkbox {display:block; height:58px; margin-bottom:6px; background:url("../img/categoryCheck.png") no-repeat 50% -100px;}
.topBox .categoryBox label.checked > .checkbox {background-position:50% 0; background-color:#00ace6;}
.topBox .categoryBox label > .new {position:absolute; display:block; top:0; right:20px; width:7px; height:7px; background:url("/img/categoryNew.png") no-repeat 0 0;}

/* �명꽣 */
#footer {position:fixed; left:0; bottom:0; width:100%; min-width:1000px; height:40px; text-align:center; font-size:13px; line-height:40px; color:#626262; background:url("/img/footer.png") repeat 0 0; border-top:1px solid #fff;}
/*
#footer {position:fixed; left:0; bottom:0; width:100%; min-width:1000px; height:0px; margin-bottom:70px; font-size:0; line-height:0;}
#footer > div {width:380px; height:70px; background:url("../img/copy_bg.png") no-repeat 0 0; overflow:hidden; margin:0 auto;}
#footer img {display:block; margin:13px auto;}
*/

/* �덉씠�� �앹뾽 */
.popupWrap {position:fixed; top:-500%; left:-500%; width:100%; height:100%; font-size:0; line-height:0; text-align:center; overflow:auto; z-index:1000;}
#ie7 .popupWrap,
#ie8 .popupWrap,
#ie9 .popupWrap,
#ie10 .popupWrap,
#ie11 .popupWrap {background-image:url("./");}
.popupWrap.open {top:0; left:0;}
.popupWrap > div {display:inline-block; height:100%; vertical-align:middle;}
.popupWrap > section {position:relative; display:inline-block; vertical-align:middle; width:225px; padding:50px; border-radius:10px; background:#f1f2f3; box-shadow:0 0 5px rgba(0,0,0,0.3); text-align:left; letter-spacing:-1px; transition:0.2s; -webkit-transition:0.2s; transform:scale(0.9); -webkit-transform:scale(0.9); opacity:0;}
.popupWrap.open > section {transform:scale(1); -webkit-transform:scale(1); opacity:1;}
.popupWrap .btns {font-size:0; line-height:0; text-align:center;}
.popupWrap .btns > * {width:110px; height:40px; font-size:20px; line-height:22px; color:#fff; background:#00ace6;}
.popupWrap .btns > * + * {margin-left:10px;}