@charset "utf-8";

/* 메인 - 공통 */
.ui-autocomplete {width:300px;max-height:200px;overflow-y:auto;overflow-x:hidden}
* html .ui-autocomplete {height:200px}

/* 메인 */
#idx {position:relative;margin:0 10px}

/* 메인 - 슬라이드 */
#box_slide {float:left;margin-top:10px}
#box_slide .touchslider-viewport {width:420px;height:250px;overflow:hidden}
#box_slide .touchslider-item {border:1px solid #232F3E}
.item-info {position:absolute;top:200px;width:420px;height:50px;background:#232F3E}
.item-info-text {position:absolute;top:200px;margin:10px}
.item-info-text a {color:#fff;font-size:1.4em;font-weight:bold;line-height:1.6em}
#slide_navi {color:#dde4e9;cursor:default}
.touchslider-nav-item-current {color:#225577}

/* 메인 - 알림센터 */
#noticeBox {width:100%;border:1px solid #ddd}
#noticeBox th {background:#232F3E;text-align:left;padding-left:10px}
#noticeBox th a {display:inline-block;width:100%;height:33px;color:#fff;line-height:2.4em}
#noticeBox .not {vertical-align:middle}
#noticeBox img {vertical-align:middle}
#noticeBox td {padding:0 10px 0 10px;font-size:1.1em}
#noticeBox .tit {padding-left:10px}

/* 메인 - 내글반응 */
.myBox {clear:both;width:100%;margin:0 auto;margin-top:15px;border:1px solid #557799;overflow:hidden}
.myBoxInfo {background:#f5f7f9}
.myBoxIn {width:100%;padding-left:10px;height:33px;line-height:2.5em;background:url(../img/rbg.png) #232f3e top right no-repeat;border-bottom:1px solid #232f3e;color:#fff}
.myBoxTitle {vertical-align:middle;font-weight:bold}
#myBoxCon {min-height:94px}
#myBoxCon ul {line-height:2em;margin:0;padding:0}
#myBoxCon li {list-style:none;height:25px;line-height:2em;border-bottom:1px dashed #e9e9e9;clear:both}
#myBoxCon li .title {clear:both;float:left;margin-left:8px;width:75%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#myBoxCon li .datetime {float:right;margin-right:8px;font-size:.9em}
#myBoxCon .cc a {color:#fff}
#myBoxCon .cc {background:#557799;color:#fff;border-bottom:1px solid #225577}

/* 안내문 */
.boxInfo {float:left;font-size:.9em;color:#888888;margin:10px}

/* 게시판 목록 */
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin:5px 10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

/* 레시피 계산기 */
#recipe_view {clear:both;margin:10px}
#recipe_view p {font-size:11px;color:#888888;margin:10px}
#recipe_view #gg1 {width:80%}
#recipe_view #gg2 {width:80%}
#thumb_recipe {clear:both;text-align:center;}
#view_rate {clear:both;margin:5px;text-align:center}

#recipe_form {clear:both;margin:0;padding:5px 15px;list-style:none}
#recipe_form li {margin:10px 0}
#recipe_form label {vertical-align:top}
#recipe_form .rt {display:inline-block;width:120px;text-align:left;margin-right:10px}
#recipe_form #slider, #recipe_form #slider2 {display:inline-block;width:150px;height:5px}

/* 코일 계산기 */
#coil_form {float:right;width:310px;margin:30px 0 0 0;padding:0 0 0 30px;list-style:none;border-left:1px solid #e9e9e9}
#coil_form li {margin:10px 0}
#coil_form #thumb_coil {margin:0}
#coil_form label {vertical-align:top}
#coil_form .rt {display:inline-block;width:120px;text-align:left;margin-right:10px}
#coil_form #slider {display:inline-block;width:150px;margin:0 10px 0 10px}
#coil_form #view_title {text-align:center;font-weight:bold}
#coil_form #view_rate {text-align:center}

#coil_view {float:left;width:600px;margin-top:30px}
#coil_view p {font-size:.9em;color:#888888;margin:10px}
#coil_view #add_row {margin-top:10px}

.tb_evape {border-top:2px solid #225577;font-size:.9em}
table.tb_evape th, table.tb_evape td {border-bottom:1px solid #E5E8EC;border-left:1px solid #E5E8EC;padding:12px;line-height:12px}
table.tb_evape th {background-color:#E5E8EC}
table.tb_evape .first {border-left:0;text-align:left}
table.tb_evape .sp {color:#ff0000}

.del_row {cursor:pointer}

/* 어바웃 이베이프 */
#about {background:#225577;color:#fff;width:100%;min-height:880px;height:auto !important;height:880px;margin:0;padding:0;list-style:none;zoom:1}
#about li {text-align:center}
#about .logo img {margin:80px 0 80px 0}
#about .title {margin:20px;font-weight:bold}
#about .member {margin:20px;line-height:1.5em;font-size:.9em}