@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * 알트리아3차업데이트기념 Stylesheet
 * Author - moran67@hanbitsoft.co.kr 190328
 ------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%}
img, fieldset, button{border:0}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body, input, button, textarea, select, table, kbd{line-height:1.2; font-family:Malgun Gothic,'맑은고딕','돋움', dotum, Helvetica, sans-serif; font-size:12px; color:#000}
img{vertical-align:middle}
ol, ul{list-style:none}
a{text-decoration:none; color:#000}
a:hover, a:focus, a:active{text-decoration:none !important;color:#0000ff}
button, label{cursor:pointer}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0}
table{border-collapse:collapse; border-spacing:0}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden}
.show{display:block}
.hide{display:none}
.fL{float:left}
.fR{float:right}
.clearFix{zoom:1}
.clearFix:after{clear:both; display:block; content:''}
.opc{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0}
.btn_home{display:block;overflow:hidden;position:absolute;top:4px;right:52px;width:187px;height:31px;background:url(../images/img_transparent.png) 0 0 repeat;text-indent:-9999px}

/* Styles
-------------------------------------------------------------- */
#wrap {position:relative;overflow:hidden;width:100%;min-width:1200px}
.inner {position:relative;width:1100px;height:100%;margin:0 auto}

/* Styles S
-------------------------------------------------------------- */

#header {background:url(../images/bg_top.jpg) no-repeat 50% 0;width:100%;height:750px;}
#header .btn_teaser {position:absolute;top:525px;left:170px;width:304px;height:73px;}
#nav {background:url(../images/tab00.jpg) no-repeat 50% 0;width:100%;height:120px;}
#nav li {width:550px;height:120px;float:left;}
#nav li a {display:block;width:100%;height:100%;}

#container {}
#container .cont00 {background:url(../images/tab0_bg00.jpg) no-repeat 50% 0;height:1223px;}
#container .cont01 {background:url(../images/tab0_bg01.jpg) no-repeat 50% 0;height:1270px;}
#container .cont02 {background:url(../images/tab0_footer.jpg) no-repeat 50% 0;height:383px;}


.btn_snsWrap {margin:5px 0 0 -1px;}
.btn_snsWrap li {float:left;margin-left:8px;}
.btn_snsWrap li:first-child {margin-left:0;}
.btn_snsWrap li a {display:block;width:446px;height:73px;}

/* comment */
.cp-comment--layout {width:900px;margin:0 auto;padding-top:100px;}
.cp-comment__textarea {position:relative;line-height:18px;}
.cp-comment__textarea label {position:absolute;top:26px;left:45px;color:#666360;cursor:default;}
.cp-comment__textarea textarea {width:600px;height:74px;padding:27px 44px;resize:none;background:#fff;border:1px solid #bcbcbc;color:#666360;overflow:auto;}
.cp-comment__btn {display:block;position:absolute;top:100px;right:102px;width:198px;height:130px;background:transparent;}

.cp-comment--board {margin-top:20px;padding:19px 49px 45px 49px;}
.cp-comment--board .cp-comment--list li {position:relative;height:95px;padding:30px 0 18px 0;border-bottom:1px solid #b2b1af;}
.cp-comment__profile {position:absolute;}
.cp-comment__info {position:relative;max-height:94px;height:94px;padding-left:64px;padding-right:15px;overflow:auto;}
.cp-comment__info--name {font-weight:bold;font-size:12px;color:#666360;line-height:20px;}
.cp-comment__info--date {display:inline-block;margin-left:5px;font-weight:normal;}
.cp-comment__info--contents {min-height:43px;word-break:break-all;word-wrap:break-word;color:#666360;line-height:18px;}
.cp-comment--btn--area {position:absolute;top:0;right:7px;color:#707070;}

.btn_group {position:absolute;top:0;right:24px;}

.cp-comment__btn--del {position:relative;display:inline-block;vertical-align:middle;width:37px;height:19px;line-height:19px;box-sizing:border-box;border:1px solid #656565;background:#787878;color:#fff;font-weight:bold;text-align:center;}
.cp-comment__btn--del:hover, .cp-comment__btn--del:active {color:#fff !important;}
.cp-comment__btn--mod {position:relative;display:inline-block;vertical-align:middle;width:37px;height:19px;line-height:19px;box-sizing:border-box;border:1px solid #ccc;background:#ddd;color:#222;font-weight:bold;text-align:center;}
.cp-comment__btn--mod:hover, .cp-comment__btn--mod:active {color:#222 !important;}
.cp-comment__btn--mod-ok {position:relative;display:inline-block;vertical-align:middle;width:37px;height:19px;line-height:19px;box-sizing:border-box;border:1px solid #7d7d7d;background:#959595;color:#fff;font-weight:bold;text-align:center;}
.cp-comment__btn--mod-ok:hover, .cp-comment__btn--mod-ok:active {color:#fff !important;}
.cp-comment__info--mod {display:none;float:left;width:460px;height:67px;margin-top:5px;border: 1px solid #e0e0e0;}
.cp-comment__info--mod textarea {width:450px;height:56px;border:none;padding:5px;text-align:left;z-index:8;background:#fff;color:#555;-webkit-appearance:none;resize:none;}

.cp-comment--page {margin-top:41px;text-align:center;}
.cp-comment__btn--control-prev, .cp-comment__btn--control-next {position:initial;display:inline-block;vertical-align:middle;width:5px;height:9px;background:url(../images/sp_btn.png) no-repeat;}
.cp-comment__btn--control-prev {background-position:0 0;margin-right:9px;}
.cp-comment__btn--control-next {background-position:-6px 0;margin-left:9px;}

.cp-comment__focus, .cp-comment__btn--num:hover {display:inline-block;vertical-align:middle;width:18px;height:18px;background:#57442f;color:#fff;line-height:18px;text-decoration:none;}
.cp-comment__btn--num {display:inline-block;vertical-align:middle;width:18px;height:18px;line-height:18px;text-decoration:none;color:#666360;font-weight:bold;margin:0 2px;}
.cp-comment__profile {position:absolute;top:30px;left:0;min-height:56px;background:#a7a7a7;}
.cp-comment__profile img {width:56px;height:56px;}
.cp-comment--list--not {width:100%;padding:350px 0;text-align:center;}

/* S : 2019-04-04 추가 */
#nav.nav01 {background:url(../images/tab01.jpg) no-repeat 50% 0;width:100%;height:120px;}
#container .bg00 {background:url(../images/tab1_bg00.jpg) no-repeat 50% 0;width:100%;height:2401px;}
#container .bg01 {background:url(../images/tab1_bg01.jpg) no-repeat 50% 0;width:100%;height:1859px;}
/* E : 2019-04-04 추가 */