@charset "utf-8";
/*웹폰트 설정*/
@font-face {
	font-family : "noto";
	font-weight:400;
	src :url('/mhtml/font/NotoSans.eot');
	src :url('/mhtml/font/NotoSans.eot?#iefix') format('embeded-opentype'),
	url('/mhtml/font/NotoSans.woff') format('woff');
}
@font-face {
	font-family : "notobold";
	font-weight:700;
	src :url('/mhtml/font/NotoSansBold.eot');
	src :url('/mhtml/font/NotoSansBold.eot?#iefix') format('embeded-opentype'),
	url('/mhtml/font/NotoSansBold.woff') format('woff');
}

/* mobile reset */
* {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-text-size-adjust:none;}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select {font-family:"noto", sans-serif; font-weight:normal; color:#969696;}
body {-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,input,textarea,select,button {font-size:75%; line-height:1.267em;}
li{list-style:none}
a {text-decoration:none; color:#969696;}
a[href^="tel"]{ font-style:normal}
address, caption, em, var {font-style:normal; font-weight:normal}
input, textarea, select {letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img {display:block; max-width:100%; border:0; vertical-align:top;}
hr{display:none}
table {width:100%; border-collapse:collapse; border-spacing:0; padding:0; margin:0; table-layout:fixed; word-break:break-all;}
br{letter-spacing:normal}
p{letter-spacing:normal}
input[type="text"], input[type="password"] {padding:1px 0; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}
input[type="checkbox"]{ -webkit-border-radius:0;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button; border-radius:0; -webkit-border-radius:0;}
input[type="file"] {width:auto !important; -webkit-linear-gradient:0; -webkit-appearance:none; background:none; }
input {padding:5px; border:1px solid #cecece; background:#fff; font-size:1.000em; line-height:1.3; vertical-align:middle;}
textarea {width:100%; -webkit-appearance:none;}
select {border-radius:0; -webkit-border-radius:0; border:1px solid #abadb3;}

/*여백,위치 폰트 셋팅*/
.f_bold {font-weight:700; color:#353535;}
.mt20 {margin-top:1.667em;}
.mr_no {margin:0 !important;}
.mrt_no {margin-top:0 !important;}
.mrL_no {margin-left:0 !important;}
.mrR_no {margin-right:0 !important;}
.mrb_no {margin-bottom:0 !important;}
.mt12 {margin-top:1em !important;}
.mt24 {margin-top:2em !important;}
.pd15 {padding-right:1em;}
.f_col {font-size:1.167em; font-weight:700; color:#777777;}
.inpt100 {width:100% !important;}
.inpt50 {width:50% !important;}
.img_wrap {width:100%; max-width:100%; border-bottom:1px solid #d6d6d6;}
.pd5 {padding:0 0.583em;}
.btn_rwrap {display:table; width:100%; margin-top:1.250em; text-align:right;}
.btn_cwrap {display:table; width:100%; margin-top:1.250em; text-align:center;}
.mt49 {margin-top:4.083em;}
.bg_blue {background:#015291 !important; border-color:#023b67 !important; color:#fff !important;}
.bg_gray {background:#b2b2b2 !important; border-color:#a2a2a2 !important; color:#fff !important;}
.btn_cwrap span,.btn_rwrap span {display:table-cell; width:33%; padding:0 1%;}
.btn_cwrap span a,.btn_rwrap span a {width:100% !important;}

/*버튼*/
.btn_center {margin:2.042em 0; text-align:center;}
.btn_blue-green,.btn_gray {position:relative; display:inline-block; width:9.667em; background:#0096b9; font-size:1.167em; line-height:2.667em; color:#fff; overflow:hidden;}
.btn_blue-green span,.btn_gray span {position:absolute; top:50%; right:0.750em; display:block; width:3px; height:5px; margin-top:-2.5px; background:url("/m_advolt/img/bg_btn.png") no-repeat; background-size:cover;}
.btn_blue-green:hover {background:#017a96;}
.btn_gray {margin-left:3px; background:#646672;}
.btn_gray:hover {background:#4a4b53;}
.btn_db {width:100%; margin-top:1.333em; text-align:center;}
.btn_db a {display:inline-block; width:7.5em; font-size:1.167em; font-weight:700; color:#fff; line-height:2.083em; text-align:center; vertical-align:middle;}
.btn_blue {background:#0089cc; border:1px solid #0076b0;}
.btn_black {margin-left:1.000em; background:#161616; border:1px solid #161616;}
.btn_md_gray {margin-left:1.000em; background:#adb5bf; border:1px solid #97a0aa;}
.btn_tb {display:inline-block; padding:0 1.083em; border:1px solid #cacdcf; background:#e0e2e5; line-height:2.417em; color:#9a9a9a; text-align:center; vertical-align:middle;}
.btn_tb:hover {background:#161616; border-color:#161616; color:#fff;}
.btn_borTop {padding-top:1.667em; border-top:1px solid #dddddd;}
.btns_area {position:relative;}
.btns_area:after {content:''; clear:both; display:block;}
.btns_area .btn_detail_list {position:absolute; top:1.667em; left:0; display: inline-block; width: 7.5em; font-size: 1.167em; font-weight: 700; line-height: 2.083em; text-align: center; vertical-align: middle;}
.btns_area .btn_db {float:right; width:auto; margin:0;}

/*페이지 네비게이션*/
.paginate_box {position:relative; width:100%; margin:0 auto; padding:1.667em 0; overflow:hidden;}
.paginate_complex {float:left; width:100%; line-height:normal; text-align:center;}
.paginate_complex a,
.paginate_complex strong {display:inline-block; margin:0 0.583em; padding:0; border-bottom:2px solid transparent; font-family:"notobold" , sans-serif; font-size:1.167em; font-weight:700; color:#444444; text-align:center; vertical-align:middle;}
.paginate_complex strong,.paginate_complex a:hover {border-color:#0089cc; color:#0089cc;}
.paginate_complex .prev,.paginate_complex .next {overflow:hidden; vertical-align:middle;}
.paginate_complex .prev {padding-left:0.917em; background:url("../images/btn_page_prev.png") no-repeat left 50%; background-size:3px 4px; margin-right:2.083em;}
.paginate_complex .next {padding-right:0.917em; background:url("../images/btn_page_next.png") no-repeat right 50%; background-size:3px 4px; margin-left:2.083em;}
.paginate_complex .prev:hover {border-bottom-color:transparent; color:#444444;}
.paginate_complex .next:hover {border-bottom-color:transparent; color:#444444;}

/*셀렉트 박스 스타일*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #c7c7c7;
  background: #fff;
  position: relative;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 1.667em 0 0.5em;
  font-size: 12px;
  line-height: 2.583em;
  color: #757474;
  height:2.583em;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width:2.583em;
  height:2.583em;
  color: #757474;
  text-align: center;
  background:url("../images/bu_select.gif") no-repeat 50% 50%;
}
/*
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}
*/
.selectric-hover .selectric {
  /*border-color: #C4C4C4;*/
}
.selectric-hover .selectric .button {
  color: #A2A2A2;
}
.selectric-hover .selectric .button:after {
  /*border-top-color: #A2A2A2;*/
}

.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  /*border-color: #C4C4C4;*/
}
.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0px !important;
  height: 0px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #C4C4C4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
  z-index:100;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectric-items li.selected {
  background: #EFEFEF;
  color: #444;
}
.selectric-items li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* ------------------- iCheck plugin Minimal skin, black ----------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align:middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
	margin-right:4px;
    background:url("../images/check_2x.png") no-repeat;
    border: none;
    cursor: pointer;
	-webkit-background-size: 200px 20px;
    background-size: 200px 20px;
}

.icheckbox_minimal {
    background-position:0 0;
}
.icheckbox_minimal.hover {
	background-position: -40px 0;
}
.icheckbox_minimal.checked {
	background-position: -40px 0;
}
/*
.icheckbox_minimal.disabled {
	background-position: -169px -36px;
	cursor: default;
}

.icheckbox_minimal.checked.disabled {
	background-position: -315px -292px;
}
*/
.iradio_minimal {
background-position:-100px 0;
}
.iradio_minimal.hover {
	background-position: -140px 0;
}
.iradio_minimal.checked {
	background-position: -140px 0;
}
.store_radio .iradio_minimal {background-position:-161px 0;}
.store_radio .iradio_minimal.hover {background-position:-181px 0;}
.store_radio .iradio_minimal.checked {background-position:-181px 0;}


/* 공통 모달 팝업 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.pop-layer {position: absolute; top:50%; left:50%; width:auto; min-width:250px; max-width:310px; height:auto; padding:0; background:#ffffff; z-index: 1000;}
.pop_post {width:310px; }
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop-layer .pop-container .pop_content {padding:2.833em 0; font-family:"notobold" , sans-serif; font-size:1.167em; color:#686868; line-height:1.3; letter-spacing:-1px; text-align:center;}
.btn_confirm {display:block; width:100%; height:3.167em; background:#0089cc; font-family:"notobold" , sans-serif; font-size:1.167em; color:#fff; line-height:3.167em; text-align:center;}
.pop_top {height:52px; padding:0 30px; background:#0089cc; font-family:"notobold" , sans-serif; font-size:20px;  font-weight:700; line-height:52px; color:#fff; letter-spacing:-1px;}
.pop_top span {margin-left:30px; font-size:13px; color:#cdefff; line-height:normal;}
.pop_nb {padding:30px 36px; background:#fff;}
.pop_tit {padding:1.7em 1.667em; background:#0089cc; color:#fff;}
.pop_cont_wrap {padding:1.250em 1.667em !important;}
.post_area p {font-size:1em; color:#858585; text-align:left;}
.post_area .pop_tx {margin-top:0.500em; font-size:0.833em; color:#aaaaaa;}
.pop_btn_sch {background:#161616; border-color:#161616; color:#fff;}
.post_area > div {margin-top:1.667em; text-align:left;}
.pop_tit_top {position:relative;}
.btn_close {position:absolute; top:50%; right:20px; width:13px; height:13px; margin-top:-6px; background:url("../images/pop_close.png") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}
.f_col1 em {color:#545454;}
.f_col1 span {color:#0089cc;}
.pop_pw p {padding:0.25em 0 1em 5.833em; background:url("../images/pop_pw.png") no-repeat left top; background-size:45px 45px;}
.mrt1 {margin-top:1em !important;}

/*공통 레이아웃*/
body {background:#161616;}
.header {position:relative; height:4.583em; overflow:hidden;}
h1 a {display:block; width:130px; height:22px; margin:16px auto 0; background:url("../images/t_logo.png") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}
.t_sns {position:absolute; top:50%; left:1.250em; width:auto; margin-top:-1.25em; overflow:hidden;}
.t_sns li.sns1,.t_sns li.sns2 {float:left; width:28px; height:30px; background:#161616 url("../images/ico_sns1.png") no-repeat; background-size:cover; border:1px solid #333333; overflow:hidden;}
.t_sns li.sns2 {border-left:0; background:#161616 url("../images/ico_sns2.png") no-repeat; background-size:cover;}
.t_sns li a {display:block; width:100%; height:100%; font-size:0; line-height:0; overflow:hidden;}
.t_sns li.sns1:hover {background-position:0 -28px;}
.t_sns li.sns2:hover {background-position:0 -29px;}
.btn_menu {position:absolute; display:block; top:50%; right:1.250em; width:2.500em; height:2.500em; padding:0.667em 0.583em; margin-top:-1.25em; border:1px solid #333333; overflow:hidden;}
.btn_menu span {display:block; width:100%; height:2px; margin-top:0.333em; background:#8d8d8d; overflow:hidden;}
.btn_menu span:first-child {margin:0;}
.btn_menu:hover span {background:#52c3f1;}
.sub_mu {background:#373b3e;}
.sub_mu .swiper-slide {text-align:center;}
.sub_mu .swiper-slide a {display:block; background:url("../images/bg_sub_mu.gif") no-repeat left 50%; text-align:center; padding:0; line-height:0;}
.sub_mu .swiper-slide:first-child a {background:none;}
.sub_mu .swiper-slide a span {display:inline-block; padding:1.167em 0; border-bottom:3px solid transparent; font-size:1.250em; line-height:1; font-weight:700; color:#8896a1; vertical-align:middle;}
.sub_mu .swiper-slide.active a span,.sub_mu .swiper-slide:hover a span {border-bottom:3px solid #52c3f1; color:#52c3f1;}
.sub_mu .twomu .swiper-slide {width:50% !important;}
.sub_visual_area {position:relative;}
.sub_visual_area img {width:100%;}
.sub_visual_area > div {display:block; position:absolute; top:32%; left:0; width:100%; height:auto; text-align:center; vertical-align:middle;}
.sub_visual_area > div h2 {font-family:"notobold", sans-serif; font-weight:700; font-size:1.833em; line-height:1.2; color:#ffffff;}
.sub_visual_area > div p {font-size:1.250em; color:#e3e3e3;}
.sub_visual_area > div p span {color:#fff;}
.sub_visual_area > div > span {display:block; width:1.000em; height:2px; margin:0.833em auto 0.833em; background:#fff;}
.contents {padding:2.333em 1.250em 6.250em; background:#f2f2f4;}
.sub_wrap {padding:0 1.250em;}
.sub_contents {padding:2.333em 0; background:#f2f2f4;}
.sub_tit {position:relative; margin-bottom:1.250em;}
.sub_tit h2 {position:relative; border-bottom:2px solid #161616; font-family:"notobold", sans-serif; font-weight:700; font-size:1.833em; line-height:1.2; color:#161616;}
.sub_tit h2 span {display:block; position:absolute; bottom:-2px; right:0; width:2.417em; height:2px; background:#0089cc;}
.sub_contents .sub_tit {padding:0 1.250em; margin-bottom:0;}
.footer {padding:1.917em 2.917em 0;}
.footer h2 {width:167px; height:26px; margin:0 auto 23px; background:url("../images/f_logo.png") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}
.footer p {font-size:0.833em; margin-top:0.500em; color:#a1a1a1; text-align:center;}
.footer p:first-child {margin-top:0;}
.footer .copyright {color:#5c5c5c;}
.footer p span {color:#606060;}
.f_bnbox {padding:1.750em 0; text-align:center;}
.f_bnbox a {display:inline-block; width:87px; height:31px; background:url("../images/bn_link1.png") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}
.f_bnbox a:last-child {margin-left:5px; background:url("../images/bn_link2.png") no-repeat; background-size:cover;}
.comm_tit {padding-bottom:0.500em; margin-top:2.083em; font-size:1.500em; font-weight:700; color:#161616;}

/*사이드 메뉴*/
.side_mu {position:fixed; left:-100%; top:0; width:100%; min-height:100%; height:100%; z-index:1100;}
.filter {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; filter: alpha(opacity=90); z-index:1000;}
.blur {filter:blur(3px); -ms-filter:blur(3px); -moz-filter:blur(3px); -webkit-filter:blur(3px);}
.side_top {position:relative; padding:0 1.250em; background:#161616;}
.side_mu h2 {margin:0; padding:1.250em 0; border-bottom:2px solid #fff;}
.side_mu h2 a {display:block; width:130px; height:22px; background:url("../images/t_logo.png") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}
.side_close {position:absolute; display:block; top:50%; right:15px; width:30px; height:30px; margin-top:-15px; border:1px solid #333333; background:url("../images/mu_close.png") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}
.side_close:hover {background-position:0 -28px;}
.side_box_area {padding:0 1.250em;}
.side_box {border-bottom:2px solid #6c6c6c;}
.side_box h3 {position:relative; padding:0.583em 2.667em 0.583em 1.167em; font-size:1.583em; line-height:1.1; color:#ffffff;}
.side_box h3 .ui-icon {position:absolute; display:block; top:50%; right:1.250em; width:10px; height:9px; margin-top:-5px; background:url("../images/ico_side.png") no-repeat; background-size:cover; }
.side_box h3.ui-state-active .ui-icon {background-position:0 -9px;}
.side_box .mu {padding:0 1.250em 0.583em 2.167em;}
.side_box .mu li {margin-top:2.000em;}
.side_box .mu li:first-child {margin-top:1.000em;}
.side_box .mu li a {position:relative; display:block; padding-left:0.917em; font-size:1.333em; color:#cde6f3;}
.side_box .mu li a span {position:absolute; display:block; top:0.417em; left:0; width:3px; height:3px; background:#515a5f; }

/*로그인*/
.login_area {padding:2.917em 1.833em; background:#f5f5f6 url("../images/bg_login.png") no-repeat 50% top; background-size:cover; border:1px solid #d3d3d3;}
.login_top > span {display:block; width:1.250em; height:2px; margin-left:18%; background:#161616;}
.login_top h3 {margin:0.500em 0 1.583em; padding-left:18%; font-size:1.667em; font-weight:400; line-height:1.1; color:#161616;}
.login_top h3 strong {font-weight:700;}
.login_top h3 em {color:#0089cc;}
.login_box {position:relative; display:table; width:100%;}
.login_box .int_area {display:table-cell; width:80%; padding-right:2%; }
.login_box .int {margin-top:0.500em;}
.login_box .int:first-child {margin:0;}
.login_box .int > span {display:inline-block; width:23%; padding-right:2%; font-weight:700; color:#161616; text-align:right; vertical-align:middle;}
.login_box .int input {display:inline-block; width:77%; height:2.667em; padding:0 5px; line-height:2.667em; vertical-align:middle;}
.login_box .btn_confirmation {display:table-cell; width:20%; background:#0089cc; border:1px solid #047ab4; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; text-align:center; vertical-align:middle;}
.save_area {margin-top:1.500em; padding-left:18%;}
.save_area a {display:inline-block; margin-left:7%; border-bottom:1px solid #d3d3d3; vertical-align:middle;}
.log_after {text-align:center;}
.log_after p {display:inline-block; padding:0.583em 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:1.417em; font-weight:700; color:#161616; text-align:center;}
.log_after p span {color:#0089cc;}
.log_tit {margin-bottom:0.833em; font-size:1.417em; font-weight:700; line-height:1.1; color:#0089cc; text-align:center;}
.log_tbox p {font-size:1.083em; line-height:1.3; color:#acacac;}
.log_tbox p span {color:#777777;}

/*회원가입*/
.mem_tit {font-size:1.167em; font-weight:700; color:#161616;}
.mem_tit span {display:inline-block; width:0.333em; height:0.333em; background:#cecece; margin-right:0.25em; vertical-align:middle;}
.mem_box {max-height:14.167em; margin:0.750em 0 0.417em; padding:1.000em; background:#ffffff; border:1px solid #e1e1e1; overflow-y:auto;}
.mem_box * {font-size:1.083em; line-height:1.2; color:#b4b4b4;}
.mem_box p {margin-bottom:1.083em;}
.mem_chk {margin-bottom:2.000em; text-align:right;}
.mem_chk label {color:#161616;}

/*회원가입 정보 입력*/
.tb_reg th {position:relative; width:20%; padding:0.500em;}
.tb_reg th span {display:block; width:100%; position:absolute; top:1.25em; left:0; text-align:center; font-weight:700; color:#161616;}
.tb_reg td {width:80%; padding:0.500em;}
.tb_reg td input,.comm_inpt {width:55%; padding:0 5px; margin-right:0.5em; line-height:2.417em;}
.tb_reg td input.inpt {width:20%;}
.tb_reg td input.inpt100 {width:100%;}
.tb_reg td p {margin-top:0.333em;}
.tb_reg td > div {position:relative; margin-top:1em;}
.tb_reg td > div > div {position:absolute; top:50%; right:0; margin-top:-0.833em;}
.tb_reg td > div p {margin:0;}
.tb_reg td p span {color:#555555;}
.pop_tx2 {margin-top:1em; font-size:1em; font-weight:700; color:#0089cc !important;}
.pop_tit span {display:block; margin-top:1em; font-size:0.25em; color:#cdefff; line-height:1.1;}
.modi_tx {font-size:1.167em; font-weight:700; color:#0089cc;}
textarea {height:7em; border:1px solid #cecece; padding:0.417em; }

/*인사말*/
.greeting_tx {margin:2.000em 0; color:#777777;}
.greeting_tx strong {font-weight:700; color:#161616;}
.greeting_tx span {font-weight:700; color:#0089cc;}
.ceo {margin-top:3.083em; text-align:right;}
.ceo span {display:inline-block; width:66px; height:17px; background:url("../images/ceo.gif") no-repeat; background-size:cover; font-size:0; line-height:0; overflow:hidden;}

/*회사소개*/
.info_area {width:100%; overflow:hidden; text-align:center;}
.info_area li {float:left; width:46%; padding:0.250em; margin:2%; background:#fff; border:1px solid #e2e2e2;}
.info_area li img,.map_img img {width:100%; max-width:100%;}

/*찾아오시는 길*/
.contact_tx {margin:1.167em 0 0.583em; padding-left:0.750em; background:url("../images/bu_list.png") no-repeat 0.250em 0.500em; background-size:3px 3px; font-weight:700; color:#161616;}
.contact_tx span {color:#0089cc;}
.map_img {border:1px solid #bababa; padding:0.333em; background:#fff;}
.map_list {margin-top:1em;}
.map_list li {width:100%; margin-bottom:0.5em; overflow:hidden;}
.map_list li p {position:relative; float:left; padding-left:0.583em; margin-right:1.667em; font-size:1.167em; font-weight:700; color:#161616;}
.map_list li p span {color:#0089cc;}
.map_list li p em {display:block; position:absolute; top:50%; left:0; width:2px; height:2px; background:#0089cc; margin-top:-1px;}

/*공지사항*/
.tab_list {width:100%; text-align:center;}
.tab_list li {display:inline-block; width:auto; padding:0 1em; background:url("../images/bu_list2.png") no-repeat left 50%; background-size:4px 4px; text-align:center;}
.tab_list li a {display:block; padding:1em 0;}
.tab_list li a span {padding-bottom:3px; border-bottom:2px solid transparent; font-size:1.333em; font-weight:700; color:#272727;}
.tab_list li a:hover span,.tab_list li.active a span {border-bottom:2px solid #0089cc; color:#0089cc;}
.tab_list li:first-child {background:none;}

.tb_list1 {margin-top:1em; border-top:1px solid #aeaeae; border-bottom:1px solid #111111;}
.tb_list1 th {padding:1.167em 0.417em; background:#ededed; color:#5f5f5f;}
.tb_list1 td {padding:1.167em 0.417em; border-top:1px solid #e3e3e3; color:#000; text-align:center;}
table .t_left {text-align:left;}
table .t_left a {display: inline-block; max-width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis); vertical-align: middle; color:#333333;}
.tb_list1 td .f_gray {color:#777777;}
.tb_list1 td .f_red {color:#f03636;}
.ico_hot,.ico_file,.ico_lock {display:inline-block; font-size:0; line-height:0; overflow:hidden; vertical-align:middle;}
.ico_hot {width:15px; height:7px; background:url("../images/ico_hot.png") no-repeat; background-size:cover;}
.ico_file {width:5px; height:5px; background:url("../images/ico_file.png") no-repeat; background-size:cover;}
.ico_lock {width:8px; height:8px; background:url("../images/ico_lock.png") no-repeat; background-size:cover;}
.ico_reply a {padding-left:1.250em; background:url("../images/ico_reply.png") no-repeat 2px 50%; background-size:6px 7px;}

.sch_wrap {padding:1.083em; border:3px solid #e4e4e4; }
.sch_wrap:after {content:''; display:block; clear:both;}
.sch_wrap input {float:left; margin:0;}
.sch_wrap .btn_sch {position:absolute; top:0; right:0; width:33px; height:33px; background:#015291 url("../images/ico_sch.gif") no-repeat 50% 50%; background-size:9px 9px; font-size:0; line-height:0; overflow:hidden;}
.sch_wrap .btn_list {display:inline-block; width:131px; background:#b2b2b2; border:1px solid #a2a2a2; line-height:28px; vertical-align:middle; text-align:center; font-size:1.167em; color:#fff;}
.sch_box {display:table; width:100%;}
.sch_box .select_type {display:table-cell; width:40%; padding-right:0.5em; vertical-align:top;}
.sch_box .inpt_box {position:relative; display:table-cell; width:60%; vertical-align:top;}
.sch_box .inpt_box input {width:100%; padding:1px 38px 1px 5px;}
.btn_sch_list {margin-top:1.000em; text-align:right;}

.tb_detail {border-top:1px solid #aeaeae;}
.tb_detail th {padding:0.833em 0.5em; border:1px solid #e1e1e1; border-left:0; border-bottom:0; background:#ededed; font-size:1em; color:#747474;}
.tb_detail td {padding:0.833em 0.5em; border:1px solid #e1e1e1; border-left:0; border-right:0; border-bottom:0; font-size:1em; color:#3d3d3d; text-align:left;}
.tb_detail tr.bor_bot th,.tb_detail tr.bor_bot td {border-bottom:1px solid #aeaeae;}
.tb_detail td a {color:#3d3d3d;}
.detail_box {padding:1.250em 0;}
.detail_box img {width:100%;}
.prev_tx th,.prev_tx td {border:1px solid #e1e1e1; border-top:1px solid #aeaeae;}
.next_tx th,.next_tx td {border:1px solid #e1e1e1; border-top:0; border-bottom:1px solid #aeaeae; }
.prev_tx th,.next_tx th {background:none; border-left:0; color:#747474;}
.prev_tx td,.next_tx td {border-right:0; color:#3d3d3d;}
.prev_tx td a , .next_tx td a {display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis);}
.btn_detail_list {display:inline-block; width:31%; padding:0; border:1px solid #a2a2a2; background:#fff; color:#7d7d7d; line-height:2.500em; text-align:center;}

/*시공 갤러리*/
.gall_mu {width:100%; padding:0.833em 1.25em 0 1.25em; text-align:center; overflow:hidden;}
.gall_mu li {float:left; width:20%; margin:0 0 0.750em 1.25em; overflow:hidden;}
.gall_mu li a {display:block; height:1.833em; border:1px solid #d9d9d9; background:#e8e8e8; font-size:1em; line-height:1.833em; text-align:center;}
.gall_mu li a:hover,.gall_mu li.active a {background:#fff; border-color:#0089cc; color:#0089cc;}
.gall_box {padding:0 1.25em;}
.gall_box ul {width:100%; padding:1.667em 3% 1.667em 0; border:1px solid #e2e2e2; border-left:0; border-right:0; overflow:hidden;}
.gall_box ul li {float:left; width:47%; margin:0 0 3% 3%;}
.gall_box ul li a {border-bottom:2px solid transparent;}
.gall_box ul li a.active,.gall_box ul li a:hover {border-bottom:2px solid #0089cc;}
.gall_box ul li a,.gall_box ul li span {display:block;}
.gall_box ul li .gall_img {max-height:13em; overflow:hidden;}
.gall_box ul li .gall_img img {width:100%;}
.gall_box ul li .gall_tbox {background:#fff; border:1px solid #e3e3e3; border-top:0;}
.gall_box ul li .gall_tbox .gall_tit {padding:0.583em 0; font-size:1.333em; font-weight:700; color:#272727; text-align:center;}
.gall_box ul li .gall_tbox .gall_tx {max-height:2.500em; margin-bottom:0.583em; font-size:1.167em; color:#777777; text-align:center; overflow:hidden;}

/*시공점 찾기*/
.store_tit {position:relative; margin-top:0.833em; padding:1em 1.250em; background:#8d9fb0;}
.store_tit h3 {font-size:1.333em; font-weight:700; color:#fff;}
.store_tit p {position:absolute; top:50%; right:1.25em; margin-top:-7px; color:#d0e0ef;}
.store_tit p span {color:#fbfdff;}
.store_chk {width:100%; padding:1em 1.250em; border-bottom:1px solid #424446; background:#4c4c4f; overflow:hidden;}
.store_chk li {float:left; margin-right:2em;}
.store_chk label.hover, .store_chk label.labelcheck {color:#fff;}
.store_sch {padding:0.5em 1.250em; background:#545457; border-top:1px solid #5b5c5e;}
.store_sch input {width:75%; height: 2.667em; padding: 0 5px; line-height: 2.667em; vertical-align: middle; background:transparent; border:0; color:#9f9fa5;}
.store_sch .btn_store {display:inline-block; width:22%; margin-left:2%; border:1px solid #909296; background:transparent; color:#d3d3d3; text-align:center; line-height:2.667em; font-weight:700; vertical-align:middle;}
.store_sch .btn_store:hover {background:#ffffff; border-color:#ffffff; color:#545457;}
.store_tx {padding:1em 1.250em; color:#8f8f91;}
.store_tx span {display:inline-block; width:2px; height:2px; margin-right:0.5em; background:#b3b3b4; vertical-align:middle;}

.store_tab {float:right; margin:1.5em 0 0.75em; overflow:hidden;}
.store_tab li {float:left;}
.store_tab li a {display:block; padding:0 1em; background:url("../images/ico_store.png") no-repeat left 50%; background-size:3px 3px; font-size:1.167em; color:#161616;}
.store_tab li a span {display:block; border-bottom:2px solid transparent;}
.store_tab li a:hover span,.store_tab li.active a span {border-bottom:2px solid #0089cc; color:#0089cc;}
.store_tab li:first-child a {background:none;}

.tb_store {border-bottom:1px solid #8a8a8a;}
.tb_store td {padding:0.833em 0.5em; border-top:1px solid #e3e3e3; text-align:left;}
.tb_store td:first-child {text-align:center;}
.tb_store td a {display:block; line-height:1.850em; color:#fff; text-align:center;}
.tb_store tr:first-child td {border-top:1px solid #8a8a8a;}
.btn_contact {background:#2eacbf;}
.btn_store_detail {margin-top:0.5em; background:#0089cc;}

.tb_store_view {border-bottom:1px solid #8a8a8a;}
.tb_store_view th {padding:0.833em 0.5em; border:1px solid #e3e3e3; border-bottom:0; border-left:0; font-size:1.167em; font-weight:700; color:#0089cc;}
.tb_store_view td {padding:0.833em 0.5em; border-top:1px solid #e3e3e3; font-size:1.167em; color:#000; text-align:left;}
.tb_store_view td a {color:#000;}
.tb_store_view tr:first-child th,.tb_store_view tr:first-child td {border-top:1px solid #8a8a8a;}

.gall_view {width:100%; margin-top:2em; padding-right:2%; overflow:hidden;}
.gall_view li {float:left; width:48%; height:13.500em; margin:0 0 2% 2%; overflow:hidden;}
.gall_view li img {width:100%;}

.sch_box .sch_detail_tit {display:table-cell; width:13%; padding-right:0.75em; text-align:right; vertical-align:middle;}
.sch_box .sch_inpt {display:table-cell; width:100%; height: 2.667em; padding: 0 5px; line-height: 2.667em; vertical-align:middle;}
.text_box {margin-top:0.833em;}
.text_box textarea {font-size:1em;}
.img_box {margin-bottom:0.833em;}
.img_box img,.step_img img {width:100%;}
.info_tx,.img_center {margin-bottom:1.833em;}
.info_tx span {border-bottom:1px solid #60b5df; color:#0089cc;}

/*제품소개*/
.img_center img {width:80%; margin:0 auto;}
.bor_top {padding-top:1.667em; border-top:1px solid #dddddd;}
.info_tit {padding-left:0.667em; margin-bottom:1.083em; background:url("../images/ico_info.png") no-repeat left 2px; background-size:3px 11px; font-size:1.333em; font-weight:700; color:#161616;}
.info_list_tx li,.info_tx2 {position:relative; padding-left:0.667em; margin-top:0.667em; font-size:1.167em; line-height:1.3; color:#818181;}
.info_list_tx li:first-child {margin:0;}
.info_list_tx li span,.info_tx2 span {position:absolute; top:7px; left:0; display:inline-block; width:3px; height:3px; background:#acacac; vertical-align:middle;}
.info_list_tx li em {font-weight:700; color:#5a5a5a;}
.mv_area {width:100%; height:18.667em; margin-top:1.583em; overflow:hidden;}
.info_step {width:100%; margin-top:1em; overflow:hidden;}
.info_step li {float:left; width:49%; padding:1.250em 0.833em; margin:0 0 2% 2%; border:1px solid #d5d5d5; background:#fff;}
.info_step li .step_num {display:table; width:100%; height:3.750em;}
.info_step li .step_num span {display:table-cell; width:20%; vertical-align:middle;}
.info_step li .step_num p {display:table-cell; width:80%; padding-left:0.25em; font-size:1.083em; font-weight:700; color:#161616; line-height:1.2; vertical-align:middle;}
.step_img {padding:0 1em; margin-top:0.833em;}
.info_list_tx2 {margin-bottom:2.333em;}
.info_list_tx2 li {position:relative; margin-top:0.667em; padding-left:1.167em; font-size:1.167em; line-height:1.2; color:#161616;}
.info_list_tx2 li:first-child {margin:0;}
.info_list_tx2 li em {position:absolute; top:0px; left:0; font-weight:700; color:#0089cc;}
.info_list_tx2 li span {display:block; font-size:1em; color:#818181;}
.f_blue {font-size:1.083em; color:#0089cc; line-height:1.2;}
.f_tx {font-size:1.083em; color:#777777; line-height:1.4;}
.f_tx span {color:#161616;}
.tb_info {margin:1.250em 0;}
.tb_info th {padding:0.583em; background:#f8f8f8; border:1px solid #d1d1d1; border-top:2px solid #0089cc; font-size:1.167em; font-weight:700; color:#0089cc;}
.tb_info td {padding:0.583em; border:1px solid #d1d1d1; background:#fff; font-size:1.167em; color:#727272; text-align:center;}

.coating_box {width:100%; padding:1.833em 1.000em; border:1px solid #d5d5d5; background:#fafafb; overflow:hidden;}
.coating_box > div {width:50%; margin:0 auto 1em;}
.coating_box > div img {width:100%; border:1px solid #dcdcdc;}
.coating_box > ul {width:100%; margin:0;}

.glass_tit {margin-top:2em; padding-left:0.917em; background:url("../images/bu_list3.png") no-repeat left 3px; background-size:7px 7px; font-size:1.167em; font-weight:700; color:#161616;}
.gloss_area {width:100%; margin-bottom:1em; padding-right:2%;}
.gloss_area:after {content:''; clear:both; display:block;}
.gloss_box {float:left; display:table; width:48%; margin:0 0 2% 2%;}
.gloss_box > div,.gloss_box > p {display:table-cell; width:50%; font-size:1.167em; font-weight:700; color:#161616; line-height:1.2; vertical-align:middle;}
.gloss_box > p {padding-left:0.5em;}

.care_area {width:100%; margin-top:1em; padding-bottom:3em; overflow:hidden;}
.care_area a {float:left; width:50%;}
.care_area a img {width:100%;}

.care_tab > ul {width:100%; margin-top:0.833em; overflow:hidden;}
.care_tab > ul > li {float:left; width:50%; text-align:center;}
.care_tab > ul > li:first-child {width:48%; margin-right:2%;}
.care_tab > ul > li > a {display:block; border:1px solid transparent; background:#e8e8e8; font-size:1.333em; font-weight:700; color:#ababab; line-height:2.917em; vertical-align:middle;}
.care_tab > ul > li.ui-state-active > a {background:#fff; border-color:#0089cc; color:#0089cc;}

.care_tab_nb {padding-top:1.250em; }
.care_tbox {display:table; width:100%; height:4.750em; margin:1em 0; padding:0.75em 2.833em; background:url("../images/bg_care.png") no-repeat 50% 50%; background-size:cover; text-align:center;}
.care_tbox p {display:table-cell; width:100%; font-size:1.500em; line-height:1.2; color:#ffffff; vertical-align:middle;}
.care_tbox span {font-weight:700;}

.tb_newcar {border-bottom:1px solid #cdcdcf;}
.tb_newcar th {padding:1em 0; background:#fafdfd; border:1px solid #cdcdcf; border-bottom:0; font-size:1.167em; color:#0089cc;}
.tb_newcar td {padding:1em 0; background:#fff; border:1px solid #cdcdcf; border-bottom:0; font-size:1.167em; color:#727272; text-align:center;}
.tb_newcar tr:first-child th,.tb_newcar tr:first-child td {border-top:1px solid #0089cc;}

.sub_wrap .sub_tit {margin-top:3em; padding:0;}
.tb_testResult {border-top:1px solid #0089cc;}
.tb_testResult th {padding:1em 0.25em; border:1px solid #e3e3e3; background:#f8f8f8; font-size:1.167em; color:#909090;}
.tb_testResult tr:first-child th {border-top:0;}
.tb_testResult th.tb_col1 {background:#ececec; color:#0089cc;}
.tb_testResult th span {font-size:0.75em; color:#c9c9c9;}
.tb_testResult th.last_col,.tb_testResult th.last_col span {color:#0089cc;}
.tb_testResult td {padding:1em 0.25em; background:#fff; border:1px solid #e3e3e3; color:#161616; text-align:center;}
.tb_testResult td:last-child {color:#0089cc;}

.bg_td {table-layout:auto;}
.bg_td td:first-child {background:#fbfbfb;}
.car_tit {margin:1.5em 0 0.833em; font-size:1.083em; font-weight:700; color:#0686c4;}

/*표준 가격*/
.price_tab {width:100%; margin-top:1em; overflow:hidden;}
.price_tab a {float:left; width:48%; padding:0.917em 0.5em; margin:1% 1% 0; border:1px solid #d9d9d9; background:#e8e8e8; font-size:1.167em; color:#ababab; text-align:center;}
.price_tab a.active,.price_tab a:hover {background:#fff; border-color:#0089cc; color:#0089cc;}
.price_tx {margin-top:2em; font-size:1.083em; color:#777777;}
.price_tx span {border-bottom:1px solid #0089cc; color:#0089cc;}
.price_top {position:relative; margin-top:1.250em; padding:1em 1.25em; background:#8d9fb0;}
.price_top h3 {font-size:1.333em; color:#fff;}
.price_top span {position:absolute; top:50%; right:1.25em; margin-top:-7px; font-size:1em; color:#d6e3f0;}
.price_nb ul {width:100%; padding:0.75em 1.25em 0; background:#4c4c4f; border-bottom:1px solid #424446; overflow:hidden;}
.price_nb ul li {float:left; margin:0 0.5em 0.5em 0;}
.price_won {padding:0.75em 1.25em; background:#545457; border-top:1px solid #5b5c5e; text-align:right;}
.price_won span,.price_won input,.sum input {margin-left:0.5em; vertical-align:middle;}
.price_won span {color:#d6e3f0;}
.price_won input,.sum input {padding:0.667em 0.5em; border:0; background:#fff; font-size:1.333em; font-weight:700; color:#545457; text-align:right; }
.sum {margin-top:2.083em; padding:0.833em 1.25em; border-top:1px solid #161616; text-align:center;}
.sum span {margin-left:0.5em; font-size:1.500em; color:#161616; vertical-align:middle;}
.sum .sum_tx {color:#0089cc;}
.sum input {border:1px solid #cecece;}

/*견적내기*/
.price_tit {position:relative;}
.price_tit h3 {margin-bottom:0;}
.price_tit span {position:absolute; top:50%; right:0; margin-top:-7px; font-size:1.083em; color:#161616;}
.tb_price {margin-top:1.5em; border-top:1px solid #0089cc;}
.tb_price th {padding:0.5em; background:#f8f8f8; border:1px solid #cdcdcf; font-size:1.083em; color:#909090;}
.tb_price .first th {border-top:0; background:#e5f3fa; color:#0089cc;}
.tb_price .first th:first-child {background:#ecf0f2; color:#909090;}
.tb_price td {padding:0.5em; background:#fff; border:1px solid #cdcdcf; font-size:1.083em; font-weight:700; color:#161616; text-align:center;}
.tb_price .td_col td {background:#e5f3fa;}
.bg_tb .td_col td {background:#ebf5e1;}
.tb_price .td_col td:first-child,.bg_tb .td_col td:first-child {background:#fff; color:#0089cc;}
.bg_tb .first th {border-top:0; background:#ebf5e1; color:#0089cc;}
.price_list {padding:1em 0 2em;}
.price_list li {position:relative; padding-left:1.25em; margin-top:0.5em; font-size:1.083em; color:#0089cc;}
.price_list li span {position:absolute; top:0; left:0;}

/*메인*/
.mn_slide {position:relative;}
.mn_slide .bx-controls {position:absolute; top:50%; width:100%; margin-top:-13px; z-index:100;}
.mn_slide .bx-prev,.mn_slide .bx-next {position:absolute; top:0; display:block; width:13px; height:26px; font-size:0; line-height:0; overflow:hidden;}
.mn_slide .bx-prev {left:10px; background:url("../images/btn_mn_prev.png") no-repeat; background-size:cover;}
.mn_slide .bx-next {right:10px; background:url("../images/btn_mn_next.png") no-repeat; background-size:cover;}
.mn_slide .bx-prev:hover,.mn_slide .bx-next:hover {background-position:0 -26px;}
.mn_slide .bxslider li img {width:100%; max-width:100%;}
.mn_link {width:100%; padding:1.250em 0; background:#f2f2f4; overflow:hidden;}
.mn_link li {float:left; width:46%; background:#fff; margin:0 2%;}
.mn_link li a {display:block;}
.mn_link li img {width:100%; max-width:100%;}
.mn_link .link_img {position:relative;}
.mn_link .link_img p {position:absolute; bottom:0; left:0; width:100%; padding:0.5em 1.5em; background:rgba(0, 0, 0, 0.7) url("../images/icon_mu.png") no-repeat 0.5em 50%; background-size:11px 10px; font-size:1.167em; font-weight:700; color:#00c6ff;}
.mn_link .link_tx {height:7em; padding:2.25em 1em; font-size:1.167em; color:#161616; text-align:center;}
.mn_link .link_tx strong {display:block; font-weight:700;}
.mn_link .link_mv span {position:absolute; display:block; top:50%; left:50%; width:45px; height:35px; margin:-17px 0 0 -22px; background:url("../images/icon_mv.png") no-repeat; background-size:cover;}

.link_mu {background:#fff;}
.link_mu li {border-bottom:1px solid #ededef;}
.link_mu li a {display:table; width:100%; height:6.667em; padding:0 2em;}
.link_mu li a span {display:table-cell; width:50%; padding-left:13%; font-size:1.333em; font-weight:700; color:#161616; vertical-align:middle;}
.link_mu li a em {display:table-cell; width:50%; font-size:1.167em; color:#161616; line-height:1.2; vertical-align:middle;}
.link_mu li.mu1 {background:url("../images/mn_link1.png") no-repeat 0.5em 50%; background-size:44px 50px;}
.link_mu li.mu2 {background:url("../images/mn_link2.png") no-repeat 0.5em 50%; background-size:44px 50px;}
.link_mu li.mu3 {background:url("../images/mn_link3.png") no-repeat 0.5em 50%; background-size:44px 50px;}
.link_mu li.mu4 {background:url("../images/mn_link4.png") no-repeat 0.5em 50%; background-size:44px 50px;}
.call_center_box {background:#f2f2f4; padding:2.083em 1em;}
.call_center_box .workday {margin-bottom:0.5em; font-size:1.167em; color:#161616; text-align:center;}
.call_center_box .call_center {display:table; width:100%;}
.call_center_box .call_center span {display:table-cell; width:48%; margin:0 1%; font-size:1.333em; font-weight:700; color:#434343; text-align:center;}
.call_center_box .call_center span .ico_tel {display:inline-block; width:14px; height:15px; margin-right:0.25em; background:url("../images/mn_call1.png") no-repeat; background-size:cover; vertical-align:middle;}
.bunker img,.ppf_box li img,.bunker_box li img {width:100%; max-width:100%;}
.blog {position:relative;}
.blog span {position:absolute; top:50%; left:0; display:block; width:100%; margin-top:-11px; font-size:1.667em; font-weight:700; color:#ffffff; line-height:1.1; text-align:center;}
.blog span em {display:inline-block; width:37px; height:30px; margin-right:0.25em; background:url("../images/icon_blog.png") no-repeat; background-size:cover; vertical-align:middle;}

/*ppf*/
.ppf_box,.bunker_box {width:100%; overflow:hidden;}
.ppf_box li {position:relative; float:left; width:31%; margin:0 1% 2%;}
.ppf_box li span {position:absolute; top:5px; left:5px; display:inline-block; width:13px; height:13px; background:#0089cc; border-radius:50%; font-size:0.85em; color:#fff; text-align:center; line-height:13px; vertical-align:middle;}

/*더벙커*/
.bunker_tx {padding-left:1em; margin-bottom:1em; background:url("../images/icon_mu.png") no-repeat left 3px; background-size:11px 10px; font-size:1.083em; color:#777777;}
.bunker_box li {float:left; width:48%; margin:0 1% 2%;}

/*시공후기 등록*/
.tb_store_reg {border-bottom:1px solid #aeaeae;}
.tb_store_reg th,.tb_store_reg td {padding:0.417em; border:1px solid #e1e1e1; border-bottom:0;}
.tb_store_reg th {background:#ededed; border-left:0; padding:0 0.417em; color:#161616;}
.tb_store_reg td {border-right:0;}
.tb_store_reg tr:first-child th,.tb_store_reg tr:first-child td {border-top-color:#aeaeae;}
.file_up {position:relative; padding-right:90px; margin:0 !important;}
.file_up > div {position:absolute; top:0 !important; right:0; margin:0 !important; background-size:cover !important; z-index:10;}
input[type=text].file {width:99% !important; height:27px; line-height:27px;}
.file {width:99% !important; height:27px; padding:0 !important; line-height:27px;}
#file {margin:0 !important; width:76px !important; padding:0 !important;}
.code_tx {font-size:1em; color:#b1b1b1;}
.f_col2 ,.f_col2 span {font-size:1em !important; font-weight:400 !important; color:#747474 !important; text-align:left !important;}
.f_col2 span {padding-left:0.5em;}
.caption_area {position:relative; padding-right:70px;}
.img_caption {display:block; position:absolute; top:6px; right:0; width:60px;}
.img_caption img {width:100%;}
.caption_area input {width:99% !important;}
.pd5 {padding:10px 5px;}

/*예약하기*/
.sel_type {position:static; float:left; margin:0 5px 0 0 !important;}
.sel_type .selectric-wrapper {position:static; margin:0;}
.sel_type .selectric .label {margin-right:3em;}
.sel_type .selectric .button {background: url("../images/bu_select2.png") no-repeat 50% 50%;}
.tb_reg td > .icheckbox_minimal {margin:0;}
.tb_reg td > label {margin-right:1em;}


/*추가*/
.img_wide {width:100%; max-width:100%;}
.imgCenter img {margin:0 auto;}
.sub_tab_mu {padding:0 0 0 0; overflow:hidden;}
.sub_tab_mu li {float:left; width:49%; margin:0 0 1% 1%;}
.sub_tab_mu li.mr_no {width:50%; margin:0 0 1% 0;}
.sub_tab_mu li a {display:block; padding:1em 0; background:#d9d9d9; font-size:1.167em; color:#8a8a8a; text-align:center;}
.sub_tab_mu li:hover a , .sub_tab_mu li.active a {background:#0089cc; color:#fff;}
.conpdb {padding-bottom:2em !important;}
.product_info_box {padding-bottom:3em;}
.product_info_box dl {display:table; width:100%; margin-top:1em; text-align:center; overflow:hidden;}
.product_info_box dl dt {display:table-cell; width:35%; padding:0 2% 0 0; vertical-align:middle;}
.product_info_box dl dt span {display:block; width:100%; padding:2em 0; height:100%; background:#0089cc; font-size:1em; color:#fff;}
.product_info_box dl dd {display:table-cell; width:50%; padding:2% 1%; background:#dddddd; box-sizing:border-box;  vertical-align:middle;}
.product_info_box dl dd ul li a {display:block; margin-top:0.5em; font-size:1em; color:#161616;}
.product_info_box dl dd ul li:first-child a {margin:0;}
.tb_polishi {margin-top:2em; border-bottom:1px solid #070909 !important;}
.tb_polishi th {background:#40c8f4; border-top:1px solid #070909 !important; border-left:1px solid #070909 !important; border-right:1px solid #070909 !important; color:#fff;}
.tb_polishi td {background:#fff; border-left:1px solid #070909 !important; border-right:1px solid #070909 !important; color:#060809;}
.tb_polishi th:first-child,.tb_polishi td:first-child {border-left:0 !important;}
.tb_polishi th:last-child,.tb_polishi td:last-child {border-right:0 !important;}
.tb_under_coating th {border-color:#fff !important;}
.tb_under_coating td {background:#161616; border-color:#fff !important; color:#fff;}

/*1.5배 세로형 안드로이드*/
@media only all and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.sub_mu .swiper-slide a {padding:0; line-height:0;}
}
/*1.5배 가로형 안드로이드*/
@media only all and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.side_box_area {max-height:80%; overflow-y:auto;}
}
/*2배 아이폰 고해상도 세로형*/
@media only all and (max-device-width : 320px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

}
/*2배 아이폰 고해상도 가로형*/
@media only all and (-webkit-min-device-pixel-ratio : 1.5) and (orientation: landscape) and (-webkit-device-pixel-ratio : 2) {

}
/*3배 아이폰6+ 대응 가로형*/
@media only all and (orientation: landscape) and (-webkit-device-pixel-ratio : 3) {
	.side_box_area {max-height:80%; overflow-y:auto;}
	.sub_mu .swiper-slide a span {padding:0; line-height:3.333em; vertical-align:middle;}
}
/*3배 아이폰6+ 대응 세로형*/
@media only all and (orientation: portrait) and (-webkit-device-pixel-ratio : 3) {
	.sub_mu .swiper-slide a span {padding:0; line-height:3.333em; vertical-align:middle;}
}