/* 완료버튼 */
.done {margin-top:30px;}
.done ul {text-align:center;}
.done ul li {display:inline-block;}
.done ul li button {min-width:150px; height:40px; padding:0 50px; font-weight:bold; color:#60666f; border:1px solid rgba(0,0,0,0.1); background:#dde1e7;}
.done ul .poi button {color:#fff; background:#89919d;}

/* 검색 */
.search ul {width:506px; margin:0 auto 30px;}
.search ul:after {content:""; display:block; clear:both;}
.search ul li {float:left; margin-right:3px;}
.search ul li:last-child {margin-right:0;}
.search ul li select {width:120px; height:38px; border:1px solid #b32d31; border-radius:3px; background-position:100% 5px;}
.search ul li input {width:300px; height:38px; border:1px solid #b32d31; border-radius:3px;}
.search ul li button {width:80px; height:38px; color:#fff; border:1px solid rgba(0,0,0,0.1); background:#b32d31;}

/* 페이지버튼 */
.page_num ul {text-align:center;}
.page_num ul li {display:inline-block;}
.page_num ul li a {display:block;}
.page_num ul .nnn a {width:21px; height:21px; margin:0 2px; line-height:19px; border:1px solid #dfd9dc; border-radius:3px;}
.page_num ul .nnn a:hover {border:1px solid #9d8994;}
.page_num ul .nnn a.on {color:#fff; border:1px solid #9d8994; background:#b9a7b1;}
.page_num ul .arr a {overflow:hidden; width:17px; height:21px; border:1px solid #fff; background-color:#333;}
.page_num ul .arr a:hover {background-color:#b32d31;}
.page_num ul .pprev a {background-image:url(/images/arrow_w_two.png); background-position:0 0;}
.page_num ul .prev a {margin-right:8px; background-image:url(/images/arrow_w_one.png); background-position:0 0;}
.page_num ul .next a {margin-left:8px; background-image:url(/images/arrow_w_one.png); background-position:100% 0;}
.page_num ul .nnext a {background-image:url(/images/arrow_w_two.png); background-position:100% 0;}

/* sub_title */
.sub_title {width:100%; height:180px; background:url(/images/sub_title_01.jpg) no-repeat 50% 0;}
.sub_title_pw {background:url(/images/sub_title_pw.jpg) no-repeat 50% 0;}
.sub_title_ss {background:url(/images/sub_title_ss.jpg) no-repeat 50% 0;}
.sub_title_pb {background:url(/images/sub_title_pb.jpg) no-repeat 50% 0;}
.sub_title_st {background:url(/images/sub_title_st.jpg) no-repeat 50% 0;}
.sub_title_to {background:url(/images/sub_title_to.jpg) no-repeat 50% 0;}
.sub_title_new {background:url(/images/sub_title_new.jpg) no-repeat 50% 0;}
.sub_title .sub_title_inn {position:relative; width:1100px; height:180px; margin:0 auto; padding-top:60px; text-align:center; box-sizing:border-box;}
.sub_title .sub_title_inn h3 {margin-bottom:5px; font-size:30px; font-family:"Pretendard", "맑은 고딕"; letter-spacing:-0.05em;}
.sub_title .sub_title_inn .eng {font-size:17px; font-family:"Pretendard", "맑은 고딕";}
.sub_title .sub_title_inn .navi {position:absolute; left:0; bottom:-40px;}
.sub_title .sub_title_inn .navi ul:after {content:""; display:block; clear:both;}
.sub_title .sub_title_inn .navi ul li {float:left; margin-right:8px; line-height:40px; color:#a4a9b0;}
.sub_title .sub_title_inn .navi ul li a {line-height:40px; color:#a4a9b0;}
.sub_title .sub_title_inn .navi ul li a i {line-height:40px; color:#a4a9b0;}
.sub_title .sub_title_inn .navi ul li a:hover {color:#60666f;}
.sub_title .sub_title_inn .navi ul li a:hover i {color:#60666f;}

/* qna */
.qna {width:100%;}
.qna .con {width:1100px; margin:0 auto; padding:80px 0;}

/* qna (게시판리스트) */
.qna .con .list_t {margin-bottom:30px;}
.qna .con .list_t table thead tr {border-top:1px solid #b32d31; border-bottom:1px solid #dfd9dc;}
.qna .con .list_t table thead tr th {height:40px; text-align:center; background:#f5f0f3;}
.qna .con .list_t table tbody tr {border-bottom:1px solid #dfd9dc;}
.qna .con .list_t table tbody tr td {height:40px; text-align:center; white-space:nowrap;}
.qna .con .list_t table tbody tr td:nth-child(1) {width:80px;}
.qna .con .list_t table tbody tr td:nth-child(3) {width:130px;}
.qna .con .list_t table tbody tr td:nth-child(4) {width:100px;}
.qna .con .list_t table tbody tr td:nth-child(5) {width:100px;}
.qna .con .list_t table tbody tr .td_tit:after {content:""; display:block; clear:both;}
.qna .con .list_t table tbody tr .td_tit > div {float:left;}
.qna .con .list_t table tbody tr .td_tit > div > a {display:inline-block; overflow:hidden; max-width:500px; padding:4px 0 0 8px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.qna .con .list_t table tbody tr .td_tit > div > a:hover {color:#b32d31;}
.qna .con .list_t table tbody tr .td_tit > div > a > span {display:inline-block; width:16px; height:16px;}
.qna .con .list_t table tbody tr .td_tit > div > a .reply {background:url(/images/reply.png) no-repeat 0 0;}
.qna .con .list_t table tbody tr .td_tit > div > a .key {background:url(/images/key.png) no-repeat 0 0;}
.qna .con .list_t table tbody tr .td_tit > div > span {display:inline-block; width:15px; height:15px; margin-top:4px;}
.qna .con .list_t table tbody tr .td_tit > div .new {background:url(/images/new.png) no-repeat 0 0;}
.qna .con .list_t table tbody tr td button {height:26px; padding:0 10px; color:#fff; border:1px solid rgba(0,0,0,0.1); background:#b9a7b1;}

/* qna_view */
.qna_view {width:100%;}
.qna_view .con {width:1100px; margin:0 auto; padding:80px 0;}
.qna_view .con .view_t table thead tr {border-top:1px solid #b32d31; border-bottom:1px solid #dfd9dc;}
.qna_view .con .view_t table thead tr th {height:38px; text-align:center; white-space:nowrap; background:#f5f0f3;}
.qna_view .con .view_t table thead tr th:nth-child(2) {width:130px;}
.qna_view .con .view_t table thead tr th:nth-child(3) {width:130px;}
.qna_view .con .view_t table thead tr .th_tit {padding:0 30px; font-weight:bold; text-align:left;}
.qna_view .con .view_t table tbody tr .td_txt {padding:20px 30px; line-height:20px; border-bottom:1px dashed #dfd9dc;}
.qna_view .con .view_t table tbody tr .td_txt .pre_tit {font-weight:bold; color:#b32d31;}
.qna_view .con .view_t table tbody tr .td_txt .img {width:100%;}
.qna_view .con .view_t table tbody tr .td_txt .img img {max-width:600px;}
.qna_view .con .view_t table tbody tr .td_tot {padding:15px 30px; line-height:20px; border-bottom:1px solid #dfd9dc;}
.qna_view .con .view_t table tbody tr .td_tot p:nth-of-type(1) {margin-bottom:5px;}
.qna_view .con .view_t table tbody tr .td_tot p a:hover {color:#b32d31;}
.qna_view .con .view_t table tbody tr .td_tot p a span {display:inline-block; width:16px; height:16px;}
.qna_view .con .view_t table tbody tr .td_tot p a .reply {background:url(/images/reply.png) no-repeat 0 2px;}
.qna_view .con .view_t table tbody tr .td_tot p a .key {background:url(/images/key.png) no-repeat 0 2px;}

/* qna_write */
.qna_write {width:100%;}
.qna_write .con {width:1100px; margin:0 auto; padding:80px 0;}
.qna_write .con .write_t table tbody tr {border-bottom:1px solid #dfd9dc;}
.qna_write .con .write_t table tbody tr:first-child {border-top:1px solid #b32d31;}
.qna_write .con .write_t table tbody tr th {width:150px; min-height:40px; text-align:center; background:#f5f0f3; box-sizing:border-box;}
.qna_write .con .write_t table tbody tr td {padding:5px 7px; box-sizing:border-box;}
.qna_write .con .write_t table tbody tr td input {height:30px; border:1px solid #f5f0f3;}
.qna_write .con .write_t table tbody tr td select {height:30px; border:1px solid #f5f0f3; background-position:100% 2px;}
.qna_write .con .write_t table tbody tr td textarea {height:300px; padding:8px; line-height:20px; border:1px solid #f5f0f3;}
.qna_write .con .write_t table tbody tr td .w_100 {width:100%;}
.qna_write .con .write_t table tbody tr td .w_a {width:130px;}
.qna_write .con .write_t table tbody tr td .per {height:130px; color:#777;}
.qna_write .con .write_t table tbody tr .td_w {width:427px;}

.qna_write .con .write_t table tbody tr td .code > div {float:left; margin-right:10px;}
.qna_write .con .write_t table tbody tr td .code > div .btn button {margin:14px 0 4px; padding:5px 11px; color:#fff; border:1px solid rgba(0,0,0,0.1); background:#b9a7b1;}
.qna_write .con .write_t table tbody tr td .code > div .inp input {width:131px; border:1px solid #b9a7b1; border-radius:3px;}
.qna_write .con .write_t table tbody tr td .code > div .inp span {margin-left:7px; line-height:27px; color:#7b828d;}

/* pw_check */
.pw_check {width:100%;}
.pw_check .con {width:1100px; margin:0 auto; padding:100px 0 200px;}
.pw_check .con .inn {width:500px; margin:0 auto; padding:50px; background:#f5f0f3; box-sizing:border-box;}
.pw_check .con .inn .txt {margin-bottom:20px; line-height:20px; text-align:center;}
.pw_check .con .inn .inp input {width:100%; height:38px; margin:0 auto; text-align:center; color:#b32d31; border:1px solid #b32d31; border-radius:3px;}

/* shop */
.shop {width:100%;}
.shop .shop_inn {width:1100px; margin:0 auto; padding:80px 0;}

/* shop (제품리스트) */
.shop .shop_inn .list {padding-top:20px; border-top:1px solid #b32d31;}
.shop .shop_inn .list ul {width:100%;}
.shop .shop_inn .list ul:after {content:""; display:block; clear:both;}
.shop .shop_inn .list ul li {float:left; margin-right:20px; margin-bottom:30px;}
.shop .shop_inn .list ul li:nth-child(4n) {margin-right:0;}
.shop .shop_inn .list ul li a {position:relative; display:block; width:260px;}
.shop .shop_inn .list ul li a .img {overflow:hidden; position:relative; width:100%; height:260px; border:1px solid #f5f0f3; box-sizing:border-box; transition:all 0.3s;}
.shop .shop_inn .list ul li a .img img {position:absolute; left:0; top:0; transform-origin:130px 130px; width:100%; transition:all 0.3s;}
.shop .shop_inn .list ul li a .tit {margin-top:10px; font-size:15px; line-height:20px; text-align:center; transition:all 0.3s;}
.shop .shop_inn .list ul li a:hover .img {border:1px solid #dfd9dc;}
.shop .shop_inn .list ul li a:hover .img img {transform:scale(1.1);}
.shop .shop_inn .list ul li a:hover .tit {color:#b32d31;}
.shop .shop_inn .list ul li a .ic_best {position:absolute; left:10px; top:10px; width:57px; height:54px; background:url(/images/ic_best.png) no-repeat 0 0;}
.shop .shop_inn .list ul li a .ic_online {position:absolute; left:10px; top:10px; width:57px; height:54px; background:url(/images/ic_online.png) no-repeat 0 0;}

/* shop_view */
.shop_view {width:100%; padding:80px 0;}
.shop_view .simple {width:1100px; margin:0 auto; padding:20px 0; border-top:1px solid #b32d31;}
.shop_view .simple:after {content:""; display:block; clear:both;}
.shop_view .simple .sim_img {float:left; width:540px;}
.shop_view .simple .sim_img dl {position:relative; padding-top:405px;}
.shop_view .simple .sim_img dl:after {content:""; display:block; clear:both;}
.shop_view .simple .sim_img dl dt {float:left; overflow:hidden; width:81px; height:60px; margin-right:5px; border:1px solid #dfd9dc; background:#543334; box-sizing:border-box; transition:all 0.3s; cursor:pointer;}
.shop_view .simple .sim_img dl dt img {opacity:0.8; width:100%; transition:all 0.3s;}
.shop_view .simple .sim_img dl dt:hover img {opacity:1;}
.shop_view .simple .sim_img dl dt.on {border:1px solid #9d8994;}
.shop_view .simple .sim_img dl dt.on img {opacity:1;}
.shop_view .simple .sim_img dl dd {position:absolute; left:0; top:0; overflow:hidden; width:540px; height:400px; border:1px solid #dfd9dc; box-sizing:border-box;}
.shop_view .simple .sim_img dl dd img {opacity:0; transition:all 0.3s;}
.shop_view .simple .sim_img dl dd.on img {opacity:1;}
.shop_view .simple .sim_txt {float:right; width:540px;}
.shop_view .simple .sim_txt table tr {border-bottom:1px solid #dfd9dc;}
.shop_view .simple .sim_txt table tr:first-child {border-top:1px solid #dfd9dc;}
.shop_view .simple .sim_txt table tr th {width:133px; padding:10px 30px; line-height:20px; white-space:pre; background:#f5f0f3; box-sizing:border-box;}
.shop_view .simple .sim_txt table tr td {padding:10px 15px; line-height:20px; box-sizing:border-box;}
.shop_view .simple .sim_txt table tr .td_tit {font-size:16px; font-weight:bold;}

.shop_view .detail {width:1100px; margin:0 auto; border-top:1px solid #b32d31; background:linear-gradient(#f3f6f1 50%, #eaefe7 100%);}
.shop_view .detail .title {width:100%; min-height:174px; padding:60px 60px 0; text-align:center; box-sizing:border-box;}
.shop_view .detail .title h4 {margin-bottom:5px; font-size:30px; font-family:"Pretendard", "맑은 고딕"; letter-spacing:-0.05em;}
.shop_view .detail .title .eng {font-size:17px; font-family:"Pretendard", "맑은 고딕";}
.shop_view .detail .title .txt {margin-top:15px; line-height:20px;}
.shop_view .detail .nae {width:100%; padding:60px; box-sizing:border-box;}
.shop_view .detail .nae .img {width:100%; margin:0 auto;}
.shop_view .detail .nae .img img {width:100%;}

/* 썸머노트 에디터 */
.shop_view .detail .nae blockquote {font-size:15px; color:#4563ad;}
.shop_view .detail .nae pre {padding:10px; color:#555; border:1px solid #ccc; border-radius:5px; background:#eee; box-sizing:border-box;}
.shop_view .detail .nae h1 {font-size:66px;}
.shop_view .detail .nae h2 {font-size:56px;}
.shop_view .detail .nae h3 {font-size:46px;}
.shop_view .detail .nae h4 {font-size:36px;}
.shop_view .detail .nae h5 {font-size:26px;}
.shop_view .detail .nae h6 {font-size:16px;}

/* privacy */
.privacy {width:100%;}
.privacy .con {width:1100px; margin:0 auto; padding:80px 0;}
.privacy .con .inn textarea {width:100%; height:500px; padding:25px 30px; border:1px solid #dfd9dc; border-top:1px solid #b32d31; box-sizing:border-box;}

/* introduce */
.introduce {width:100%;}
.introduce .con {width:1100px; margin:0 auto; padding:80px 0;}
.introduce .con .inn {position:relative; height:2200px; padding:200px 60px 0; border-top:1px solid #b32d31; background:url(/images/bg_introduce.jpg) no-repeat 50% 0; box-sizing:border-box;}
.introduce .con .inn .nae {width:600px;}
.introduce .con .inn .nae .tit {margin-bottom:10px; font-size:30px; font-family:"Pretendard", "나눔고딕"; letter-spacing:-0.05em;}
.introduce .con .inn .nae .txt {line-height:25px; font-size:15px; text-align:justify;}
.introduce .con .inn .img_a {position:absolute; right:60px; top:120px; width:330px; height:330px; box-shadow:4px 4px 26px rgba(157,137,148,0.4);}
.introduce .con .inn .box_a {position:absolute; right:265px; top:350px; width:200px; height:200px; border:3px solid #fff;}
.introduce .con .inn .img_b {position:absolute; left:60px; top:450px; width:330px; height:330px; box-shadow:4px 4px 26px rgba(157,137,148,0.4);}
.introduce .con .inn .box_b {position:absolute; left:340px; top:590px; width:143px; height:143px; border:3px solid #fff;}
.introduce .con .inn .nae_factory {float:right; width:600px; margin-top:410px; text-align:right;}
.introduce .con .inn .nae_factory .tit {margin-bottom:10px; font-size:30px; font-family:"Pretendard", "나눔고딕"; letter-spacing:-0.05em;}
.introduce .con .inn .nae_factory .txt {line-height:25px; font-size:15px;}
.introduce .con .inn .nae_cer {position:absolute; left:60px; bottom:40px;}
.introduce .con .inn .nae_cer ul:after {content:""; display:block; clear:both;}
.introduce .con .inn .nae_cer ul li {float:left; width:228px; margin-right:26px; text-align:center; box-sizing:border-box;}

/* certification */
.certification {width:100%;}
.certification .con {width:1100px; margin:0 auto; padding:80px 0;}
.certification .con .inn {position:relative; height:2400px; padding:200px 60px 0; border-top:1px solid #b32d31; background:url(/images/bg_certification.jpg) no-repeat 50% 0; box-sizing:border-box;}
.certification .con .inn .nae {width:600px; margin-bottom:100px}
.certification .con .inn .nae.nae700 {width:700px}
.certification .con .inn .nae .tit {margin-bottom:10px; font-size:22pt; font-weight:bold;}
.certification .con .inn .nae .tit.acc {font-family:'Pretendard'; font-size:25pt; font-weight:bold; letter-spacing:0;}
.certification .con .inn .nae .txt {line-height:25px; font-size:11pt; font-weight:bold; text-align:justify;}
.certification .con .inn .nae .txt.normal {font-family:'Pretendard'; font-size: 15pt; font-weight:normal; padding-top:15px; }
.certification .con .inn .img_a {position:absolute; right:60px; top:120px; width:330px; height:330px; box-shadow:4px 4px 26px rgba(157,137,148,0.4);}
.certification .con .inn .box_a {position:absolute; right:245px; top:280px; width:200px; height:200px; border:3px solid #fff;}
.certification .con .inn .img_b {position:absolute; left:60px; top:450px; width:330px; height:330px; box-shadow:4px 4px 26px rgba(157,137,148,0.4);}
.certification .con .inn .nae_factory {float:right; width:600px; margin-top:410px; text-align:right;}
.certification .con .inn .nae_factory .tit {margin-bottom:10px; font-size:30px; font-family:"맑은 고딕"; letter-spacing:-0.05em;}
.certification .con .inn .nae_factory .txt {line-height:25px; font-size:15px;}
.certification .con .inn .nae_cer {position:absolute; left:60px; bottom:110px;}
.certification .con .inn .nae_cer ul:after {content:""; display:block; clear:both;}
.certification .con .inn .nae_cer ul li {float:left; width:176px; margin-right:26px; text-align:center; box-sizing:border-box;}

/* history */
.history {width:100%;}
.history .con {width:1100px; margin:0 auto; padding:80px 0;}
.history .con .inn {position:relative; padding:210px 60px 130px; border-top:1px solid #b32d31; background:url(/images/bg_history.jpg) no-repeat 50% 0; box-sizing:border-box;}
.history .con .inn .part ul:after {content:""; display:block; clear:both;}
.history .con .inn .part ul li {float:left;}
.history .con .inn .part ul .mon {position:relative; padding-right:30px; box-sizing:border-box;}
.history .con .inn .part ul .mon .day {display:inline-block; width:105px; font-size:25px; font-family:"Pretendard", "맑은 고딕"; text-align:right; color:#b32d31;}
.history .con .inn .part ul .mon .poi {position:absolute; right:-10px; top:9px;}
.history .con .inn .part ul .txt {padding:0 0 40px 25px; font-size:16px; line-height:36px; border-left:2px solid #b32d31; box-sizing:border-box;}
.history .con .inn .img_c {position:absolute; right:60px; top:120px; width:330px; height:330px; box-shadow:4px 4px 26px rgba(157,137,148,0.4);}
.history .con .inn .box_c {position:absolute; right:265px; top:350px; width:200px; height:200px; border:3px solid #fff;}
.history .con .inn .img_d {position:absolute; right:60px; top:1120px; width:330px; height:330px; box-shadow:4px 4px 26px rgba(157,137,148,0.4);}
.history .con .inn .box_d {position:absolute; right:265px; top:1350px; width:200px; height:200px; border:3px solid #fff;}

/* location */
.location {width:100%;}
.location .con {width:1100px; margin:0 auto; padding:80px 0;}
.location .con .inn {position:relative; padding:200px 60px 80px; border-top:1px solid #b32d31; background:url(/images/bg_location.jpg) no-repeat 50% 0; box-sizing:border-box;}
.location .con .inn .nae {margin-bottom:50px;}
.location .con .inn .nae .tit {margin-bottom:5px; font-size:30px; font-family:"Pretendard", "맑은 고딕"; letter-spacing:-0.05em;}
.location .con .inn .nae .txt {margin-bottom:5px; line-height:25px; font-size:15px;}
.location .con .inn .nae #map-canvas {width:100%; height:300px; border:1px solid #dfd9dc; border-top:1px solid #b32d31; box-sizing:border-box;}
.location .con .inn .nae #map-canvas-factory {width:100%; height:300px; border:1px solid #dfd9dc; border-top:1px solid #b32d31; box-sizing:border-box;}
.location .con .inn .nae dl {margin-top:30px;}
.location .con .inn .nae dl dt {padding-bottom:5px; line-height:21px; border-bottom:1px solid #b32d31;}
.location .con .inn .nae dl dt span {display:inline-block; width:21px; height:21px; margin-right:5px;}
.location .con .inn .nae dl dt .car {background:url(/images/transport_0001.png) no-repeat 0 0;}
.location .con .inn .nae dl dt .bus {background:url(/images/transport_0001.png) no-repeat 50% 0;}
.location .con .inn .nae dl dt .subway {background:url(/images/transport_0001.png) no-repeat 100% 0;}
.location .con .inn .nae dl dd {margin-bottom:15px;}
.location .con .inn .nae dl dd .div_table table tbody tr {height:34px; border-bottom:1px solid #dfd9dc;}
.location .con .inn .nae dl dd .div_table table tbody tr th {width:150px; padding:10px 0; text-align:center; background:#f5f0f3;}
.location .con .inn .nae dl dd .div_table table tbody tr td {padding:10px 15px; line-height:20px; background:#fff;}
.location .con .inn .nae dl dd .bus_table table tbody tr th span {display:inline-block; width:25px; height:15.5px; margin-right:4px; font-size:10px; line-height:15px; color:#fff; border-radius:2px;}
.location .con .inn .nae dl dd .bus_table table tbody tr th .busB {background:#3556a7;}
.location .con .inn .nae dl dd .bus_table table tbody tr th .busG {background:#4a972e;}
.location .con .inn .nae dl dd .subway_table table tbody tr th span {display:inline-block; width:18px; height:18px; margin-right:2px; line-height:17px; color:#fff; border-radius:50%;}
.location .con .inn .nae dl dd .subway_table table tbody tr th .line2 {background:#3cb44a;}

/* client */
.client {width:100%;}
.client .con {width:1100px; margin:0 auto; padding:80px 0;}
.client .con .inn {padding-top:20px; border-top:1px solid #b32d31;}
.client .con .inn ul:after {content:""; display:block; clear:both;}
.client .con .inn ul li {float:left; width:204px; height:204px; margin:0 20px 20px 0; padding:15px; background:#fff; box-sizing:border-box;}
.client .con .inn ul li:nth-child(5n) {margin-right:0;}
.client .con .inn ul li img {width:100%;}