@charset "utf-8";
/* CSS Document */

/****************************************************************************************
 ** Reset CSS
 ****************************************************************************************/
body { padding:0; padding-top:80px; margin:0; background:#fff;}
nav ul, nav ol, nav li { list-style:none; padding:0; margin:0;}
ul {list-style:none; padding:0; margin:0;}

* {margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'Noto Sans Korean'; /*, 'NanumSquare',NanumSquare;*/ font-weight:400;letter-spacing:-0.025em;}
body ,html {height:100%;color:#333;}

body.overHidden {overflow:hidden;left:0;top:0;width:100%;height:100%;}
 body.overHidden #Wrap{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:100%;}
 body.overHidden #Wrap.app{overflow-y:auto;position:relative;height:auto;top:initial;left:initial;}

a {text-decoration:none;}
em, i, address {font-style:normal;}
h1, h2, h3, h4, h5, h6 { font-family:'Noto Sans Korean'; font-size:inherit;font-weight:600;color:inherit;line-height:1em;}
ul, ol {list-style:none; margin:0; padding:0;}
img {border:0;vertical-align:top;max-width:100%;}
iframe {width:100%;vertical-align:top;}


table {width:100%;border-collapse:collapse;empty-cells:show;}
th {word-wrap:break-word;}
fieldset, legend, caption {border:0;margin:0;padding:0;}
p, li, dd, dt, h1, h2, h3, h4, h5, h6,  td, span, strong {word-wrap:break-word;word-break: keep-all;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, main {display:block;}
a, span, p, em, i, label, dt, dd, li, strong {color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;}
strong {font-weight:600;}

/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
::-ms-input-placeholder {color:#999;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {color:transparent;}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {color:transparent;}

.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cb:after {content:"";clear:both;display:block;}

.block {display:block;}

.w30 { width:30px !important;}
.w40 { width:40px !important;}
.w50 { width:50px !important;}
.w60 { width:60px !important;}
.w70 { width:70px !important;}
.w80 { width:80px !important;}
.w90 { width:90px !important;}
.w100 { width:100px !important;}
.w120 { width:120px !important;}
.w150 { width:150px !important;}
.w200 { width:200px !important;}
.w300 { width:300px !important;}


/****************************************************************************************
  부트스트랩 재정의 
****************************************************************************************/
.text-primary { color: #3561c8 !important;}
.bg-primary { background-color: #ae3a81 !important;}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus { background-color: #ae3a81 !important;}

.bg-secondary {  background-color: #6c757d !important;}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus { background-color: #545b62 !important;}

.bg-success { background-color: #28a745 !important;}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {  background-color: #1e7e34 !important;}

.bg-info { background-color: #17a2b8 !important;}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {  background-color: #117a8b !important;}

.bg-warning {  background-color: #ffc107 !important;}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus { background-color: #d39e00 !important;}

.bg-danger { background-color: #dc3545 !important;}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light { background-color: #f8f9fa !important;}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus { background-color: #dae0e5 !important;}
.bg-dark {  background-color: #343a40 !important;}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {  background-color: #1d2124 !important;}

.rounded {  border-radius:1rem !important;}
.rounded-top {  border-top-left-radius:1rem !important; border-top-right-radius:1rem !important;}
.rounded-right { border-top-right-radius:1rem !important; border-bottom-right-radius:1rem !important;}
.rounded-bottom { border-bottom-right-radius:1rem !important; border-bottom-left-radius:1rem !important;}
.rounded-left { border-top-left-radius:1rem !important; border-bottom-left-radius:1rem !important;}

.box_border { border:1px solid #ccc;}
.box_border2 { border:2px solid #ccc;}

/****************************************************************************************
 ** Common CSS
 ****************************************************************************************/
/* 접근성을 위한 숨김요소 */
#skip_navi ul {position:absolute; left:-3000%;}
#skip_navi a:focus {display:block; position:absolute; top:0; left:0; width:100%; height:20px; color:#fff; text-align:center; background:#4586e7; z-index: 9999;}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.blind {position:absolute; top:-9999em; left:-9999em;width:0;height:0; font-size:0; line-height:0;overflow:hidden;}


/* form 요소 */
input[type="checkbox"].check {position:absolute;overflow:hidden;height:0;width:0;left:-999px;}
input[type="checkbox"].check + label {display:inline-block;width:auto;height:auto;position:relative;padding-left:24px;}
input[type="checkbox"].check + label:before {content:"";position:absolute;left:0;top:1px;width:17px;height:17px;background:url(images/icons.png) left top no-repeat;background-size:300px auto;}
input[type="checkbox"].check:checked + label:before {background-position:-25px top;}
input[type="checkbox"].check:checked + label.type02:before {background-position:-50px top;}
input[type="checkbox"].check:disabled + label:before {background-position:-100px top;}
input[type="checkbox"].check + label.hidden {width:18px;height:18px;overflow:hidden;text-indent:-999em;padding:0;}
input[type="checkbox"].check + label.right-check {display:inline-block;width:auto;height:auto;position:relative;padding-right:24px;padding-left:0;}
input[type="checkbox"].check + label.right-check:before {left:auto;right:0;}

input[type="radio"].radio {position:absolute;overflow:hidden;height:0;width:0;left:-999px;}
input[type="radio"].radio + label {display:inline-block;width:auto;height:auto;position:relative;padding-left:27px;z-index:1;}
input[type="radio"].radio + label:before {content:"";position:absolute;left:0;top:50%;margin-top:-9px;width:18px;height:18px;background:#fff;border:solid 1px #ccc;border-radius:100%;box-sizing:border-box;;}
input[type="radio"].radio:checked + label:before {background:#fff;border:solid 5px #962639;}
input[type="radio"].radio + label.hidden {width:18px;height:18px;overflow:hidden;text-indent:-999em;padding:0;}
input[type="radio"].radio:disabled + label:before {background:#f4f4f4;}

input[type="radio"].radiobox {position:absolute;overflow:hidden;height:0;width:0;left:-999px;}
input[type="radio"].radiobox + label {float:left;display:block;width:25%;;height:40px;box-sizing:border-box;border:solid 1px #ccc;color:#666;background:#fff;line-height:38px;float:left;text-align:center;border-left:0;}
input[type="radio"].radiobox:first-child + label {border-left:solid 1px #ddd;}
input[type="radio"].radiobox:checked + label {color:#fff;background:#444;border-color:#444;}

input[type="radio"].radio + label.radio-label02 {display:inline-block;width:40px;height:40px;position:relative;text-align:center;line-height:38px;box-sizing:border-box;font-size:14px;color:#999;background:#f4f4f4;border:solid 1px #f4f4f4;float:left;padding:0;}
input[type="radio"].radio + label.radio-label02:before {display:none;}
input[type="radio"].radio:checked + label.radio-label02 {background:#fff;border-color:#962639;color:#962639;}

/* 모달 팝업시 배경 어둡게 함 */
#dimmed {position:fixed;left:0;top:0;width:100%;height:100%;z-index:30;background:#000;opacity:0;-webkit-transition: all 0.5s;transition: all 0.5s;}
#dimmed.on {opacity:0.7;}
.icoX, .gnbClose {display:inline-block;width:20px;height:20px;text-indent:-999em;overflow:hidden;background:url(images/ico_x.png) center center no-repeat;background-size:cover;position:absolute;right:0;}

/****************************************************************************************
 ** layout.css
 ****************************************************************************************/
/****************************************
 GNB : 공용메뉴
.navbar-collapse { justify-content:flex-end; align-self:flex-start; padding-top:10px;}
.navbar_select  { justify-content:flex-end; align-self:flex-start; padding-top:10px;}
 ****************************************/
 /* header */
.header_eng { background:#fff; border-bottom:1px solid #ccc;}
.page { display:inline-block; height:80px;}
  .header_top { width:100%; height:40px; margin:auto;}
    .logo { float:left; margin:9px 0 0 10px; }
	  .navbar-brand { margin:0; padding:0; display:inline-block; background:url(/eng/images/common/logo2.png) no-repeat; background-size:contain;width:36px; height:32px;}
	  
    .gnb_util { display:block; position:absolute; right:10px; top:10px; } /* .gnb_util:공용메뉴(로그인|회원가입|장바구니) */
    .gnb_util:after { display:block; content:''; clear:both;}
      .gnb_util li { float:left; display:block; padding:0 5px;}
      .gnb_util li a  { display:inline-block;padding:0; margin:0; height:24px; font-size:11px; color:#666; vertical-align:middle;}
      .gnb_util li a i  { display:none;}
	
  /* 대메뉴 nav.navbar > .navbar-collapse > #gnb.menu */
  .navbar { position:absolute; z-index:300; padding:0;}
    .navbar-collapse { }  /* 대메뉴 */
      .menu .nav-item {}   /* li */
        .menu .nav-item .nav-link{ padding:0px 5px; height:30px; line-height:30px; color:#fff; font-size:1rem; text-indent:-1px;  font-weight:600;} 
        .menu .nav-item .nav-link:hover, .menu .nav-item .nav-link:focus {color:#fff}
          .subMenu { list-style:none; z-index:200; }
            .subMenu > li > a { display:block; padding:5px 20px; color:rgba(255,255,255, 0.8);font-size:1rem; text-indent:-1px; }
            .subMenu > li > a:hover, .subMenu > li > a:focus { color:rgba(255,255,255, 1);}
            .subMenu > li:hover { background:#ae3a81;}
            .subMenu > li:hover > a {color:rgba(255,255,255, 1);font-weight:bold;}
            .subMenu > li:hover > a:hover, .subMenu > li:hover > a:focus {color:rgba(255,255,255, 1);font-weight:bold;}

/* 폰 (768px 미만 사이즈)  */
@media all and (max-width:767px) {
/* 모바일에서 서브메뉴 배경*/
.offcanvas-collapse { position:fixed; top:50px; bottom:0;left:100%;width:100%;padding-right:1rem; padding-left:1rem; overflow-y:auto;
background-color:#343a40;transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:left;}
.offcanvas-collapse.open {left:0%; }
}
  
/* 태블릿 이상  */
@media all and (min-width:768px) {
  .header_top { position:relative; max-width:720px; height:60px; border-bottom:none;}
    .logo { float:left; margin:10px 0 5px 10px;}
	  .navbar-brand { margin:0; padding-bottom:0px; display:inline-block; width:120px; height:36px; background:url(/eng/images/common/logo.png) no-repeat; background-size:contain;}
    .gnb_util { display:block; position:absolute; right:15px; top:18px;}
      .gnb_util ul, .gnb_util li { padding:0; margin:0; list-style:none;}
      .gnb_util li  { display:inline-block; padding:0;}
      .gnb_util li a  { display:inline-block; margin:0; padding:0px 7px 0px 7px; width:auto; text-indent:0; font-size:14px; color:#666;}
      .gnb_util li a i  { display:inline-block;padding:0; margin:0 4px 0 0; width:24px; height:24px; vertical-align:middle; background-size:contain;}
      .gnb_util li:after  { display:inline-block; content:''; background:#ccc; width:1px; height:12px; margin-left:7px; margin-top:5px;}
      .gnb_util li:last-child:after  { display:none;}
}
/* 데스크탑  */
@media all and (min-width:992px) {
  .header_top {max-width:960px; height:80px; }
    .logo { float:left; margin:15px 0 5px 10px;}
	  .navbar-brand { margin:0; padding-bottom:0px; display:inline-block; width:152px; height:45px; background:url(/eng/images/common/logo.png); background-size:contain;}
	  
    .gnb_util { right:10px; top:25px;}
      .gnb_util li a  { display:inline-block; margin:0; padding:0px 7px 0px 7px; width:auto; text-indent:0; font-size:16px; color:#666;}
}
@media all and (min-width:1140px) {
  .header_top { max-width:1140px; }
    .logo { float:left; margin:15px 0 5px 10px;}
}

/****************************************
 breadcrumb : 페이지 경로
 ****************************************/
.breadcrumb-bg { display:none;}
@media (min-width: 768px) { 
.breadcrumb-bg { display:block;padding:0; /*background:#d88db5;*/ width:100%; z-index:20; box-sizing:border-box;}
.breadcrumb-bg .container { position:relative; padding:0; margin:0; margin:auto; box-sizing:border-box; } 
  .breadcrumb { background-color:transparent; float:right;}
  ol.breadcrumb { padding:0; margin:0; border-radius:0;}
  ol.breadcrumb li { padding:0; margin:0; box-sizing:border-box; height:40px; line-height:38px;}
  ol.breadcrumb li a { display:inline-block; margin-left:10px; height:40px; line-height:40px; color:#999; font-size:13px; box-sizing:border-box; }
  ol.breadcrumb li a:before { content:''; display:inline-block; margin-right:8px; padding:0; width:1px;height:10px;background:rgba(0,0,0,0.2);vertical-align:middle; }
  ol.breadcrumb li a.home { margin-right:0; padding:0;}
  ol.breadcrumb li a.home:before {content:''; padding:0; margin-right:0; width:14px;height:14px;background:url('/images/common/ico_breadcrumb_home2.png') no-repeat left top;}
  .current_page { overflow:hidden; height:40px; line-height:40px; color:#666;}
  .current_page a { height:40px; line-height:40px; color:#fff; font-weight:bold;}
	  .depth_list { position:absolute;top:40px; overflow:hidden;height:0;}
	  .depth_list > ul {position:relative;top:0;left:0px;width:auto;}
	  .depth_list > ul > li {border:1px solid #eee;border-top:0;}
	  /* .depth_list ul li:first-child {border-top:1px solid #d9d9d9;} */
	  .depth_list > ul > li a {display:block; margin:0; min-width:160px; padding:0 10px; width:auto; height:39px; line-height:39px; color:#777;font-size:11px;}
	  .depth_list > ul > li a:before { display:none;}
	  .depth_list > ul > li:hover {background:#4586e7;}
	  .depth_list > ul > li:hover a {color:#fff;}
}
@media (min-width: 992px) { 
}
/****************************************
 nav_snb : Sub Navigation Bar
 ****************************************/
  .nav_snb { margin-bottom:20px; background:#f3f3f3; }
  .nav_snb:after { display:block; content:''; clear:both; }
  .nav_snb li { float:left; margin:0; padding:0; padding-bottom:1px; padding-right:1px; box-sizing:border-box;}
  .nav_snb.item2 li { width:50%;}
  .nav_snb.item3 li { width:33.33333333%;}
  .nav_snb.item4 li { width:25%;}
  .nav_snb.item5 li { width:33.33333333%;}
  .nav_snb.item6 li { width:33.33333333%;}
  .nav_snb.item7 li { width:33.33333333%;}
  .nav_snb.item8 li { width:33.33333333%;}
  .nav_snb.item9 li { width:33.33333333%;}
  .nav_snb li a { display:block; background:#666; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:400; text-align:center; transition:all ease 0.3s; }
  .nav_snb li a:hover { background:#777; color:#fff; box-shadow:0 -3px 6px rgba(0,0,0,0.3); text-decoration:none; }
  .nav_snb li.active a,
  .nav_snb li.active a:hover { background:#fff; color:#ab3f76;box-shadow:0 -2px 3px rgba(0,0,0,0.15); cursor:default; }

@media (min-width: 992px) {
  .nav_snb.item2 li { width:50%;}
  .nav_snb.item3 li { width:33.33333333%;}
  .nav_snb.item4 li { width:25%;}
  .nav_snb.item5 li { width:20%;}
  .nav_snb.item6 li { width:16.66666666%;}
  .nav_snb.item7 li { width:14.2857143%;}
  .nav_snb.item8 li { width:25%;}
  .nav_snb.item9 li { width:33.33333333%;}
}
/****************************************
 좌측 메뉴 있을 경우 : 마이페이지 .aside
 ****************************************/
 .content-section { position:relative; margin:2.5rem 0; padding-bottom:100px;}
 .container:after { display:block; content:''; clear:both;}
 .aside+.content-section { margin:0; width:100%; min-height:600px;}
 
 .aside { margin:20px 0 20px 0; width:100%;}
   .aside_tit { display:none;}
   .aside_snb {}
   .aside_snb:after  { display:block; content:''; clear:both;}
     .snb_tit { display:none;}
	   .snb_sub_list  { } /* ul */
	   /*.snb_sub_list:after  { display:block; content:''; clear:both;}*/
	   .snb_sub_list li  { display:block; float:left; width:25%; padding:1px; box-sizing:border-box;}
	   .snb_sub_list li>a  {  display:block; background:#d88db5; height:40px; line-height:40px; color:#fff; font-size:12px; font-weight:400; text-align:center; transition:all ease 0.3s;}
	   .snb_sub_list li>a:hover { background:#c26b99; color:#fff; text-decoration:none; }
	   .snb_sub_list li.active>a,
	   .snb_sub_list li.active>a:hover { background:#fff; color:#ab3f76; border:1px solid #d88db5; box-shadow:0 3px 3px rgba(0,0,0,0.3); cursor:default; }

@media (min-width: 768px) {
 .aside+.content-section { float:left; margin:20px -15px 0 14px; padding-left:15px; width:536px; border-left:1px solid #eee;}
 
 .aside { float:left; margin:20px 0 0 -15px; width:170px;}
   .aside_tit { display:block; padding:10px; background:#d88db5; font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 4px rgba(88,26,64, 0.6);}
   .aside_tit > a { margin:-10px; display:block; padding:10px;}
   .aside_tit > a:hover { background:#e199c4; text-decoration:none; color:#fff;}
   .aside_snb {}
     .snb_tit { display:block; padding:25px 0 5px 0; font-size:16px; font-weight:600;}
	   .snb_sub_list li  { float:none; width:100%;}
	   .snb_sub_list li>a  {  display:block; background:#eee; height:35px; line-height:35px; color:#666; font-size:14px; font-weight:400; text-align:center; border:1px solid #eee; transition:all ease 0.3s;}
	   .snb_sub_list li>a:hover { background:#ccc; color:#333; border-color:#bbb; box-shadow:none; text-decoration:none; }
}
@media (min-width: 992px) {
 .aside+.content-section { margin:20px -15px 0 14px; padding-left:15px; width:775px;}
 
     .snb_tit {font-size:18px;}
	   .snb_sub_list li>a  {  font-size:15px;}
}
@media (min-width: 1200px) {
 .aside+.content-section { margin:20px -15px 0 19px; padding-left:20px; width:900px;}
 
 .aside { float:left; margin:20px 0 0 0; width:190px;}
}

/****************************************
 좌측 메뉴 있을 경우 : 관리자 .aside2
 .aside2 { margin:20px 0 20px 0; width:100%;}
 .aside2 +.content-section { margin:0; width:100%; min-height:600px;}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
 .aside2 { float:left; margin:20px 0 0 -15px; width:170px;}
 .aside2 +.content-section { float:left; margin:20px -15px 0 14px; padding-left:15px; width:536px; border-left:1px solid #eee;}
}
@media (min-width: 992px) {
 .aside2 +.content-section { margin:20px -15px 0 14px; padding-left:15px; width:775px;}
}
@media (min-width: 1200px) {
 .aside2 { float:left; margin:20px 0 0 0; width:190px;}
 .aside2 +.content-section { margin:20px -15px 0 19px; padding-left:20px; width:900px;}
}
@media (min-width: 1900px) {
}
 ****************************************/

/****************************************
 Footer : 하단 공통영역
 ****************************************/  
  #footer { background:#fff; padding:20px 0; font-size:12px; color:#333; border-top:1px solid #ccc;}
  #footer .container {}
  #footer hr { padding:0; margin:5px 0;}
    #footer h3 { background:#aaa; height:26px; line-height:26px; text-align:center; color:#fff; border-radius:13px; box-sizing:border-box;}
	  .footer_info { text-align:center; margin-bottom:20px;}
	  .footer_info strong { font-size:18px; font-weight:bold;}
	  .copyright { text-align:center;}
	  .footer_menu { margin:auto;}
	  .copyright, footer_util { margin:7px 0; font-size:11px;}
	  .footer_menu ul, .footer_util ul { list-style:none; padding:0; margin:0;}
	  .footer_menu li { display:inline-block; margin:0; padding:3px 10px; font-size:13px; font-weight:bold;}
	  .footer_menu li:first-child:after { display:inline-block; content:'';margin-left:10px; width:1px; height:10px; background:#ccc;}
	  .footer_util li { display:inline-block; margin:0; padding:3px 5px; }
@media (min-width: 768px) { 
	  .copyright { text-align:left;}
	  .footer_menu { float:right;}
}

/****************************************
 pageTitle : 페이지 타이틀
 ****************************************/
.pageTitle { margin:0; margin-bottom:15px; height:120px; border-top:2px solid #d88db5; border-bottom:1px solid #efefef;}
  .pageTitle_inwrap { padding-top:40px; text-align:center; }
    .pageTitle_inwrap h1 { margin:0; padding:0; font-size:2rem;font-style:bold; font-weight:600; color:#fff; } /* page title*/
    .pageTitle_inwrap .sub_text { display:none;}

.pageTitle.bg1 { background:url(/images/pageTitle1_m.jpg) center top no-repeat;} /*center*/
.pageTitle.bg2 { background:url(/images/pageTitle2_m.jpg) center top no-repeat;} /*GB-test*/
.pageTitle.bg3 { background:url(/images/pageTitle3_m.jpg) center top no-repeat;} /*GB-diagnosis*/
.pageTitle.bg4 { background:url(/images/pageTitle4_m.jpg) center top no-repeat;} /*GB-mall*/
.pageTitle.bg5 { background:url(/images/pageTitle5_m.jpg) center top no-repeat;} /*support*/
.pageTitle.bg6 { background:url(/images/pageTitle9_m.jpg) center top no-repeat; } /*member*/
.pageTitle.bg7 { background:url(/images/pageTitle7_m.jpg) center top no-repeat; } /*member2 사용안함*/
.pageTitle.bg8 { background:url(/images/pageTitle8_m.jpg) center top no-repeat; } /*etc*/

@media (min-width: 768px) { 
.pageTitle { margin:0; height:200px; border:0;}
.pageTitle.bg1 { background:url(/images/pageTitle1_t.jpg) center top no-repeat;} /*center*/
.pageTitle.bg2 { background:url(/images/pageTitle2_t.jpg) center top no-repeat;} /*GB-test*/
.pageTitle.bg3 { background:url(/images/pageTitle3_t.jpg) center top no-repeat;} /*GB-diagnosis*/
.pageTitle.bg4 { background:url(/images/pageTitle4_t.jpg) center top no-repeat;} /*GB-mall*/
.pageTitle.bg5 { background:url(/images/pageTitle5_t.jpg) center top no-repeat;} /*support*/
.pageTitle.bg6 { background:url(/images/pageTitle9_t.jpg) center top no-repeat; } /*member*/
.pageTitle.bg7 { background:url(/images/pageTitle7_t.jpg) center top no-repeat; } /*member2사용안함*/
.pageTitle.bg8 { background:url(/images/pageTitle8_t.jpg) center top no-repeat; } /*etc*/
.pageTitle.bg1,
.pageTitle.bg2,
.pageTitle.bg3,
.pageTitle.bg4,
.pageTitle.bg5,
.pageTitle.bg6,
.pageTitle.bg7,
.pageTitle.bg8 { background-size:cover; background-position:center top; height:200px;}
  .pageTitle_inwrap { padding:30px 0 20px 0;text-align:center;}
    .pageTitle_inwrap h1 { margin:0; margin-top:20px; padding:10px 0; font-size:2.5rem; font-style:bold; font-weight:800; color:#fff; } /* page title*/
    .pageTitle_inwrap .sub_text { display:block; padding:0.6rem; font-size:1.2rem; color:#fff; }
}
@media (min-width: 1200px) {
.pageTitle.bg1 { background:url(/images/pageTitle1.jpg) center top no-repeat;} /*center*/
.pageTitle.bg2 { background:url(/images/pageTitle2.jpg) center top no-repeat;} /*GB-test*/
.pageTitle.bg3 { background:url(/images/pageTitle3.jpg) center top no-repeat;} /*GB-diagnosis*/
.pageTitle.bg4 { background:url(/images/pageTitle4.jpg) center top no-repeat;} /*GB-mall*/
.pageTitle.bg5 { background:url(/images/pageTitle5.jpg) center top no-repeat;} /*support*/
.pageTitle.bg6 { background:url(/images/pageTitle9.jpg) center top no-repeat; } /*member*/
.pageTitle.bg7 {/*  background:url(/images/pageTitle7.jpg) center top no-repeat;*/ } /*member2 사용안함*/
.pageTitle.bg8 { background:url(/images/pageTitle8.jpg) center top no-repeat; } /*etc*/
.pageTitle.bg1,
.pageTitle.bg2,
.pageTitle.bg3,
.pageTitle.bg4,
.pageTitle.bg5,
.pageTitle.bg6,
.pageTitle.bg7,
.pageTitle.bg8 { background-size:cover; background-position:center top; height:200px;}
}
@media (min-width: 1920px) {
}

/****************************************
 소제목
 ****************************************/
 /***** <h4> : 페이지 제목 *****/

.d1_tit 	{ position:relative; margin:20px 0; font-size:50px; font-weight:400;}
.d1_tit.hidden 	{ display:none;}
.d1_tit.bborder 	{ padding-bottom:5px; border-bottom:1px solid #ccc; }
 /* <h4> : 페이지 제목(제품 상세페이지) */
.d1_subTxt { margin-bottom:15px; font-size:22px; font-weight:600;} /* d1_tit 부제  */
/* 제품상세페이지 소제목: 사용안함 => d2_tit로 변경함 */
.d1_tit_3 	{ position:relative; margin:20px 0; padding:0px; height:50px; line-height:50px; font-size:30px; font-weight:600;vertical-align:middle; border-bottom:1px solid #ccc; }  
  .d1_tit_3.noborder {border:none; margin-bottom:10px;}
  .d1_tit_3 .btn_wrap { position:absolute; right:15px; top:-5px; padding:0;}

/* <h3 class="d2_tit"> : 소제목(센터소개,마이페이지,배송정보 등)  */
  .d2_tit 	{ position:relative; margin:20px 0; margin-top:30px; padding:10px 0; font-size:22px; font-weight:600; border-bottom:1px solid #999; }  
  .d2_tit.hidden 	{ display:none;}
  .d2_tit.noborder 	{ margin:20px 0; margin-top:30px; padding:10px 0; font-size:22px; font-weight:600; border-bottom:0px solid #ccc; } 
  .d2_tit .btn_wrap { position:absolute; right:15px; top:-5px; padding:0;}
  .d2_subTxt { margin-bottom:15px; font-size:18px; font-weight:600;} /* d1_tit 부제  */
  .d2_subTxt2 { margin-bottom:15px; font-size:20px; font-weight:600; color:#469805;}  /* 센터소개에 사용됨 */
  p strong { font-weight:800;}
/* <h3 class="d2_tit_2"> : 제품상세 소제목 */
  .d2_tit_2 { position:relative; margin:10px 0; padding:10px 0; font-size:22px; font-weight:600; border-bottom:1px solid #999; }
/* <h3 class="d2_tit_3"> : 마이페이지 앞에 ㅇ 표시 달린 타이틀 */
  .d2_tit_3 { position:relative; margin-top:20px; height:30px; line-height:30px; font-weight:600; padding-left:26px; }
  .d2_tit_3:before { position:absolute; left:0; top:5px; display:block; content:''; background:#d88db5; width:18px; height:18px; border-radius:3px;}

/*****강조텍스트 *****/
.eTxt { font-weight:600;}
.eTxt2 { font-size:1.2rem; color:#ab3f76; font-weight:600;}
.eTxtBox { background:#d88db5; margin-bottom:10px; padding:20px; color:#fff;line-height:150%; font-size:22px; text-align:center; } 


@media (min-width: 992px) { 
.eTxtBox { display:block; background:#d88db5; margin:10px auto; padding:0px 15px; color:#fff; height:50px; line-height:50px; border-radius:25px;} 
}

.txt_color1 { color:#ab3f76;}
.txt_color2 { color:#97004d;}
.txt_color_w { color:#fff;}

.bgColor_1 {background:#d88db5; color:#fff;}
.bgColor_2 {background:#0e2b2d; color:#fff;}
.bgColor_3 {background:#999; color:#fff;}
.bgColor_4 {background:#07b1b6; color:#fff;}
.bgColor_5 {background:#01add1; color:#fff;}
.bgColor_6 {background:#52bba9; color:#fff;}
.bgColor_black { background:#000; }	
.bgColor_grey1 { background:#333; }	
.bgColor_grey2 { background:#666; }	
.bgColor_grey3 { background:#999; }	
.bgColor_grey4 { background:#ccc; }	
.bgColor_grey5 { background:#eee; }	
.bgColor_white { background:#fff; }	

.bgColor_1 .d2_tit, .bgColor_2 .d2_tit, .bgColor_3 .d2_tit { color:#fff; border-color:rgba(255,255,255,0.5);}

/*
.bgColor_orange1 {background:#e89920; color:#fff;}
.bgColor_orange2 {background:#da7833; color:#fff;}
.bgColor_orange3 {background:#de611b; color:#fff;}
*/

	


/*맨위로가기*/
.goTop {position:fixed;bottom:110px; right:0px;z-index: 500;} 
.goTop button { padding:0; margin:0; background:none; border:0; cursor:pointer;}

.img img { width:100%; }
.img2 { width:100%; text-align:center;}
.img2 img { width:100%; margin:auto; }
@media (min-width: 768px) {
.img2 img { width:90%; margin:auto; }
}

/******************************************
 *. 버튼(Button)
  - 페이지의 주요기능, submit 버튼 : btn-primary
  - 기본 버튼 버튼 : btn_default
  - 검색기능의 검색버튼 : 
  - form 안의 버튼 : 
******************************************/
.btn_wrap { padding:15px;}
.btn_wrap button { margin-bottom:5px;}
@media (min-width: 768px) {
.btn_wrap button { margin-bottom:0px;}
}
/* 가로로 꽉 차는 버튼 */ 
.u_tb { display:table; width:100%;}
  .u_td { display:table-cell; padding:5px; width:50%;}
  .u_td .btn { width:100%;}

.btn_wrap .btn-primary,
.btn_wrap .btn-secondary,
.btn_wrap .btn_default { padding:3px 15px;}
	
.btn_default { background:#fff; padding:3px 15px; color:#333; border:1px solid #d88db5; border-radius:2px;}
.btn_default:focus,
.btn_default.focus { background:#fff; color:#333; border:1px solid #bd3577;}
.btn_default:hover { background:#fff; color:#570029; border:1px solid #bd3577; }
.btn_default:active,
.btn_default.active { background:#fff; color:#570029; border:1px solid #bd3577;}
.btn_default:active:hover,
.btn_default.active:hover,
.btn_default:active:focus,
.btn_default.active:focus,
.btn_default:active.focus,
.btn_default.active.focus { background:#fff; color:#570029; border:1px solid #bd3577;}
.btn_default.disabled:hover,
.btn_default[disabled]:hover,
.btn_default.disabled:focus,
.btn_default[disabled]:focus,
.btn_default.disabled.focus,
.btn_default[disabled].focus { background:#eee; color:#570029; border:1px solid #bd3577; }

/* form 안에 들어가는 버튼. 회색. 크기 작음. btn_form은 primary, btn_form2는 secondary */
.btn_form { background:#777; padding:3px 15px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #666; border-radius:2px;}
.btn_form:focus, .btn_form.focus { border:1px solid #333; }
.btn_form:hover { background:#888; color:#fff; border:1px solid #666; }
.btn_form:active, .btn_form.active { color:#fff; border:1px solid #333;}
.btn_form:active:hover, .btn_form.active:hover,
.btn_form:active:focus, .btn_form.active:focus,
.btn_form:active.focus, .btn_form.active.focus { color:#fff; border:1px solid #333;}
.btn_form.disabled:hover, .btn_form[disabled]:hover,
.btn_form.disabled:focus, .btn_form[disabled]:focus,
.btn_form.disabled.focus, .btn_form[disabled].focus { background:#999; color:#fff; border:1px solid #ccc;}

.btn_form_report { background:#919cd7; padding:3px 15px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #7481c8; border-radius:2px;}
.btn_form_report:focus, .btn_form_report.focus { border:1px solid #7481c8; }
.btn_form_report:hover { background:#7481c8; color:#fff; border:1px solid #7481c8; }
.btn_form_report:active, .btn_form_report.active { color:#fff; border:1px solid #7481c8;}
.btn_form_report:active:hover, .btn_form_report.active:hover,
.btn_form_report:active:focus, .btn_form_report.active:focus,
.btn_form_report:active.focus, .btn_form_report.active.focus { color:#fff; border:1px solid #7481c8;}
.btn_form_report.disabled:hover, .btn_form_report[disabled]:hover,
.btn_form_report.disabled:focus, .btn_form_report[disabled]:focus,
.btn_form_report.disabled.focus, .btn_form_report[disabled].focus { background:#999; color:#fff; border:1px solid #ccc;}

.btn_form_report2 { background:#cb90b4; padding:3px 15px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #b6709b; border-radius:2px;}
.btn_form_report2:focus, .btn_form_report2.focus { border:1px solid #b6709b; }
.btn_form_report2:hover { background:#b6709b; color:#fff; border:1px solid #b6709b; }
.btn_form_report2:active, .btn_form_report2.active { color:#fff; border:1px solid #b6709b;}
.btn_form_report2:active:hover, .btn_form_report2.active:hover,
.btn_form_report2:active:focus, .btn_form_report2.active:focus,
.btn_form_report2:active.focus, .btn_form_report2.active.focus { color:#fff; border:1px solid #b6709b;}
.btn_form_report2.disabled:hover, .btn_form_report2[disabled]:hover,
.btn_form_report2.disabled:focus, .btn_form_report2[disabled]:focus,
.btn_form_report2.disabled.focus, .btn_form_report2[disabled].focus { background:#999; color:#fff; border:1px solid #ccc;}


.btn_form2 { background:#fff; padding:3px 15px; font-size:13px; font-weight:bold; color:#444; border:1px solid #ccc; border-radius:2px;}
.btn_form2:focus, .btn_form2.focus { border:1px solid #ccc; }
.btn_form2:hover { color:#333; border:1px solid #777; }
.btn_form2:active, .btn_form2.active { color:#333; border:1px solid #777;}
.btn_form2:active:hover, .btn_form2.active:hover,
.btn_form2:active:focus, .btn_form2.active:focus,
.btn_form2:active.focus, .btn_form2.active.focus { color:#444; border:1px solid #777;}
.btn_form2.disabled:hover, .btn_form2[disabled]:hover,
.btn_form2.disabled:focus, .btn_form2[disabled]:focus,
.btn_form2.disabled.focus, .btn_form2[disabled].focus { background:#eee; color:#444; border:1px solid #777;}

@media (min-width: 768px) {
.btn_wrap .btn-primary,
.btn_wrap .btn-secondary,
.btn_wrap .btn_default { padding:5px 25px;}

.btn_default { background:#fff; padding:5px 25px; color:#333; border:1px solid #d88db5; border-radius:2px;}
.btn_form { background:#777; padding:5px 25px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #666; border-radius:2px;}
.btn_form_report { background:#919cd7; padding:5px 15px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #7481c8; border-radius:2px;}
.btn_form_report2 { background:#cb90b4; padding:5px 15px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #b6709b; border-radius:2px;}
.btn_form2 { background:#fff; padding:5px 25px; font-size:13px; font-weight:bold; color:#444; border:1px solid #ccc; border-radius:2px;}
}
@media (min-width: 992px) {
.btn_wrap .btn-primary,
.btn_wrap .btn-secondary,
.btn_wrap .btn_default { padding:7px 35px;}
.btn_default { background:#fff; padding:7px 35px; color:#333; border:1px solid #d88db5; border-radius:2px;}
}

.btn_more { position:relative; background:none; padding:3px 10px 3px 20px; font-size:13px; font-weight:bold; color:#666; border:1px solid transparent;}
.btn_more:before { display:block; content:''; position:absolute; left:8px; top:9px; width:8px; height:2px; background:#f00; transform:rotate(45deg);  }
.btn_more:after { display:block; content:''; position:absolute; left:8px; top:13px; width:8px; height:2px; background:#f00; transform:rotate(-45deg); }
.btn_more:focus, .btn_more.focus { background:none; color:#888; border:1px solid #ccc; }
.btn_more:hover { color:#333; border:1px solid #ccc; }
.btn_more:active, .btn_more.active { color:#333; border:1px solid #ccc;}
.btn_more:active:hover, .btn_more.active:hover,
.btn_more:active:focus, .btn_more.active:focus,
.btn_more:active.focus, .btn_more.active.focus { color:#333; border:1px solid #ccc;}
.btn_more.disabled:hover, .btn_more[disabled]:hover,
.btn_more.disabled:focus, .btn_more[disabled]:focus,
.btn_more.disabled.focus, .btn_more[disabled].focus { background:#eee; color:#333; border:1px solid #ccc;}

.btn_more2 { position:relative; background:none; padding:5px 20px 5px 30px; font-size:13px; font-weight:bold; color:#666; border:1px solid #ccc; border-radius:3px;}
.btn_more2:before { display:block; content:''; position:absolute; left:17px; top:10px; width:6px; height:1px; background:#999; transform:rotate(45deg);  }
.btn_more2:after { display:block; content:''; position:absolute; left:17px; top:13px; width:6px; height:1px; background:#999; transform:rotate(-45deg); }
.btn_more2:focus, .btn_more2.focus { background:#eee; color:#888; border:1px solid #ccc; }
.btn_more2:hover { background:#efefef; color:#333; border:1px solid #ccc; text-decoration:none; }
.btn_more2:active, .btn_more2.active { color:#333; border:1px solid #ccc;}
.btn_more2:active:hover, .btn_more2.active:hover,
.btn_more2:active:focus, .btn_more2.active:focus,
.btn_more2:active.focus, .btn_more2.active.focus { color:#333; border:1px solid #ccc;}
.btn_more2.disabled:hover, .btn_more2[disabled]:hover,
.btn_more2.disabled:focus, .btn_more2[disabled]:focus,
.btn_more2.disabled.focus, .btn_more2[disabled].focus { background:#eee; color:#333; border:1px solid #ccc;}

/*
.btn_more {background:#fff; padding:7px 25px; color:#333; font-weight:bold; border:1px solid #ccc; border-radius:2px;}
.btn_more:focus, .btn_more.focus { border:2px solid #333; }
.btn_more:hover { border:2px solid #666; }
.btn_more:active, .btn_more.active { color:#000; border:1px solid #333;}
.btn_more:active:hover, .btn_more.active:hover,
.btn_more:active:focus, .btn_more.active:focus,
.btn_more:active.focus, .btn_more.active.focus { color:#000; border:1px solid #333;}
.btn_more.disabled:hover, .btn_more[disabled]:hover,
.btn_more.disabled:focus, .btn_more[disabled]:focus,
.btn_more.disabled.focus, .btn_more[disabled].focus { background:#eee; color:#999; border:1px solid #ccc;}
*/
/*
	  .btns_wrap_more { display:block;}
	  .btns_wrap_more button { background:none; padding:3px 10px; font-size:13px; font-weight:bold; color:#666; border:1px solid transparent; }
	  .btns_wrap_more button:hover { background:none; color:#888; border:1px solid #ccc; }
	  .btns_wrap { display:block;}
	    .btns_wrap button { background:#999; padding:3px 15px; font-size:13px; font-weight:bold; color:#fff; border:1px solid #888; }
	    .btns_wrap button:hover { background:#aaa; color:#fff; border:1px solid #888; } */
		
/* 단계취소 버튼 */
.btn_step_next { background:#bd3577; padding:0.5rem 2.2rem; color:#fff; font-weight:600; border:1px solid #bd3577; border-radius:2px;}
.btn_step_next:hover { background:#ac2164; color:#fff; border:1px solid #bd3577; }
.btn_step_next:focus, .btn_step_next.focus,
.btn_step_next:active, .btn_step_next.active, 
.btn_step_next:not(:disabled):not(.disabled):active, 
.btn_step_next:not(:disabled):not(.disabled).active { background:#ac2164; color:#fff; border:1px solid #991a57;}
.btn_step_next:not(:disabled):not(.disabled):active:focus, 
.btn_step_next:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

.btn_step_cancel { background:#fff; padding:0.5rem 2.2rem; color:#333; font-weight:600; border:1px solid #999; border-radius:2px;}
.btn_step_cancel:hover { background:#fff; color:#97004d; border:1px solid #999; }
.btn_step_cancel:focus
.btn_step_cancel:active { background:#fff; color:#97004d; border:1px solid #999;}
.btn_step_cancel:not(:disabled):not(.disabled):active, 
.btn_step_cancel:not(:disabled):not(.disabled).active { background:#fff; color:#333; border:1px solid #999;}
.btn_step_cancel:not(:disabled):not(.disabled):active:focus, 
.btn_step_cancel:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

/* 다음단계로 버튼 */
.btn_step_prev { background:#fff; padding:0.5rem 2.2rem; color:#97004d; font-weight:600; border:1px solid #999; border-radius:2px;}
.btn_step_prev:hover { background:#fff; color:#97004d; border:1px solid #999; }

.btn_step_prev:focus, .btn_step_prev.focus,
.btn_step_prev:active, .btn_step_prev.active { background:#fff; color:#97004d; border:1px solid #999;}

.btn_step_prev:not(:disabled):not(.disabled):active, 
.btn_step_prev:not(:disabled):not(.disabled).active { background:#fff; color:#97004d; border:1px solid #999;}

.btn_step_prev:not(:disabled):not(.disabled):active:focus, 
.btn_step_prev:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

/* 부트스트랩 버튼 */
.btn-primary { background:#bd3577; padding:3px 15px; color:#fff; border:1px solid #bd3577; border-radius:2px;}
.btn-primary:hover { background:#ac2164; color:#fff; border:1px solid #bd3577; }
.btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle { background:#ac2164; color:#fff; border:1px solid #ac2164;}
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

.btn-secondary { background:#fff; padding:3px 15px; color:#333; border:1px solid #ccc; border-radius:2px;}
.btn-secondary:hover { background:#fff; color:#97004d; border:1px solid #d88db5; }
.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:active, .btn-secondary.active { background:#fff; color:#97004d; border:1px solid #d88db5;}
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active, 
.show > .btn-secondary.dropdown-toggle { background:#fff; color:#97004d; border:1px solid #d88db5;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-secondary.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

.form-group .btn-primary { background:#444; margin:0 2px; padding:0.375rem 1rem; color:#fff; border:1px solid #333; border-radius:2px;}
.form-group .btn-primary:hover { background:#666; color:#fff; }
.form-group .btn-primary:focus, .btn-primary.focus,
.form-group .btn-primary:active, .btn-primary.active, 
.form-group .btn-primary:not(:disabled):not(.disabled):active, 
.form-group .btn-primary:not(:disabled):not(.disabled).active, 
.show > .form-group .btn-primary.dropdown-toggle { background:#333; color:#fff; border:1px solid #222;}
.form-group .btn-primary:not(:disabled):not(.disabled):active:focus, 
.form-group .btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .form-group .btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 0.1rem rgba(216,148,181, 0.5);}

@media (min-width: 768px) {
.btn-primary { background:#bd3577; padding:5px 25px; color:#fff; border:1px solid #bd3577; border-radius:2px;}
.btn-secondary { background:#fff; padding:5px 25px; color:#333; border:1px solid #ccc; border-radius:2px;}
}
@media (min-width: 992px) {
.btn-primary { background:#bd3577; padding:7px 35px; color:#fff; border:1px solid #bd3577; border-radius:2px;}
.btn-secondary { background:#fff; padding:7px 35px; color:#333; border:1px solid #ccc; border-radius:2px;}
}


.ico_disk { display:inline-block; width:23px; height:24px; background:url(/images/common/ico_disk.png) no-repeat; vertical-align:middle; margin-right:5px;}

/***** 표 테이블   *****/
.table { border-top:2px solid #e17dba; border-bottom:1px solid #ccc;}
.table.table-bordered { border-top:2px solid #e17dba; }
.table thead th { padding:5px; text-align:center; font-size:0.8rem;}
.table tbody th { padding:5px; text-align:center;}
.table td { font-size:0.7rem;}
.table .thead-light th { background-color:#f6f6f6; border-bottom:1px solid #ccc;}

/* 내용표(테이블) */
.table.table_style2 { border:0; border-top:2px solid #e17dba;}
.table.table_style2 thead th, .table.table_style2 tbody th, .table.table_style2 tbody td { padding:5px; font-size:0.8rem;}
.table.table_style2 thead th { background-color:#dbe6f7; color:#5472a5; font-size:0.8rem; border:1px solid #c5d5f1;}
.table.table_style2 tbody th { background-color:#e8eff9; color:#5b667a; font-size:0.7rem;}
.table.table_style2 .shead1 { background-color:#e8eff9; color:#5b667a; text-align:center;}
.table.table_style2 .shead2 { background-color:#f4f8fd; color:#5b667a; text-align:center;}
.table.table_style2 th:first-child { border-left:0;}
.table.table_style2 td:first-child { border-left:0;}
.table.table_style2 th:last-child { border-right:0;}
.table.table_style2 td:last-child { border-right:0;}

/***** 상품정보> 배송안내의 정보테이블 *****/
.table.table_info { border:0; border-collapse:collapse;}
  .table.table_info tbody th { background:#efefef; border:1px solid #ccc; text-align:center; font-size:14px; }
  .table.table_info tbody td { background:#fff; border:1px solid #ccc; font-size:14px; }
  
@media (min-width: 992px) {
.table thead th { padding:7px; font-size:0.96rem;}
.table tbody th { padding:7px; text-align:center;}
.table td { font-size:0.9rem;}
.table.table_style2 thead th, .table.table_style2 tbody th, .table.table_style2 tbody td { padding:7px; font-size:0.8rem;}
.table.table_style2 thead th { font-size:0.96rem;}
.table.table_style2 tbody th { font-size:0.8rem;}
}




 
/********************************************************************************************************************************************************************************************************
   1. 센터소개
 ********************************************************************************************************************************************************************************************************/
 .box_overview { padding:30px 20px; margin:auto; border:10px solid #efefef;}
   .box_overview .textbox { width:90%; margin:auto; padding-top:30px;}
   .box_overview .textbox .tit { font-weight:800; font-size:20px; color:#469805;}
     .img_overview { width:90%; margin:auto;}
     .img_overview img { width:100%}
   
 .img_center1 { padding:0; margin:0; list-style:none;}
 .img_center1:after { display:block; content:''; clear:both;}
   .img_center1 li { display:block; padding:0; padding-bottom:10px; margin:0; text-align:center;}
   .img_center1 li img { width:100%;}
 .img_center2 { background:url(/images/GB-center/happy_m.jpg) no-repeat right bottom; background-size:220px; width:100%; height:400px; box-sizing:border-box; padding:30px; border:1px solid #ccc;}
 .img_roadmap { background:url(/images/GB-center/roadmap_m.jpg) no-repeat center top; width:100%; height:638px; box-sizing:border-box;}
@media (min-width: 576px) {
} 
@media (min-width: 768px) {
 .box_overview { padding:50px; margin:auto; border:10px solid #efefef;}
   .box_overview .textbox { width:400px; margin:auto; padding-top:30px;}
     .img_overview { width:400px; margin:auto;}
 .img_center1 { margin:20px 0;}
   .img_center1 li { display:inline-block; padding:0; margin:0; float:left; width:300px;}
   .img_center1 li img { width:100%;}
 .img_center2 { background:url(/images/GB-center/happy_m.jpg) no-repeat right bottom; background-size:300px; width:100%; height:600px; box-sizing:border-box; padding:50px; border:0px solid #ccc;}
} 
@media (min-width: 992px) {
   .box_overview .textbox { width:600px; margin:auto; padding-top:30px;}
     .img_overview { width:500px; margin:auto;}
   .img_center1 li { width:540px;}
   .img_center1 li:first-child { margin-right:30px;}
 .img_roadmap { background:url(/images/GB-center/roadmap.jpg) no-repeat center top; width:100%; height:510px; box-sizing:border-box;}
}
/******************************************
 탭메뉴
******************************************/
/* 꽉 차는 두개 탭메뉴 */
.cont_tab { width:100%;}
.cont_tab .tab { list-style:none; display:flex; flex-flow:row nowrap; justify-content:center; padding:0; margin:0; }
.cont_tab .tab li { margin:0; padding:0;width:auto;box-sizing:border-box; width:50%; }
.cont_tab .tab li a { position:relative; display:block; padding:10px 30px; width:100%;background:#f0f0f0; color:#aaa; text-decoration:none; box-sizing:border-box; transition:all ease 0.5s; border:1px solid #fff;}
.cont_tab .tab li a:hover { background:#bbb; color:#fff;}
.cont_tab .tab li.active a { background:#d88db5; color:#fff; cursor:default; }

/******************************************
 contents box (photo + article)
******************************************/
.cont_box {}
  .cont_box:after { display:block; content:''; clear:both;}
  .cont_box li { float:left; padding:40px; font-size:18px; box-sizing:border-box; }
  .cont_box li.img { padding:0; }
  .cont_box li.img img { width:100%;}
  .cont_box.item1 li { width:100%; display:block; text-align:center; padding:10px;}
  .cont_box.item2 li { width:100%;}
  .cont_box.item3 li { width:100%;}
  .cont_box.item4 li { width:50%;}
    .cont_box p.tit { font-size:26px; font-weight:600;}
@media (min-width: 768px) { 
}
@media (min-width: 992px) { 
  .cont_box.item1 li { width:100%;}
  .cont_box.item2 li { width:50%;}
  .cont_box.item3 li { width:33.3333333%;}
  .cont_box.item4 li { width:25%;}
}
 /****************************************
   ordered list (.ol)
 ****************************************/
 .ol { list-style:decimal-leading-zero}
 .ol li { padding:5px 0;}

/****************************************
    list (.dl)
 ****************************************/
 /* center > service */
 .dl_1 {}
   .dl_1 dt { display:block; width:50%; padding:3px 0; background:#666; color:#fff; font-size:16px; text-align:center; box-sizing:border-box; border-radius:18px;}
   .dl_1 dd { display:block; width:100%; padding:3px 10px; font-size:16px; box-sizing:border-box;}

/****************************************
    list (.history) (센터소개 연혁)
 ****************************************/
.history {border-top:2px solid #e17dba;}
  .history .h_year { display:block; padding:10px 0; font-size:24px; font-weight:600; color:#97004d;}
  .history dd { display:block; }
  .history dt.h_line { width:100%; border-bottom:1px solid #ccc; margin-bottom:10px; height:10px; }
  .history dd.h_line { display:none;}
    h_list li { padding:5px; color:#777; }
     .h_list li .h_month { display:inline-block; color:#555; font-size:18px; font-weight:600; padding-right:20px;}
@media (min-width: 768px) { 
   .dl_1 dt { display:inline-block; width:25%; font-size:14px;}
   .dl_1 dd { display:inline-block; width:75%; font-size:14px;}
}
@media (min-width: 992px) {
   .dl_1 dt { width:25%; font-size:16px; }
   .dl_1 dd { width:75%; font-size:16px;}
}

 
/********************************************************************************************************************************************************************************************************
   2. 굳빙검사, 4.해독서비스(쇼핑몰 상품목록, 상품상세)
 ********************************************************************************************************************************************************************************************************/
/*****************************************
 쇼핑몰(굳빙검사,해독서비스) : 탭메뉴
 ****************************************/
/*****************************************
  탭메뉴
 ****************************************/
.tab_tit { position:relative; margin-top:10px; height:30px; line-height:30px; font-weight:600; padding-left:26px;}
.tab_tit:before { position:absolute; left:0; top:5px; display:block; content:''; width:18px; height:18px; border-radius:12px; border:3px solid #d88db5;}
.tab_menu { margin-bottom:10px;}
.tab_menu .tab { list-style:none; padding:0; margin:0;}
.tab_menu .tab:after { display:block; content:''; clear:both;}
.tab_menu .tab li { margin:0; padding:0; float:left; width:50%; box-sizing:border-box;}
.tab_menu .tab li a { position:relative; display:inline-block; background:#efefef; padding:4px; width:100%; color:#999;font-size:11px; text-align:center; text-decoration:none; border:1px solid #ccc; border-right:0; box-sizing:border-box; transition:all ease 0.5s; }
.tab_menu .tab li a:hover { background:#fff; color:#777; border-bottom:1px solid transparent;}
.tab_menu .tab li.active a { background:#fff; color:#333; border-bottom:0; }
.tab_menu .tab li.active a:after { position:absolute; left:0; top:-1px; display:block; content:''; background:#e17dba; width:100%; height:3px;  z-index:100;}

  .tab_menu .item2 li { width:50%;}
  .tab_menu .item3 li { width:33.333333%;}
  .tab_menu .item4 li { width:50%;}
  .tab_menu .item5 li { width:33.333333%;}
  .tab_menu .item6 li { width:33.333333%;}
  .tab_menu .item7 li { width:50%;}
  .tab_menu .item8 li { width:50%;}
  .tab_menu .item9 li { width:33.333333%;}
  .tab_menu .item4 li:nth-child(2) a,
  .tab_menu .item5 li:nth-child(2) a,
  .tab_menu .item6 li:nth-child(2) a, .tab_menu .item6 li:nth-child(3) a,
  .tab_menu .item7 li:nth-child(2) a, .tab_menu .item7 li:nth-child(3) a, .tab_menu .item7 li:nth-child(4) a, .tab_menu .item7 li:nth-child(5) a,
  .tab_menu .item8 li:nth-child(2) a, .tab_menu .item8 li:nth-child(3) a, .tab_menu .item8 li:nth-child(4) a, .tab_menu .item8 li:nth-child(5) a, .tab_menu .item8 li:nth-child(6) a,
  .tab_menu .item9 li:nth-child(2) a, .tab_menu .item9 li:nth-child(3) a, .tab_menu .item9 li:nth-child(4) a, .tab_menu .item9 li:nth-child(5) a, .tab_menu .item9 li:nth-child(6) a { border-bottom:1px solid #efefef;}
  .tab_menu .item2 li:nth-child(2n) a,
  .tab_menu .item3 li:nth-child(3n) a,
  .tab_menu .item4 li:nth-child(2n) a, 
  .tab_menu .item5 li:nth-child(3n) a, .tab_menu .item5 li:last-child a,
  .tab_menu .item6 li:nth-child(3n) a, 
  .tab_menu .item7 li:nth-child(2n) a, .tab_menu .item7 li:last-child a, 
  .tab_menu .item8 li:nth-child(2n) a, 
  .tab_menu .item9 li:nth-child(3n) a { border-right:1px solid #ccc;} 
  
@media (min-width: 576px) {
  .tab_menu .item2 li { width:50%;}
  .tab_menu .item3 li { width:33.33333333%;}
  .tab_menu .item4 li { width:25%;}
  .tab_menu .item5 li { width:33.33333333%;}
  .tab_menu .item6 li { width:33.33333333%;}
  .tab_menu .item7 li { width:25%;}
  .tab_menu .item8 li { width:25%;}
  .tab_menu .item9 li { width:33.33333333%;}
  .tab_menu .item4 li:nth-child(2n) a, 
  .tab_menu .item7 li:nth-child(2n) a,
  .tab_menu .item8 li:nth-child(2n) a { border-right:0}
  .tab_menu .item4 li:nth-child(2) a,
  .tab_menu .item7 li:nth-child(4) a, .tab_menu .item7 li:nth-child(5) a {border-bottom:1px solid #ccc;} 
  
  .tab_menu .item7 li:nth-child(4n) a, 
  .tab_menu .item8 li:nth-child(4n) a, 
  .tab_menu .tab li:last-child a {border-right:1px solid #ccc;}
}
@media (min-width: 768px) {
.tab_menu .tab {}
  .tab_menu .item2 li { width:50%;}
  .tab_menu .item3 li { width:33.33333333%;}
  .tab_menu .item4 li { width:25%;}
  .tab_menu .item5 li { width:20%;}
  .tab_menu .item6 li { width:16.66666666666%;}
  .tab_menu .item7 li { width:25%;}
  .tab_menu .item8 li { width:25%;}
  .tab_menu .item9 li { width:33.33333333333%;}
  .tab_menu .item2 li:nth-child(2n) a,
  .tab_menu .item3 li:nth-child(3n) a, 
  .tab_menu .item5 li:nth-child(3n) a,
  .tab_menu .item6 li:nth-child(3n) a,
  .tab_menu .item9 li:nth-child(3n) a { border-right:0}
  .tab_menu .item5 li:nth-child(2) a,

  .tab_menu .item6 li:nth-child(2) a, .tab_menu .item6 li:nth-child(3) a,
  .tab_menu .item8 li:nth-child(5) a, .tab_menu .item8 li:nth-child(6) a {border-bottom:1px solid #ccc;} 
  .tab_menu .tab li:last-child a {border-right:1px solid #ccc;}
}
@media (min-width: 992px) {
.tab_menu .tab li a { padding:7px; font-size:14px; }
  .tab_menu .item2 li { width:50%;}
  .tab_menu .item3 li { width:33.33333333%;}
  .tab_menu .item4 li { width:25%;}
  .tab_menu .item5 li { width:20%;}
  .tab_menu .item6 li { width:16.66666666%;}
  .tab_menu .item7 li { width:14.28571429%;}
  .tab_menu .item8 li { width:12.5%;}
  .tab_menu .item9 li { width:11.11111111%;}
  .tab_menu .item7 li:nth-child(4) a, .tab_menu .item8 li:nth-child(4) a { border-right:0; }
  .tab_menu .item7 li:nth-child(2) a, .tab_menu .item7 li:nth-child(3) a,
  .tab_menu .item8 li:nth-child(2) a, .tab_menu .item8 li:nth-child(3) a, .tab_menu .item8 li:nth-child(4) a,
  .tab_menu .item9 li:nth-child(2) a, .tab_menu .item9 li:nth-child(3) a, .tab_menu .item9 li:nth-child(4) a, .tab_menu .item9 li:nth-child(5) a, .tab_menu .item9 li:nth-child(6) a {border-bottom:1px solid #ccc;} 
}

/****************************************
 쇼핑몰(굳빙검사,해독서비스) : 상품 목록
 ****************************************/
.prdt_list { margin:0; padding:10px 0; border-top:0px solid #d88db5; border-bottom:1px solid #ccc;}
  .prdt_list ul, .prdt_list li { list-style:none; padding:0; margin:0;}
  .prdt_list ul {}
  .prdt_list ul:after { display:block; content:''; clear:both;}
    .prdt_list  li { display:block; float:left; width:49%; margin-bottom:20px;}
    .prdt_list  li:nth-child(2n-1) { margin-right:1%;}
    .prdt_list  li.nodata { display:block; float:left; width:100%; margin-bottom:20px; padding:5px;}
      .prdt_list a { display:block; text-decoration:none; height:300px;}
      .prdt_list a:hover { text-decoration:none;}
        .prdt_list .des { margin:3px 0; color:#888; font-size:11px; font-weight:400;}
        .prdt_list .name { margin:3px 0; color:#333; font-size:15px; font-weight:400; transition:all ease 0.3s;}
          .prdt_list a:hover .name { color:#000;}
        .prdt_list .pri { margin:3px 0; color:#333; font-size:16px; font-weight:600}
        .prdt_list .tag { margin:3px 0; color:#fff; font-size:11px;}
        .prdt_list .tag span { display:inline-block; margin:2px; padding:2px 5px; background:#d88db5; border-radius:4px;} /* font-color:#e75ba6 */
	  
	    /*투명이미지 일경우 imgBox 사용. 일반 이미지는 .img 사용*/
        .prdt_list .img { margin-bottom:10px; border:2px solid transparent; transition:all ease 0.3s;}
          .prdt_list a:hover .img { background:#748dd7; border:2px solid #e75ba6;}
        .prdt_list .imgBox { background:#869cdd; margin-bottom:10px; text-align:center; vertical-align:middle; border:2px solid transparent; transition:all ease 0.3s;}  
          .prdt_list a:hover .imgBox { background:#748dd7; border:2px solid #e75ba6;}

		
		/*  flex 사용한것 'float:left'로 변경할것. ㅠㅠ
	
.prdt_list { margin:0; padding:10px 0; border-top:0px solid #d88db5; border-bottom:1px solid #ccc;}
  .prdt_list ul, .prdt_list li { list-style:none; padding:0; margin:0;}
  .prdt_list ul { position:relative; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
    .prdt_list  li { display:block; width:100%; margin-bottom:30px;}
      .prdt_list a { display:block; text-decoration:none;}
      .prdt_list a:hover { text-decoration:none;}
        .prdt_list .img { margin-bottom:10px; border:2px solid transparent; transition:all ease 0.3s;}
        .prdt_list .imgBox { background:#869cdd; margin-bottom:10px; text-align:center; vertical-align:middle; border:2px solid transparent; transition:all ease 0.3s;}  
          .prdt_list a:hover .imgBox { background:#748dd7; border:2px solid #e75ba6;}
          .prdt_list a:hover .img { background:#748dd7; border:2px solid #e75ba6;}
        .prdt_list .des { margin:3px 0; color:#888; font-size:18px; font-weight:400;}
        .prdt_list .name { margin:3px 0; color:#333; font-size:28px; font-weight:400; transition:all ease 0.3s;}
          .prdt_list a:hover .name { color:#000;}
        .prdt_list .pri { margin:3px 0; color:#333; font-size:16px;}
        .prdt_list .tag { margin:3px 0; color:#e75ba6; font-size:14px;}
		*/


/****************************************
 쇼핑몰(굳빙검사,해독서비스) : 상품 상세
 ****************************************/
.prdt_header { position:relative; margin-bottom:30px;}
.prdt_header:after { display:block; content:''; clear:both;}
        .prdt_header .tag span { display:inline-block; margin:2px; padding:2px 5px; background:#d88db5; color:#fff; font-size:13px; border-radius:4px;} /* font-color:#e75ba6 */
  .prdt_info { width:100%;}
    .prdt_info .img { margin-bottom:10px; }
    .prdt_info .img img { width:100%; max-height:400px;} /* 제품이미지 썸네일 : 500x400 으로 제작. */
    .prdt_info .tag { padding:5px 20px; padding-bottom:0; color:#bd3576; font-size:14px;}
  .prdt_info2 { }
    .prdt_info2 .des { padding:10px 20px; color:#bd3576; font-size:16px;}
    .prdt_info2 .name { padding:10px 20px; color:#333; font-size:34px;}
    .prdt_info2 .info { padding:10px 20px; color:#555; font-size:16px; border-bottom:1px solid #ccc;}
    .prdt_info2 .info .tit { display:inline-block; margin-right:20px; width:60px; color:#555; font-size:14px;}
    .prdt_info2 .info .etc { margin:0 10px; color:#888; font-size:14px;}
	.prdt_info2 .info .info_option { display:inline-block;}
      .prdt_info2 .pri { color:#777; }
      .prdt_info2 .pri_discount { color:#f00;}
      .prdt_info2 .pri_deliveryfee { color:#333;}
      .prdt_info2 .option { color:#333;}
    .prdt_info2 .pri_total { margin:10px 0; padding:15px 20px; color:#333; font-size:19px; border:2px solid #8cc729; text-align:right;}
    .prdt_info2 .pri_total:after { display:block; content:''; clear:both;}
    .prdt_info2 .pri_total .tit { float:left;  color:#555; font-size:14px;}
    .prdt_info2 .pri_total strong { color:#4aa501;}
	.prdt_info2 .btn_wrap {margin:10px -20px; }
	.prdt_info2 .btn_wrap .btn { width:100%; padding:15px;}
  
.cont_block { margin:30px 0; padding-bottom:60px;} /* 제품상세정보 콘텐츠 덩어리 */
  .prdt_detail { padding:20px 0; text-align:center;}
    .prdt_detail .img_prdt { width:100%;}
  .prdt_delivery { padding:20px 0;}
  .prdt_cancel { padding:20px 0;}
  .prdt_qna { padding:20px 0;}
@media (min-width: 992px) {
    .prdt_detail .img_prdt { width:980px; margin:auto;}
}

/******************************************
  .info_box : 쇼핑몰 > 상품상세 > 배송안내 등 안내박스 
  <div class="info_box">
    <h5>제목</h5>
	<p>내용</p>
  </div>
  단독으로 쓸때는 회원가입완료안내처럼 안내박스
******************************************/
    .cont_block .info_box { display:block; padding:15px 20px; margin:10px 0; font-size:14px; color:#333; font-weight:200; text-align:left; border:3px solid #efefef;}
    .cont_block .info_box h5 { font-size:16px; font-weight:600;}
    .cont_block .info_box ol { list-style:decimal; margin:5px 15px;}
	
/****************************************
 쇼핑몰(굳빙검사,해독서비스) : 상품 상세 > 하단 Q&A 목록
 ****************************************/
.prdt_qna_list {overflow:hidden;}
.prdt_qna_list > ul {border-top:2px solid #777;box-sizing:border-box;}
.prdt_qna_list > ul > li {border-bottom:1px solid #d9d9d9;}
.prdt_qna_list > ul > li .board_header { padding:13px 40px;}
.prdt_qna_list > ul > li .board_header:after { display:block; content:''; clear:both;}
.prdt_qna_list > ul > li .board_header .tit_wrap {float:left;}
.prdt_qna_list > ul > li .board_header .tit_wrap .tit {overflow:hidden;margin:0px; padding:5px;}
.prdt_qna_list > ul > li .board_header .tit_wrap .tit > * {float:left;display:inline-block;}
.prdt_qna_list > ul > li .board_header .info_wrap {float:right;margin-top:5px;}
.prdt_qna_list > ul > li .board_header .info_wrap span { margin:0; display:inline-block;color:#333;font-weight:normal; text-align:center; border-left:1px solid #d9d9d9}
.prdt_qna_list > ul > li .board_header .info_wrap span:first-child { border-left:0;}
.prdt_qna_list  ul  li .board_header .info_wrap span.name { width:80px;}
.prdt_qna_list  ul  li .board_header .info_wrap span.date { width:80px;}
.prdt_qna_list  ul  li .board_header .info_wrap span.read { width:50px}
.prdt_qna_list  ul  li .board_header .info_wrap span.reply { width:100px}

.prdt_qna_list > ul > li .row_header { margin-bottom:0; width:100%; background-color:#fff; transition:background-color .3s; cursor:pointer;}
.prdt_qna_list > ul > li .row_header a {position:relative;display:block; padding:13px 40px;}
.prdt_qna_list > ul > li .row_header a:after { display:block; content:''; clear:both;}
.prdt_qna_list > ul > li .row_header a .tit_wrap,
.prdt_qna_list > ul > li .row_header a .info_wrap {overflow:hidden; color:#333; transition:color .3s;}
.prdt_qna_list > ul > li .row_header a > * {float:left;display:inline-block;}
.prdt_qna_list > ul > li .row_header a .info_wrap {float:right;}
.prdt_qna_list > ul > li .row_header a .info_wrap span { display:inline-block; text-align:center; font-size:14px;}
.prdt_qna_list > ul > li .row_header a .info_wrap span.name { width:80px;}
.prdt_qna_list > ul > li .row_header a .info_wrap span.date { width:80px;}
.prdt_qna_list > ul > li .row_header a .info_wrap span.read { width:50px}
.prdt_qna_list > ul > li .row_header a .info_wrap span.reply { width:100px}

.prdt_qna_list > ul > li:hover .row_header,
.prdt_qna_list > ul > li:active .row_header,
.prdt_qna_list > ul > li.active .row_header,
.prdt_qna_list > ul > li:focus .row_header { background-color:#d88db5;}

.prdt_qna_list > ul > li:focus .row_header a .tit_wrap,
.prdt_qna_list > ul > li:focus .row_header a .info_wrap,
.prdt_qna_list > ul > li:hover .row_header a .tit_wrap,
.prdt_qna_list > ul > li:hover .row_header a .info_wrap,
.prdt_qna_list > ul > li:active .row_header a .tit_wrap,
.prdt_qna_list > ul > li:active .row_header a .info_wrap,
.prdt_qna_list > ul > li.active .row_header a .tit_wrap,
.prdt_qna_list > ul > li.active .row_header a .info_wrap {color:#fff;}

.prdt_qna_list > ul > li .row_body { position:relative; overflow:hidden;background-color:#f4f5f8; height:0;}
.prdt_qna_list > ul > li .row_body hr { border:1px solid #aaa;}
  .prdt_qna_list > ul > li .row_body .row_body_inwrap { padding:10px 30px;}
    .prdt_qna_list > ul > li .row_body .answer_header { margin:10px 0;}
      .prdt_qna_list > ul > li .row_body .answer_header .tit_wrap { font-size:18px; font-weight:800;}
      .prdt_qna_list > ul > li .row_body .answer_header .info_wrap { font-size:12px; }
        .prdt_qna_list > ul > li .row_body .answer_header .info_wrap span { padding-right:20px; text-align:left;}
    .prdt_qna_list > ul > li .row_body .row_body_inwrap p {display:block;}
    .prdt_qna_list > ul > li .row_body .row_body_inwrap .btn_wrap { text-align:right;}


@media (min-width: 576px) {
      .prdt_list a { height:320px}
}
@media (min-width: 768px) {
    .prdt_list  li { width:32.333333%; margin-right:1%; margin-bottom:30px;}
    .prdt_list  li:nth-child(2n) { margin-right:1%;}
    .prdt_list  li:nth-child(3n) { margin-right:0%;}
      .prdt_list a { height:auto;}
        .prdt_list .des { font-size:12px;}
        .prdt_list .name { font-size:18px;}
        .prdt_list .pri { font-size:16px;}
        .prdt_list .tag { font-size:12px;}
	
  .prdt_info {position:absolute; left:0; top:0; width:300px;}
    .prdt_info .tag { padding:10px 20px;}
  .prdt_info2 { margin-left:320px; }
}
@media (min-width: 992px) {
        .prdt_list .des { font-size:14px;}
        .prdt_list .name { font-size:22px;}
        .prdt_list .pri { font-size:18px;}
        .prdt_list .tag { font-size:13px;}
	
  .prdt_info { width:420px;}
  .prdt_info2 { margin-left:440px; }
}
@media (min-width: 1200px) {
    .prdt_list  li { margin-bottom:40px;}
        .prdt_list .des { font-size:16px;}
        .prdt_list .name { font-size:26px;}
        .prdt_list .pri { font-size:18px;}
        .prdt_list .tag { font-size:14px;}
  .prdt_info { width:500px;}
  .prdt_info2 { margin-left:530px; }
}
@media (min-width: 1900px) {
}

 
/********************************************************************************************************************************************************************************************************
   3. 굳빙진단(설문페이지)
 ********************************************************************************************************************************************************************************************************/
.diagnosis_wrap { width:100%; padding:10px 20px; border-bottom:1px solid #ccc; border-top:2px solid #e17dba; box-sizing:border-box;}  /* 굳빙진단 */ 
  .diag_list {}  /* 굳빙진단 질문목록 (ol) */
  .diag_list > li { position:relative; padding:5px 0 5px 17px;}  /* 굳빙진단 질문목록 (ol) */
  .diag_list > li:before { position:absolute; left:0; top:17px; display:block; content:''; width:12px; height:12px; background:#ca80ad; border-radius:3px; }  /* 굳빙진단 질문목록 (ol) */
    .diag_row { margin-bottom:20px;}	/* li : (질문/보기) 한줄에 표시 */
    .diag_row:after {display:block; content:''; clear:both;} /* li */
      .diag_q { font-size:1.2rem; font-weight:600; padding:5px 0;} /* 진단 질문 */
      .diag_e {} /* 진단 보기 */
      .diag_row .diag_q { float:left; width:25%;} /* 진단 질문 */
      .diag_row .diag_e { float:left; width:75%;} /* 진단 보기 */
    .diag_row2 { margin-bottom:20px;}	/* li : (질문/보기) 다음줄에 표시 */
	
	  .diag_e_list {} /* 보기 리스트(ol) */
	  .diag_e_list:after { display:block; content:''; clear:both;}
	    .diag_e_list > li { position:relative; float:left; width:50%; margin:0; padding:2px; box-sizing:border-box;}
	    .diag_e_list.item1 > li { width:100%;}
	    .diag_e_list.item2 > li { width:50%;}
	    .diag_e_list.item3 > li { width:33.333333333%;}
	    .diag_e_list.item5 > li { width:50%;}
	    .diag_e_list.item6 > li { width:50%;}
@media (min-width: 768px) {
	    .diag_e_list.item5 > li { width:33.333333333%;}
	    .diag_e_list.item6 > li { width:33.333333333%;}
}
@media (min-width: 992px) {
	    .diag_e_list > li { width:25%;}
	    .diag_e_list.item5 > li { width:20%;}
	    .diag_e_list.item6 > li { width:16.666666666%;}
}
	    /* 버튼형 radio button : 투명처리 */
		.diag_e_btn  { position:absolute; left:0; top:0; width:100%; height:40px; opacity:0.01; cursor:pointer;} 
	    /* 한줄로 보여질때는 radio button 다시 보이게 */
	    .diag_e_list.item1 .diag_e_btn { top:10px; opacity:1; width:23px; height:23px; display:inline-block; vertical-align:middle;}
		.diag_e_list.item1 .ck_box_btn label, .diag_e_list.item1 .rd_box_btn label { padding-left:25px; float:left; display:inline-block; background:none; border:none; height:auto; text-align:left;cursor:pointer;}
		.diag_e_list.item1 .ck_box_btn input:checked+label, .diag_e_list.item1 .rd_box_btn input:checked+label { color:#333; font-weight:600; }
		
		.diag_e_tit { display:inline-block; width:80px; }/* text input box를 inline으로 */
		.form_inline { display:inline-block;} /* text input box를 inline으로 */
		/* 단위가 있는 text input box*/
		.unit_wrap { display:inline-block;} 
		.unit_wrap input[type='text'],
		.unit_wrap input[type='number'] { display:inline-block; width:100px;}
		  .unit_wrap .txt  { display:inline-block; padding:0 5px; font-size:14px; font-weight:100;}
		  .unit_wrap .unit { display:inline-block; padding:0 5px; font-size:14px; font-weight:100;}
		  .unit_wrap .int  { width:60px; text-align:center;}
		  /* 특정 보기 선택시 나오는 입력항목 레이어 */
		  .ly_option { display:none; padding:5px; background:#f7f2f4; border-radius:3px;}
		  #smoking	 { display:none;}

    
.gb_di_price { font-size:30px;}
 
/********************************************************************************************************************************************************************************************************
   5. 게시판(고객센터 공지사항, FAQ, 1:1문의)(센터소개 뉴스)
 ********************************************************************************************************************************************************************************************************/
/******************************************
  게시판(Board, Notice, ...)
******************************************/
/* search */
.search_wrap { position:relative; margin-bottom:20px; padding:0px; padding-left:160px; padding-right:60px; width:100%; box-sizing:border-box;}
.search_wrap.row { margin:auto; margin-bottom:20px;}
.search_wrap.onlysrch  { margin-bottom:10px; padding:0px; padding-right:60px; width:100%; box-sizing:border-box;}
.search_wrap .search_select { position:absolute; left:0; width:150px; border:1px solid #ccc; box-sizing:border-box;}
.search_wrap input { border:1px solid #ccc; padding:7px 10px; }

.btn_search {padding:7px 10px; width:50px; text-indent:-200000px; background:url(/images/common/ico_search.png) center no-repeat; border:1px solid #ccc; box-sizing:border-box;}
.btn_search:hover, 
.btn_search:focus { border:1px solid #3175db; background:#4586e7 url(/images/common/ico_search_hover.png) center no-repeat;}

.search_wrap .btn_search { position:absolute; right:0; top:0; }

.board_footer { padding:10px;}

/* 페이지네이션(pagenation)*/
.page-item { margin:2px;}
.page-item .page-link { color:#777;}
.page-item.active .page-link { background:#b686a0; border:1px solid #b686a0; cursor:default;}


/****************************************
 .board_list : 일반게시판, 공지사항
 ****************************************/
.board_list {overflow:hidden;} 
.board_list > ul {border-top:2px solid #e17dba; box-sizing:border-box;}
.board_list > ul > li {width:100%;border-bottom:1px solid #d9d9d9;box-sizing:border-box;}
.board_list > ul > li:first-child {border-bottom:1px solid #deb9d2;}

.board_list > ul > li .board_header { display:none;}

.board_list > ul > li a {display:block;overflow:hidden;width:100%;padding:10px;background-color:#fff; color:#333; font-size:1.1rem;box-sizing:border-box;transition:background-color .5s;}
.board_list > ul > li a .tit_wrap {float:left;}
.board_list > ul > li a .tit_wrap .tit {overflow:hidden;margin:0px; padding:5px;}
.board_list > ul > li a .tit_wrap .tit > * {float:left;display:inline-block;}
.board_list > ul > li a .tit_wrap .tit .category {background:#777; margin-right:5px; padding:3px 5px; color:#fff; font-size:0.8rem; font-weight:100; vertical-align:middle; padding-right:7px;} /* qna의 질문분류 */
.board_list > ul > li a .tit_wrap .tit strong {position:relative;max-width:720px;color:#333; font-weight:bold;font-size:1.1rem;}
.board_list > ul > li a .tit_wrap .tit strong:after {content:'';position:absolute;bottom:-2px;left:0;display:inline-block;width:0;height:1px;background-color:#b93c88;transition:width .3s;}
.board_list > ul > li a p {width:95%;margin-top:2px;font-size:14px;}
.board_list > ul > li a .info_wrap { display:none;}
.board_list > ul > li a:hover,
.board_list > ul > li a:focus {background-color:#f4f4f4;}
.board_list > ul > li a:hover .tit_wrap .tit strong:after {width:100%;}
.nodata { background:#f3f3f3; padding:10px; color:#ccc; font-size:0.9rem; text-align:center;}

/****************************************
 .news_list : 뉴스 게시판
 ****************************************/
.news_list {overflow:hidden;} 
.news_list > ul {border-top:2px solid #e17dba; box-sizing:border-box;}
.news_list > ul > li {width:100%;border-bottom:1px solid #d9d9d9;box-sizing:border-box;}

.news_list > ul > li a {display:block;overflow:hidden;width:100%;padding:10px 0;background-color:#fff; color:#333; box-sizing:border-box;transition:background-color .5s;}
	.news_list > ul > li a .img_wrap {display:block; width:100%; height:200px; line-height:200px; text-align:center; background:#ececec;}
	.news_list > ul > li a .img_wrap img {width:100%; height:200px;}
	.news_list > ul > li a .article {}
	.news_list > ul > li a .tit_wrap .tit {overflow:hidden;margin:0px; padding:5px; font-size:1.4rem; color:#b93c88; font-weight:bold;}
	.news_list > ul > li a .tit_wrap .cont {margin:0px; padding:5px; line-height:160%;font-size:1rem;}
	.news_list > ul > li a .info_wrap { margin-top:2px;}
	.news_list > ul > li a .info_wrap span { margin:0; display:inline-block;color:#777;font-size:0.75rem; font-weight:normal; text-align:center; border-left:1px solid #d9d9d9}
	.news_list > ul > li a .info_wrap span:first-child { border-left:0;}
	.news_list > ul > li a .info_wrap span.name { width:60px;}
	.news_list > ul > li a .info_wrap span.date { width:80px; color:#333;}
	.news_list > ul > li a .info_wrap span.read { width:50px}
.news_list > ul > li a:hover,
.news_list > ul > li a:focus {background-color:#f4f4f4; text-decoration:none;}
.news_list > ul > li a:hover .tit_wrap .tit strong:after {width:100%;}

@media (min-width: 576px) {
	 
}
@media (min-width: 768px) { 
.board_list > ul > li .board_header {display:block;overflow:hidden;background:#faf4f7;padding:10px;width:100%;box-sizing:border-box;}
.board_list > ul > li .board_header .tit_wrap {float:left;}
.board_list > ul > li .board_header .tit_wrap .tit {overflow:hidden;margin:0px; padding:5px;}
.board_list > ul > li .board_header .tit_wrap .tit > * {float:left;display:inline-block;}
.board_list > ul > li .board_header .info_wrap { display:block;float:right;margin-top:2px;}
.board_list > ul > li .board_header .info_wrap span { margin:0; display:inline-block;color:#333;font-weight:normal; text-align:center; border-left:1px solid #d9d9d9}
.board_list > ul > li .board_header .info_wrap span:first-child { border-left:0;}
.board_list > ul > li .board_header .info_wrap span.name { width:60px;}
.board_list > ul > li .board_header .info_wrap span.date { width:80px;}
.board_list > ul > li .board_header .info_wrap span.read { width:50px}
.board_list > ul > li .board_header .info_wrap span.reply { width:100px}

.board_list > ul > li a .info_wrap { display:block;float:right;margin-top:2px;}
.board_list > ul > li a .info_wrap span { margin:0; display:inline-block;color:#777;font-size:12px; font-weight:normal; text-align:center; border-left:1px solid #d9d9d9}
.board_list > ul > li a .info_wrap span:first-child { border-left:0;}
.board_list > ul > li a .info_wrap span.name { width:60px;}
.board_list > ul > li a .info_wrap span.date { width:80px; color:#333;}
.board_list > ul > li a .info_wrap span.read { width:50px}
.board_list > ul > li a .info_wrap span.reply { width:100px; font-size:13px;}

	.news_list > ul > li a .img_wrap {float:left; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:200px; height:135px;}
	.news_list > ul > li a .img_wrap img {width:100%; height:135px;}
	.news_list > ul > li a .article { margin-left:220px;}
	.news_list > ul > li a .tit_wrap .cont { font-size:1.2rem;}

}
@media (min-width: 992px) { 
	.news_list > ul > li a .img_wrap { width:250px; height:200px;}
	.news_list > ul > li a .img_wrap img {width:100%; height:200px;}
	.news_list > ul > li a .article { margin-left:270px;}

}
@media (min-width: 1200px) { 

}
/****************************************
 .faq_list (FAQ)
 ****************************************/
.faq_list {overflow:hidden;}
.faq_list > ul {border-top:2px solid #e17dba;box-sizing:border-box;}
.faq_list > ul > li {border-bottom:1px solid #d9d9d9;}
.faq_list > ul > li .faq_Q p { margin-bottom:0;}
.faq_list > ul > li .faq_Q {width:100%; background-color:#fff;transition:background-color .3s; cursor:pointer;}
.faq_list > ul > li .faq_Q a {position:relative;display:block;height:100%;padding:13px 10px; text-decoration:none;}
.faq_list > ul > li .faq_Q a:before,
.faq_list > ul > li .faq_Q a:after {content:'';position:absolute;display:inline-block;width:9px;height:2px;background-color:#888;transition:all .3s;}
.faq_list > ul > li .faq_Q a:before {top:25px;right:10px;transform:rotate(-45deg);}
.faq_list > ul > li .faq_Q a:after {top:25px;right:16px;transform:rotate(45deg);}
.faq_list > ul > li .faq_Q a .tit_wrap {overflow:hidden;color:#000;transition:color .3s;}
.faq_list > ul > li .faq_Q a .tit_wrap span { display:inline-block; background:#aaa; padding:3px 5px; color:#fff; font-size:12px; border-radius:3px;}
.faq_list > ul > li.active .faq_Q a .tit_wrap span,
.faq_list > ul > li:active .faq_Q a .tit_wrap span,
.faq_list > ul > li .faq_Q a:hover .tit_wrap span,
.faq_list > ul > li .faq_Q a:focus .tit_wrap span { background:#b75f92;}
.faq_list > ul > li .faq_Q a .tit_wrap:before {content:'Q';display:inline-block;margin-right:10px;color:#000;font-weight:bold;font-size:18px;transition:color .3s;}
.faq_list > ul > li .faq_Q a .tit_wrap > * {display:inline-block;}
.faq_list > ul > li .faq_A {overflow:hidden;background-color:#f4f5f8; height:0;}
.faq_list > ul > li .faq_A .answer_wrap {padding:15px 10px;}
.faq_list > ul > li .faq_A .answer_wrap:before {content:'A';display:inline-block;margin-right:10px;color:#bd3577;font-weight:bold;font-size:18px;vertical-align:top;}
.faq_list > ul > li .faq_A .answer_wrap p {display:inline-block;}
.faq_list > ul > li.active .faq_Q {background-color:#d88db5;}
.faq_list > ul > li.active .faq_Q a:before {background-color:#fff;transform:rotate(45deg);}
.faq_list > ul > li.active .faq_Q a:after {background-color:#fff;transform:rotate(-45deg);}
.faq_list > ul > li.active .faq_Q a .tit_wrap {color:#fff;}
.faq_list > ul > li.active .faq_Q a .tit_wrap:before {color:#fff;}
.faq_list > ul > li:focus .faq_Q ,
.faq_list > ul > li:hover .faq_Q {background-color:#d88db5;}
.faq_list > ul > li:focus .faq_Q a:before ,
.faq_list > ul > li:hover .faq_Q a:before {background-color:#fff;}
.faq_list > ul > li:focus .faq_Q a:after,
.faq_list > ul > li:hover .faq_Q a:after {background-color:#fff;}
.faq_list > ul > li:focus .faq_Q a .tit_wrap ,
.faq_list > ul > li:hover .faq_Q a .tit_wrap {color:#fff;}
.faq_list > ul > li:focus .faq_Q a .tit_wrap:before ,
.faq_list > ul > li:hover .faq_Q a .tit_wrap:before {color:#fff;}

@media (min-width: 576px) {
.faq_list > ul > li .faq_Q a .tit_wrap span { font-size:14px;}
}
/* 게시판 검색 태그 */
.board_tag { margin-bottom:20px; }
.board_tag .tab li {position:relative; display:inline-block; width:auto;height:auto;padding:0 3px; border:0;box-sizing:border-box;}
.board_tag .tab li:before { position:absolute; left:10px; top:5px; display:inline-block; content:'#'; color:#fff; font-size:12px;}
.board_tag .tab li a  { display:inline-block; background:#aaa; color:#fff; padding:3px 5px;padding-left:20px; font-size:12px; border-radius:3px;}
.board_tag .tab li a em {font-weight:bold;}
.board_tag .tab li.active a {background:#c85994;}
.board_tag .tab li.active a em {}
.board_tag .tab li.active a em:before {display:none;}
.board_tag .tab li > a em{line-height:1 !important;}


@media (min-width: 576px) {
}
@media (min-width: 768px) {
.board_tag .tab li {}
.board_tag .tab li:before {top:5px;font-size:14px;}
.board_tag .tab li a  {padding:4px 7px; padding-left:20px; font-size:14px;}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1900px) {
}	
/****************************************
 .board_view : 게시판 상세보기
 ****************************************/
.board_view { width:100%;overflow:hidden; border-top:2px solid #e17dba;box-sizing:border-box;}
  .board_view .view_header { background:#f5f5f5; padding:10px 10px;border-top:1px solid #fff;border-bottom:1px solid #d9d9d9;}
    .board_view .view_header .tit { position:relative; overflow:hidden;padding-bottom:6px; }
      .board_view .view_header .tit strong { float:left; padding-top:10px; width:100%;color:#444;font-size:1.1rem;font-weight:600;}
      .board_view .view_header .tit strong .category {  display:inline-block; background:#5279d5; padding:3px 5px; margin:2px; margin-right:5px; width:65px; color:#fff; font-size:12px; text-align:center; font-weight:normal; border-radius:3px; }
      .board_view .view_header .tit .info_wrap2 { position:relative; display:inline-block;}
      .board_view .view_header .tit .info_wrap { }
      .board_view .view_header .tit .info_wrap em { display:inline-block; margin:0px;color:#777;font-size:12px; font-weight:normal; text-align:center; letter-spacing:-0.5px; border-left:1px solid #ccc; }
      .board_view .view_header .tit .info_wrap em:first-child {border-left:0}
        .board_view .view_header .tit .info_wrap em.name { width:60px;}
        .board_view .view_header .tit .info_wrap em.date { width:85px}
        .board_view .view_header .tit .info_wrap em.read { width:50px}
	  
      .board_view .view_cont { padding:15px 10px; border-bottom:5px solid #efefef; }
      .board_view .view_cont .cont p { font-size:1rem; line-height:200%;}
	    .board_view .view_cont .img_wrap  { width:100%; padding:10px 0;}
	    .board_view .view_cont .img_wrap img { width:100%; max-height:650px;}
		
		.qna_A {} /* 답변 화살표 이미지 넣을것. */

@media (min-width: 576px) {
  .board_view .view_header { background:#f5f5f5; padding:10px 15px;border-top:1px solid #fff;border-bottom:1px solid #d9d9d9;}
      .board_view .view_cont { padding:15px; border-bottom:5px solid #efefef; }
}
@media (min-width: 768px) { 
  .board_view .view_header { background:#f5f5f5; padding:10px 40px;border-top:1px solid #fff;border-bottom:1px solid #d9d9d9;}
      .board_view .view_header .tit strong { float:left; padding-top:10px; width:80%;color:#444;font-size:1.2rem;font-weight:600;}
      .board_view .view_header .tit .info_wrap { position:absolute; right:0; top:10px; display:inline-block;}
      .board_view .view_cont { padding:40px; border-bottom:5px solid #efefef; }

}
@media (min-width:992px) {
      .board_view .view_header .tit2 .info_wrap { width:50%; font-size:14px; font-weight:normal;}
}
/*page_nav : 이전글/다음글 */
.page_nav {overflow:hidden; margin-top:20px;}
.page_nav > div {overflow:hidden;padding:10px 40px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.page_nav > div.btn_next {border-top:0;}
.page_nav div .tit {float:left;margin-right:30px;color:#777; font-size:0.9rem;font-weight:normal;}
.page_nav div .tit:after { display:block; content:''; margin-top:5px; width:10px; height:10px;float:right; border-right:1px solid #ccc; }
.page_nav div a {float:left; display:inline-block; }
.page_nav div a p { padding:0; margin:0; color:#000; font-size:0.9rem; overflow:hidden;}
.page_nav div span { color:#aaa; font-size:0.9rem;}
.page_nav div a:hover p {text-decoration:underline;}
.page_nav div .data {float:right;color:#777;font-size:0.8rem;letter-spacing:-0.5px;}

/****************************************
 .board_form : 게시판 쓰기
 ****************************************/
.board_form { width:100%; padding:10px 20px; border-bottom:1px solid #ccc; border-top:2px solid #e17dba; box-sizing:border-box;}
  .board_form .row { padding:7px 0; border-bottom:1px solid #ccc}
  .board_form .row:last-child { border-bottom:none;}
    .board_form .form-group { margin-bottom:1rem;}
      .board_form .info_wrap { padding:10px; color:#777; }
      .board_form .tit_wrap {padding:10px 40px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
      .board_form .cont_wrap { padding:20px 40px;}
      .board_form input[type="checkbox"].form-control { width:15px; height:15px; cursor:pointer;}
      .board_form input[type="radio"].form-control { width:15px; height:15px; cursor:pointer;}
	  
	  .form-group .info_txt { padding:5px 0; font-size:0.9rem; color:#ca80ad}
	  
.invalid-feedback  {/* display:block !important; */}
.form_info_txt { color:#bd3576; font-size:0.85rem;}
.form_date { width:60px !important; text-align:center; display:inline-block;}





/********************************************************************************************************************************************************************************************************
   5. 고객센터
 ********************************************************************************************************************************************************************************************************/

/****************************************
   login
 ****************************************/
.login_form { padding:20px; margin:auto; width:100%; border:4px solid #f6e9f0; box-sizing:border-box;}
  .login_row { display:flex; flex-flow:row nowrap; margin:0; padding:7px 0; font-size:12px; text-align:center;}
    .login_row.center {justify-content:center;}
    .login_form label { display:none;}
    .login_form .form-control { padding:10px 20px; margin:0; font-size:1rem;}
    .login_form .btn {padding:10px 20px;}
    .login_form .btn-primary { width:100%;}
	.login_row a { display:inline-block; padding:0px 10px; font-size:13px; text-align:center; border-right:1px solid #ccc;}
	.login_row a:last-child { border:none;}
	.login_row input[type="checkbox"].form-check { width:20px; height:20px; vertical-align:middle; margin-right:6px;}
      
@media (min-width: 576px) {
.login_form { padding:20px; margin:auto; width:400px; border:4px solid #f6e9f0; box-sizing:border-box;}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1900px) {
}	
  
/********************************************************************************************************************************************************************************************************
   6. 회원정보
 ********************************************************************************************************************************************************************************************************/
/****************************************
   회원가입
 ****************************************/	
/* 단계 메뉴 */
.nav_step { margin-bottom:10px;} 
.nav_step_tit { }
.nav_step:after { display:block; content:''; clear:both; }
  .nav_step ol { list-style:none; margin:0; padding:0;}
  .nav_step li { list-style:none; margin:0; padding:0;}
    .nav_step li { float:left; margin-left:3px;}
	.nav_step li a 		 { display:block; padding:5px 12px; color:#999; font-size:12px; border:2px solid #f0f0f0; border-radius:20px; cursor:default;}
	.nav_step li a:hover { text-decoration:none; }
	.nav_step li.active a { color:#333; border:2px solid #d88db5;}
	.nav_step li.active a:hover { }
@media (min-width: 768px) {
.nav_step { height:50px; margin-bottom:0;} 
.nav_step_tit { float:left; padding-top:5px; font-size:2rem; font-weight:400;}
  .nav_step ol { list-style:none; margin:0; padding:0; float:right;}
    .nav_step li { margin-left:5px;}
	.nav_step li a 		 {  padding:7px 14px;font-size:13px; }
}	
@media (min-width: 992px) {
	.nav_step li a 		 {  padding:7px 16px;font-size:16px; }
}
.join_form { width:100%; padding:10px 20px; border-bottom:1px solid #ccc; border-top:2px solid #e17dba; box-sizing:border-box;}
  .join_form .form-group { }
    .join_form .row { padding:10px 0; border-bottom:1px solid #ccc}
    .join_form .row:last-child { border-bottom:none;}
      .join_form .info_wrap { padding:10px; color:#777; }
      .join_form .doc_wrap { width:100%; height:100px; border:1px solid #ccc; overflow-y:scroll;}
      .join_form h3 { font-size:1.2rem; font-weight:400;}
      .join_form h3 strong { color:#bd3576; font-weight:600;}
      .join_form h3 .form-check-inline { font-size:1rem; margin-left:10px;}
	  .join_form input[type="checkbox"] { width:15px; height:15px; margin-top:0 }
      .join_form .info_txt { padding:20px 10px; color:#555; }
      .join_form .tit_wrap {padding:10px 40px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
      .join_form .cont_wrap { padding:20px 40px;}
	  /* 회원유형 선택 버튼 */
	    .user_type { list-style:none; margin:0; padding:0; width:100%;}
		.user_type:after { display:block; content:''; clear:both;}
		.user_type li { float:left; width:45%; margin:1%; box-sizing:border-box; }
		.user_type .btn-lg { position:relative; display:block; height:60px; text-align:center; background:#eee; color:#333; border:1px solid #ccc; border-radius:2px;}
		.user_type .btn-lg:hover { background:#ccc; color:#333; border:1px solid #999; }
		.user_type .btn-lg:focus, .user_type .btn-lg.focus,
		.user_type .btn-lg:active, .user_type .btn-lg.active, 
		.user_type .btn-lg:not(:disabled):not(.disabled):active, .user_type .btn-lg:not(:disabled):not(.disabled).active, .show > .user_type .btn-lg.dropdown-toggle { background:#ac2164; color:#fff; border-color:#bd3577; }
		.user_type .btn-lg:not(:disabled):not(.disabled):active:focus, .user_type .btn-lg:not(:disabled):not(.disabled).active:focus, .show > .user_type .btn-lg.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}
	    .user_type .btn-lg.active { background:#bd3577; color:#fff; border-color:#bd3577; cursor:default;}
		.btn_radio  { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.01; cursor:pointer;} /* input[type='radio']를 이용한 버튼 */
		.btn_radio+label { position:absolute; left:0; top:0; width:100%; height:100%; font-size:14px; vertical-align:middle; line-height:60px;}
@media (min-width: 768px) {
		.user_type li { float:left; width:22%; margin:1%; box-sizing:border-box; }
		.user_type .btn-lg { height:100px;}
		.btn_radio+label {  width:100%; height:100%; vertical-align:middle; line-height:100px; font-size:18px;}
	
}
		
.star { color:red; }  /* form에서 필수입력항목 표시(*) */
    
	
.ck_box_btn label, .rd_box_btn label { display:block; margin:0; height:40px;background-color:#f0f0f0;border:1px solid #e6e6e6;font-size:14px;line-height:40px; border-radius:3px; text-align:center;}
.ck_box_btn input:checked+label, .rd_box_btn input:checked+label {background-color:#444;border:1px solid #555; color:#fff;}
/* 버튼형 radio button : 투명처리 */ 
	
	  
.list_join_company { width:100%; height:190px; border-bottom:1px solid #ccc; border-top:2px solid #e17dba; overflow-y:scroll;}
  .list_join_company li  { display:block; border-bottom:1px solid #eee;}
    .list_join_company li a { display:block; padding:0 15px; height:40px; line-height:40px; font-size:16px; overflow:hidden; }
    .list_join_company li a:hover { background:#eee;}
	  /* radio 선택 버튼 */
	    .btn_rd { list-style:none; margin:0; padding:0; width:100%;}
		.btn_rd:after { display:block; content:''; clear:both;}
		.btn_rd li { float:left; margin:1%; box-sizing:border-box; }
		  .btn_rd.item2  li { width:48%;}
		  .btn_rd.item3  li { width:31%;}
		  .btn_rd.item4  li { width:23%;}
		  .btn_rd.item5  li { width:18%;}
		.btn_rd li a .cont_wrap input { padding:0; margin:0;}
		.btn_rd .btn-lg { display:block; text-align:center;  background:#eee; padding:1rem; color:#333; border:1px solid #ccc; border-radius:2px;}
		.btn_rd .btn-lg:hover { background:#ccc; color:#333; border:1px solid #999; }
		.btn_rd .btn-lg:focus, .btn_rd .btn-lg.focus,
		.btn_rd .btn-lg:active, .btn_rd .btn-lg.active, 
		.btn_rd .btn-lg:not(:disabled):not(.disabled):active, .btn_rd .btn-lg:not(:disabled):not(.disabled).active, .show > .btn_rd .btn-lg.dropdown-toggle { background:#ac2164; color:#fff; border-color:#bd3577; }
		.btn_rd .btn-lg:not(:disabled):not(.disabled):active:focus, .btn_rd .btn-lg:not(:disabled):not(.disabled).active:focus, .show > .btn_rd .btn-lg.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}
	    .btn_rd .btn-lg.active { background:#bd3577; color:#fff; border-color:#bd3577; cursor:default;}
	
	.modal-title { font-weight:600; font-size:1.2rem;}	

/******************************************
  .info_box  : 회원가입 완료안내  (.cont_block .info_box 는 제품상세페이지에서 안내 문구에 쓰임)
******************************************/
.info_box { display:block; text-align:center; padding:100px 0; border:5px solid #e9d2de;}

/****************************************
 장바구니
 ****************************************/
/* 장바구니, 주문내역에서 사용. 상품 종류(카테고리) */
.cat { background:#89b950; margin:0; margin-right:5px; padding:3px 5px; color:#fff; font-size:11px; vertical-align:middle; border-radius:2px;}
	  .cat1 { background:#8c9cda;} /* 굳빙검사 */
	  .cat2 { background:#ca80ad;} /* 굳빙진단 */
	  .cat3 { background:#89b950;} /* 해독서비스 */
	
/* 위험물질 분류 */  
.toxic { margin:0; margin-right:5px; padding:3px 5px; color:#fff; font-size:13px; vertical-align:middle; border-radius:2px;}
  .toxic.cat1 { background:#8c9cda;} /* 독성 */
  .toxic.cat2 { background:#8c9cda;} /* 생성 */
  .toxic.cat3 { background:#8c9cda;} /* 노출원 */
  .toxic.cat4 { background:#ca80ad;} /* 고위험군 */
  .toxic.cat5 { background:#89b950;} /* 해독 */
  .toxic.cat6 { background:#89b950;} /* 운동 */
  .toxic.cat0 { background:#999;} /* 분석 */
	  
/* 장바구니 목록 */ 
.cart_nodata { height:200px;  border-top:2px solid #d88db5; border-bottom:1px solid #ccc; text-align:center;}
  .cart_nodata .img { margin:auto; margin-top:50px; margin-bottom:5px;width:50px; height:50px; background:url(/images/common/ico_cart.png) center no-repeat; background-size:66%; border-radius:50%; border:2px solid #999; }
  .cart_nodata .txt {}
.cart_list { font-size:14px; border-top:2px solid #d88db5;}
  .cart_header { display:none;}
	  
  .cart_row { padding:10px 0; border-bottom:1px solid #ccc; height:140px;}
	.cart_row .cart_infoWrap 	{ margin-left:120px; position:relative;}
	  .cart_row .cart_titWrap .name { position:relative; padding-left:33px;}
	  .cart_row .cart_titWrap .name input[type='checkbox'] { position:absolute; left:0; top:0; width:23px; height:23px;}
	  .cart_row .cart_titWrap .name label { font-size:14px; cursor:pointer;}
	  .cart_row a { position:relative; display:block;}
	    .cart_row a .img_thumb { position:absolute; left:0; top:0; margin-right:10px; width:100px; height:80px;}
	    .cart_row a .img_thumb:after { display:block; content:''; clear:both;}
	    .cart_row .option { margin-left:110px; display:block; font-size:12px;}
		
      .goods_price 		{ display:none; }
	  .cart_row .goods_price { text-decoration:line-through;}
	  .cart_row .goods_price2 { font-weight:bold;}
      .goods_discount 	{ display:none;}
      .goods_price2 	{ display:block; width:120px; padding-top:10px;}
      .goods_price .free, .goods_price2 .free 	{}
      .goods_btns 		{ position:absolute; right:0px; top:-10px; width:60px;}
	  .goods_ea { position:relative; display:block; width:98px; text-align:center;}
        .goods_ea:after{display:block;clear:both;content:''}
        .goods_ea .input_txt{ width:40px;height:30px; padding:0; padding-left:7px;border:1px solid #d9d9d9;background:#fff;color:#1a1a1a;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}
        .goods_ea button{position:absolute;top:0;width:30px;height:30px;border:1px solid #d9d9d9;background:#f6f6f6;text-align:center}
        .goods_ea .btn_increase{right:0}
        .goods_ea .btn_increase:before{position:absolute;left:11px;top:15px;width:9px;height:1px;background:#767676;content:''}
        .goods_ea .btn_increase:after{position:absolute;left:15px;top:11px;width:1px;height:9px;background:#767676;content:''}
        .goods_ea .btn_decrease{left:0}
        .goods_ea .btn_decrease:before{position:absolute;left:11px;top:15px;width:9px;height:1px;background:#767676;content:''}
		
  .total_price { border-top:2px solid #ccc;}
    .total_calc{ margin-bottom:0; padding:2px 2px 0;color:#111;line-height:1;}
    .total_calc:after{display:block;clear:both;content:''}
    .total_calc dt{float:left;clear:both;width:30%;margin-top:13px;font-size:16px;letter-spacing:0}
    .total_calc dt:first-child+dd{margin-top:12px}
    .total_calc dd{float:right;width:70%;margin-top:13px;text-align:right;font-size:15px}
    .total_calc .order_price{margin:17px 0 0;padding:16px 0;border-top:1px solid #e6e6e6;color:#da006b}
    .total_calc dt.order_price{ font-size:18px;font-weight:700}
    .total_calc dd.order_price{ font-size:18px}
    .total_calc dd.order_price strong{display:inline-block;margin:-5px 2px -5px 0;font-size:25px;font-family:Arial,Tahomas!important}

.price_before { text-decoration:line-through;}
.price_end { font-weight:bold;}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
      .goods_btns 		{ top:0px; width:130px}
	  .cart_row .cart_titWrap .name label { font-size:16px;}
}
@media (min-width: 992px) { 
.cat { font-size:13px;}
  .cart_header { display:block; padding:10px 0; border-bottom:1px solid #ccc; height:50px;}
  .cart_header:after { display:block; content:''; clear:both;}
    .cart_header .cart_titWrap,
	.cart_row .cart_titWrap 	{ float:left;}
	.cart_header .cart_infoWrap,
	.cart_row .cart_infoWrap 	{ float:right; margin-left:0; text-align:right;}
	.cart_header .cart_infoWrap > div,
	.cart_row .cart_infoWrap > div 	 { text-align:center; }
	  .cart_row .cart_titWrap .name label { font-size:18px;}
	    .cart_row a .img_thumb { position:absolute; left:0; top:0; margin-right:10px; width:110px; height:80px;}
	    .cart_row a .img_thumb:after { display:block; content:''; clear:both;}
	    .cart_row .option { margin-left:120px; font-size:13px;}
      .goods_price { display:inline-block; width:120px; margin:0px; padding-bottom:0px;}
      .goods_discount { display:inline-block; width:120px; text-align:center;}
      .goods_price2 { display:inline-block; width:120px; text-align:center;}
      .goods_btns { position:relative; left:auto; top:auto; display:inline-block; width:130px; text-align:center;}
      .goods_ea { display:inline-block; width:118px;}
        .goods_ea .input_txt{ width:54px;height:33px;font-size:14px;}
        .goods_ea button{width:33px;height:33px;}
		
    .total_calc dt{ padding-left:15px;}
    .total_calc dd{ padding-right:15px;}
    .total_calc dt.order_price{ padding-left:15px;}
    .total_calc dd.order_price{ padding-right:15px;}
}

/* delete all goods */  
  .btn_wrap_cart_delete { padding:10px 0; text-align:right;}
  .btn_wrap_cart_delete .check { float:left; margin-left:33px; }
  .btn_wrap_cart_delete .check input[type='checkbox'] { margin-left:-33px; margin-top:1px; width:23px; height:23px; font-size:14px;}
    .btn_cart_delete { padding:5px 10px; background:#999; font-size:12px; color:#fff; font-weight:600; border:1px solid #999; border-radius:0;}
    .btn_cart_delete:hover { background:#777;}
	
/* cart buttons - in list(.goods_btns) */
.btn_goods_cancel { background:#fff; margin:2px; padding:5px 15px; color:#333; font-size:12px; font-weight:600; border:1px solid #ccc; border-radius:2px;}
.btn_goods_cancel:hover { background:#fff; color:#333; border:1px solid #d88db5; }
.btn_goods_cancel:focus, .btn_goods_cancel.focus,
.btn_goods_cancel:active, .btn_goods_cancel.active { background:#fff; color:#333; border:1px solid #d88db5;}
.btn_goods_cancel:not(:disabled):not(.disabled):active, 
.btn_goods_cancel:not(:disabled):not(.disabled).active { background:#fff; color:#333; border:1px solid #d88db5;}
.btn_goods_cancel:not(:disabled):not(.disabled):active:focus, 
.btn_goods_cancel:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

.btn_goods_order { background:#fff; margin:2px; padding:5px 15px; color:#97004d; font-size:12px; font-weight:600; border:1px solid #991a57; border-radius:2px;}
.btn_goods_order:hover { background:#fff; color:#97004d; border:1px solid #d88db5; }
.btn_goods_order:focus, .btn_goods_order.focus,
.btn_goods_order:active, .btn_goods_order.active { background:#fff; color:#97004d; border:1px solid #d88db5;}
.btn_goods_order:not(:disabled):not(.disabled):active, 
.btn_goods_order:not(:disabled):not(.disabled).active { background:#fff; color:#97004d; border:1px solid #d88db5;}
.btn_goods_order:not(:disabled):not(.disabled):active:focus, 
.btn_goods_order:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}

/* cart buttons - order (to order all goods) */
.btn_order { background:#bd3577; padding:0.5rem 2.2rem; color:#fff; font-weight:600; border:1px solid #bd3577; border-radius:2px;}
.btn_order:hover { background:#ac2164; color:#fff; border:1px solid #bd3577; }
.btn_order:focus, .btn_order.focus,
.btn_order:active, .btn_order.active, 
.btn_order:not(:disabled):not(.disabled):active, 
.btn_order:not(:disabled):not(.disabled).active { background:#ac2164; color:#fff; border:1px solid #991a57;}
.btn_order:not(:disabled):not(.disabled):active:focus, 
.btn_order:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}
/* cart buttons - order2 (to order selected goods) */
.btn_order2 { background:#fff; padding:0.5rem 2.2rem; color:#97004d; font-weight:600; border:1px solid #991a57; border-radius:2px;}
.btn_order2:hover { background:#fff; color:#97004d; border:1px solid #d88db5; }
.btn_order2:focus, .btn_order2.focus,
.btn_order2:active, .btn_order2.active { background:#fff; color:#97004d; border:1px solid #d88db5;}
.btn_order2:not(:disabled):not(.disabled):active, 
.btn_order2:not(:disabled):not(.disabled).active { background:#fff; color:#97004d; border:1px solid #d88db5;}
.btn_order2:not(:disabled):not(.disabled):active:focus, 
.btn_order2:not(:disabled):not(.disabled).active:focus { box-shadow:0 0 0 0.2rem rgba(216,148,181, 0.5);}
	
/**************************************** 
  ordered List (마이페이지 :주문내역, 진단내역 )
****************************************/
.ordered_list {}
  .ord_row { border:1px solid #dcdfe2; margin-bottom:10px;}
    .ord_nodata { padding:20px 10px; text-align:center; color:#888;}
    .ord_date 	{ background:#f3f3f3; padding:0px 10px; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ccc;}
    .ord_date:after { display:block; content:''; clear:both;}
      .ord_date strong 	{ padding-left:10px; color:#b81f6d; font-weight:600;}
    .ord_detail	{ position:relative; padding:10px 0 15px 120px;}
    .ord_detail:after { display:block; content:''; clear:both;}
	  .ord_detail .img_thumb { position:absolute; left:10px; top:10px; width:100px; height:80px; margin-right:10px; border:1px solid transparent; }
	  .ord_detail .img_thumb:hover { border:1px solid #ccc;}
	  .ord_detail .goods_tit {display:block;} /* a */
	  .ord_detail .goods_tit:hover { text-decoration:none; color:#777} /* a */
	    .ord_detail .goods_tit .name { font-size:18px; font-weight:600; padding-bottom:5px;}
	    .ord_detail .option { display:block; font-size:14px;}
	    /* .ord_detail .goods_price { display:block; font-size:14px; font-weight:600; }  */
		.deliv_date { color:#f00; } /* 배송일 */
		
	.ord_status { border-top:1px solid #ccc; padding:0px 10px; font-size:13px; color:#b81f6d; font-weight:600; height:40px; line-height:40px;}
	.ord_status:after { display:block; content:''; clear:both;}
	.ord_status .btns_wrap { float:right;}
.my_notice  { margin:10px 0; padding:10px; text-align:center; background:#f3f3f3; border-radius:4px;}
.order_total { text-align:right;}
		/* 주문내역 */
		.num_amount { display:block; font-size:14px; } /* 단위 있는 숫자 */
		  .num_amount .num { font-size:20px; font-weight:600;font-family:Arial,Tahomas;}
		  
/* 금액계산하기 [제목 : 값] */
  .calc_price_wrap { border:1px solid #ccc; padding:10px; }
    .calc_price{ margin-bottom:0; padding:2px 2px 0;color:#111;line-height:1;}
    .calc_price:after{display:block;clear:both;content:''}
    .calc_price dt{float:left;clear:both;width:30%;margin-top:13px;font-size:16px;letter-spacing:0}
    .calc_price dt:first-child+dd{margin-top:12px}
    .calc_price dd{float:right;width:70%;margin-top:13px;text-align:right;font-size:15px}
    .calc_price dd .num{display:inline-block;margin:-2px 2px -2px 0;font-family:Arial,Tahomas;font-size:20px;vertical-align:top}
    .calc_price .sum{margin:17px 0 0;padding:16px 0;color:#da006b}
    .calc_price dt.sum{ font-size:18px;font-weight:700}
    .calc_price dd.sum{ font-size:18px}
    .calc_price dd.sum .num{display:inline-block;margin:-5px 2px -5px 0;color:#da006b;font-size:25px;font-family:Arial,Tahomas!important}
	/* border */
	.calc_price .border { margin:5px 0 0 0 !important; padding:0 !important; height:1px !important; font-size:0; }
	/* 할인금액 */
	.calc_price .discount { margin-top:10px; font-size:14px; color:#8a3a6b;}
	/* 할인취소, 반품배송비 */
	.calc_price .cancel { margin-top:10px; font-size:14px; color:#8a3a6b;}
	/* 환불*/
	.calc_price .return { margin-top:10px; font-size:14px; color:#3e7f27;} 
@media (min-width: 992px) { 
    .calc_price dt{ padding-left:15px;}
    .calc_price dd{ padding-right:15px;}
    .calc_price dt.sum{ padding-left:15px;}
    .calc_price dd.sum{ padding-right:15px;}
}

/* 기간검색 > 날짜검색  */
.srch_1 { width:100%; margin-bottom:5px;}  /* select : 기간선택*/ 
  .srch_1 .form-control { width:100px; display:inline-block}  /* select : 기간선택*/ 
  .srch_1 .period { padding:3px; }
.srch_2 { display:none}  /* .srch_1에서 '기간검색' 하면 보여줌*/
.srch_2.show { display:inline-block; width:100%; margin-bottom:5px;}  /* .srch_1에서 '기간검색' 하면 보여줌*/
	.input_date { width:100px; border:1px solid #ccc; padding:7px 5px; color:#666;}
	.input_date.date_start {}
	.input_date.date_end {}
	.input_date_wrap .txt_mark { display:inline-block; width:10px; padding:7px 0; text-align:center;}
@media (min-width: 992px) {
.srch_2.show {  width:50%; }
}

/* 주문하기 : order */
.order_method {}
.order_method:after { display:block; content:''; clear:both;}
.order_method > li { position:relative; float:left; width:50%; margin:0; padding:2px; box-sizing:border-box;}
.order_method_btn  { position:absolute; left:0; top:0; width:100%; height:40px; opacity:0.01; cursor:pointer;}	
.ck_box_btn label, .rd_box_btn label { display:block; margin:0; height:40px;background-color:#f0f0f0;border:1px solid #e6e6e6;font-size:14px;line-height:40px; border-radius:3px; text-align:center;}
.ck_box_btn input:checked+label, .rd_box_btn input:checked+label {background-color:#444;border:1px solid #555; color:#fff;}
/* 결제방법*/
.ly_method_1 {} /* card */
.ly_method_2 { display:none;} /* 무통장 */
.ly_method_3 { display:none;} /* 실시간 계좌이체 */
.ly_method_4 { display:none; } /* 휴대폰결제 */
.ly_method_5 { display:none;} /* kakaopay */
  .phone_num { position:relative; padding:5px 0 5px 107px;}
  .phone_num > select { position:absolute; left:0; top:5px; width:100px;}
  .phone_num > input { width:100%; display:inline-block; }
  .u_ipbox { position: relative;display: block; overflow: hidden; box-sizing:border-box; }
  .u_ipbox .int { padding: 10px 15px 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .receipt_num input { float:left; width:80px; margin-right:7px; padding:0.375rem 0.75rem; font-size: 14px; border:1px solid #ccc; border-radius:0.25rem;}
  .licensee_num input { float:left; width:80px; margin-right:7px; padding:0.375rem 0.75rem; font-size: 14px; border:1px solid #ccc; border-radius:0.25rem;}

@media (min-width: 768px) {
.order_method > li { width:25%;}
	
}
.order_agree { border-top:1px solid #999; padding-top:20px; }
.order_agree input[type='checkbox'] { margin-right:5px; width:25px; height:25px; vertical-align:middle; }
/* 배송메세지 */
.select_delivmsg { width:100%; height:calc(2.25rem + 2px); padding:0.375rem 0.75rem; line-height:150%; color:#495057; font-size:1rem; border-radius:0.25rem; border:1px solid #ced4da;}  
.select_coupon { padding:3px 10px; line-height:150%; color:#495057; font-size:0.9rem; border-radius:0.25rem; border:1px solid #ced4da;} 
.select_goods_option { padding:0.375rem 0.75rem; line-height:150%; color:#495057; font-size:0.9rem; border-radius:0.25rem; border:1px solid #ced4da;} 
.txt_coupon {}
.txta_delivmsg { height:50px;}
.input_post 	{ width:80px; padding:0.375rem 0.75rem; line-height:150%; color:#495057; font-size:1rem; text-align:center; border-radius:0.25rem; border:1px solid #ced4da;}
.input_post:disabled, .input_post[readonly] 	{ background-color:#e9ecef; cursor:default;}
.btn_post 		{ margin:0 2px; background:#444; width:120px; padding:0.375rem 0.75rem; line-height:1.5; color:#fff; font-size:1rem; border-radius:0.25rem; border:1px solid #333; }
.btn_post:hover { background:#555; color:#fff; border:1px solid #444; }
/* 배송상세현황*/
.list_deliv_state {font-size:14px;} 
.list_deliv_state:after { display:block; content:''; clear:both;}
.list_deliv_state li { padding:5px 15px; width:100%; font-size:14px;}  /* 배송상세현황*/
.list_deliv_state li:after { display:block; content:''; clear:both;} 
  .info_time { float:left; width:25%;}
    .num_date {}
    .num_time {}
  .info_location { float:left; width:50%;}
    .txt_location {}
    .txt_state { padding:0 5px; color:#f00;}
  .num_phone { float:right; width:25%; text-align:right;}
@media (min-width: 992px) {
  .info_time { width:20%;}
  .info_location { width:60%;}
  .num_phone { width:20%;} 

}

.ok_msg { border:1px solid #eee; border-top:2px solid #e17dba; font-size:20px; text-align:center; padding:20px;}	
/*배송정보: dl */
.order_address  { padding-bottom:20px;}
.order_address dl:after { display:block; content:''; clear:both;}
.order_address dt, .order_address dd  { display:inline-block;}
.order_address dt  { float:left; width:20%; font-weight:bold;}
.order_address dd  { float:left; width:80%;}
.order_address dd:after  { display:block; content:''; clear:both;}

@media (min-width: 992px) { 
    .order_address dt{ padding-left:15px;}
    .order_address dd{ padding-right:15px;}
    .order_address dt.sum{ padding-left:15px;}
    .order_address dd.sum{ padding-right:15px;}
}
  
@media (min-width: 576px) {
	 
}
@media (min-width: 768px) { 

}
@media (min-width: 992px) { 
  .srch_1 .form-control { width:150px;}  /* select : 기간선택*/ 
.srch_1 { width:50%;}  /* select : 기간선택*/ 
.srch_2 { width:50%;}  /* .srch_1에서 '기간검색' 하면 보여줌*/

}
@media (min-width: 1200px) { 
  .srch_1 .form-control { width:200px;}  /* select : 기간선택*/ 

}

/* 설명글 리스트*/
.txt_list li { position:relative; padding:3px 0 3px 15px; font-size:13px;}
.txt_list li:before { position:absolute; left:5px; top:12px; display:block; content:''; width:3px; height:3px; background:#999; }

/* 설명글 리스트2 : cart guide */	
.txt_list2 {}
  .txt_list2 li { margin-left:15px; list-style:square; padding:5px; font-size:14px;}
  
  
  
.report_wrap { border:1px solid #aaa; padding:20px;}
  .report_wrap button { display:none;}
  .r_header { padding:15px 0 30px 0;}
    .r_header .d2_tit { color:#666; font-size:26px; padding:0; padding-bottom:10px; margin:0; border:0;}
    .r_header .d2_tit .name { }
	.r_header .d2_tit strong { color:#9f1a8a;}
	  .profile { padding:3px; }
	    .profile li { font-size:13px; color:#333;}
	      .profile li .tit { display:inline-block; width:50px;}
	      .profile li .value { display:inline-block;}
		  
    .r_cont { display:none;}
	.r_cont.active { display:block;}
	
	  .r_tit { font-size:32px; font-weight:600; padding:30px 0 10px 0;}
	  .r_tit:before { display:inline-block; content:''; width:10px; height:30px; margin-right:5px; background:#b24c89; vertical-align:middle;}
	  .r_cont h6 { background:#eee; margin:0; padding:7px 0; font-size:16px; font-weight:bold; text-align:center; border-radius:20px 20px 0 0;}
	  /**
	  .r_cont h6 { font-size:20px; font-weight:bold; margin:20px 10px 10px 10px; padding:5px 0; border-bottom:1px solid #eee;}
	  .r_cont h6:before { display:inline-block; content:''; width:10px; height:10px; background:#f00; margin-right:5px; border-radius:2px;}
	  .r_cont h6.noborder {border-bottom:0; text-align:center;}
      **/
	  .r_box { padding:15px; margin-bottom:20px; border-radius:8px; border:1px solid #ccc; /* box-shadow:0px 2px 10px rgba(0,0,0,0.1); */}
	  .r_box.total { background:#dcebf9; border:1px solid #bfcfdf;}
      .r_box2 { padding:15px; margin-bottom:20px; }
	  
	    .r_box_tit  { margin-bottom:10px; padding:10px 0; font-size:20px; color:#333; border-bottom:1px solid #ccc;}
	    .r_box.total .r_box_tit  { border-bottom:1px solid #bbcee7;}
	   /* .r_box_tit .num { font-size:20px; color:#2e8ee8; color:#2c78bf;color:#ff0079; padding-right:5px;}*/
	    .r_box_tit .num { text-indent:-200px; overflow:hidden; display:inline-block; padding:0; margin-right:5px; font-size:12px; width:5px; height:16px; background:#aaa; vertical-align:middle;}
		.r_box .comment {  color:#333; font-size:14px; }
		.r_box .result { margin:10px -15px -15px -15px; padding:10px; color:#000; font-size:16px; font-weight:600; border-top:1px solid #ccc;}
		
      .r_box_info { padding:10px; color:#2879ba; font-size:14px; } /* r_box */
      .r_cont_info { padding:10px; color:#2879ba; font-size:14px; }
/**
		.r_box .overview {  color:#333; font-size:14px; }
		.r_box .detail {  color:#333; font-size:14px; }
*/
		
/* 검사 점수 표시 */
.score_wrap {}
  .score { margin:auto; width:100px; height:100px; color:#333; font-size:22px; text-align:center; border-radius:50%;}
  .score.score_0 { background:#fff; border:5px solid #8cc729; font-size:16px; letter-spacing:-1px;}
  .score.score_1 { background:#fff; border:5px solid #8cc729;}
  .score.score_2 { background:#fff; border:5px solid #ff7e00;}
  .score.score_3 { background:#fff; border:5px solid #ff0202;}
  .score.score_4 { background:#fff; border:5px solid #e5e5e5;}
    .score .value { display:block; margin-top:28px; font-weight:600;}
    .score .value.txt { margin-top:20px;}
    .score .value.txt span { display:block;}
    .score .unit { display:block; font-size:13px; color:#999; font-weight:100;}
/* 굳빙진단 점수 표시 */
.gb_score { margin:auto; margin-bottom:5px; text-align:center; font-size:18px; font-weight:600;}
.gb_value { margin:auto; margin-bottom:5px; padding:8px; width:100px; text-align:center; font-size:14px; font-weight:600; border-radius:20px;}
  .gb_value.gb_value1 { background:#8cc729; color:#fff;}
  .gb_value.gb_value2 { background:#ff7800; color:#fff;}
  .gb_value.gb_value3 { background:#f00d0d; color:#fff;}
 
/* 가로로 칸 나누기 O | O | O */ 		
.ul_layout {}
.ul_layout:after { display:block; content:''; clear:both;}
  .ul_layout > ul > li { margin-bottom:10px; width:100%; box-sizing:border-box;}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
  .ul_layout > ul > li { float:left; padding-left:10px; box-sizing:border-box;}
  .ul_layout.item20-80 > ul > li:first-child { width:20%;}
  .ul_layout.item20-80 > ul > li:last-child { width:80%;}
  .ul_layout.item30-70 > ul > li:first-child { width:30%;}
  .ul_layout.item30-70 > ul > li:last-child { width:70%;}
  .ul_layout.item2 > ul > li,
  .ul_layout.item3 > ul > li,
  .ul_layout.item4 > ul > li,
  .ul_layout.item5 > ul > li { width:50%; }
  .ul_layout.item2 > ul > li:first-child { padding-left:0;}
  .ul_layout.item3 > ul > li:last-child { width:100%; margin-bottom:0;}
}
@media (min-width: 992px) {
  .ul_layout > ul > li { float:left; margin-bottom:0; padding-left:10px; box-sizing:border-box;}
  .ul_layout.item2 > ul > li { width:50%; }
  .ul_layout.item2 > ul > li:first-child { padding-left:0;}
  .ul_layout.item3 > ul > li { width:33.33333333%; }
  .ul_layout.item3 > ul > li:first-child { padding-left:0;}
  .ul_layout.item3 > ul > li:last-child { width:33.33333333%;}
  .ul_layout.item4 > ul > li { width:25%; }
  .ul_layout.item4 > ul > li:first-child { padding-left:0;}
  .ul_layout.item5 > ul > li { width:20%; }  
  .ul_layout.item5 > ul > li:first-child { padding-left:0;}
}
@media (min-width: 1200px) {
  .report_wrap button { display:inline-block;}
}
@media (min-width: 1900px) {
}

/* 보고서 결과 */
.r_list {}
  .r_list > ul { padding:0; margin:0; margin-left:15px; list-style:none;}
  .r_list > ul > li { display:block; font-size:16px; margin:0; padding:3px 0; clear:both; }
  .r_list > ul > li:before { display:inline-block; content:''; margin:-1px 5px 0 -15px; width:8px; height:8px; background:#333; border-radius:2px;}
.r_list2 {}
  .r_list2 > ul { padding:0; margin:0; margin-left:15px; list-style:none;}
  .r_list2 > ul > li { display:block; font-size:14px; margin:0; padding:2px 0; clear:both;}
  .r_list2 > ul > li:before { display:inline-block; content:'';  margin:-1px 5px 0 -15px; width:10px; height:10px; border:2px solid #6f8cd7; border-radius:50%;}
  .r_list2 strong { color:#f00; font-weight:600;}
/* 굳빙해설*/  
.r_list3 {}
  .r_list3 > ul { padding:0; margin:0; margin-left:130px; list-style:none;}
  .r_list3 > ul > li { position:relative; display:block; font-size:16px; margin:0; padding:4px 0; clear:both; vertical-align:middle;}
  .r_list3 li .tit { position:absolute; left:-130px; top:0; display:inline-block; margin-right:5px; width:120px; text-align:center; background:#999; padding:4px 10px; color:#fff; font-size:13px; font-weight:600; border-radius:3px; border:0px solid #ccc; vertical-align:middle;}
  .r_list3 li:nth-child(2n) .tit {background:#777;}
  
/* 보고서 범례, 설명등 */  
.r_info_list {}
  .r_info_list > ul { padding:0; margin:0; margin-left:10px; list-style:none;}
  .r_info_list > ul > li { display:block; font-size:11px; margin:0; padding:2px 0; clear:both;}
  .r_info_list > ul > li:before { display:inline-block; content:''; margin:-1px 5px 0 -10px; width:10px; width:4px; height:4px; background:#888; border-radius:50%;}
   
.table_wrap { padding:10px 0; overflow-x:scroll;}
  .table_wrap table { width:600px; }
   .r_table { width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #956385;}
     .r_table th, .r_table td { padding:5px 0; font-size:14px; text-align:center;border:1px solid #ccc; }
     .r_table>thead>tr>th { background:#ca80ad; color:#fff; border:1px solid #956385;}
     .r_table>tbody>tr>th { background:#f5f5f5}
     .r_table th { font-weight:bold;}
     .r_table td {}
    .strong >th, .strong>td { background:#fffce7; color:#000;} /* 현재 검사결과 강조 */
@media (min-width: 768px) {
.table_wrap { overflow:hidden;}
  .table_wrap table {width:100%;}
}
/****************************************************************************************
 ** Chart
 ****************************************************************************************/
 .chart_wrap { width:100%; margin:auto; padding:10px ; border:1px solid #ccc; border-radius:3px; box-sizing:border-box;}
   .chart { margin:auto; width:100%; height:250px; padding-bottom:10px; text-align:center;}
   .chart_gauge { margin:auto; width:180px; height:120px;}
 
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
   .chart { width:660px; height:250px;}
}
@media (min-width: 1200px) {
   .chart { width:780px; height:260px;}
}
@media (min-width: 1900px) {
}
 
/********************************************************************************************************************************************************************************************************
   7. 기타법규
 ********************************************************************************************************************************************************************************************************/
/******************************************
*** 이용약관, 개인정보수집정책 등 문서 ***
.doc-form : 약관 등 문서 박스
  article.doc-article : 제목과 내용을 갖는 덩어리
    H3.doc-tit : doc-article의 제목
    div.doc-txt  :  doc-article의 내용
    ul.doc-list  :  doc-article의 내용(목록형)
	clause :   doc-article 안의 절
	  H4.clause-tit : clause의 제목
	  div.clause-txt : 
	  ul.clause-list : 
******************************************/
.scrollBox { } 
.doc-form { margin:auto; padding:15px; width:100%; height:500px; border:1px solid #ccc; border-radius:6px; overflow:hidden; overflow-y:scroll;}
.doc-info {  font-size:14px; line-height:150%; padding:10px 0; margin:0;}
.doc-title h3 { padding:5px 0; margin:0; font-size:18px; font-weight:bold;}
.doc-article {}
  .doc-tit {  padding:10px 0; margin:20px 0; margin-top:30px; font-size:20px; font-weight:bold; border-bottom:1px solid #ccc;}
  .doc-txt {  padding:0; margin:0; font-size:14px; line-height:160%;}
  .doc-list { list-style:none; margin:0; padding:0; padding-left:20px; }
  .doc-list li { margin:0; padding:0; padding:7px;  font-size:14px; }
  .doc-list > li { list-style:decimal;}
  .doc-list > li ol > li, .doc-txt > ol > li { list-style:lower-alpha; padding:4px;  font-size:14px;}
  .clause { padding:0; margin:0; padding-left:20px;}
  .clause-tit {  font-size:18px; font-weight:bold; padding:0; padding-bottom:7px; margin:0; margin-top:30px;}
  .clause-txt {  font-size:14px; line-height:160%; padding:0; margin:0; margin-top:10px;}
  .clause-list { padding-left:20px;}
  .clause-list > ul,.clause-list > ul > li { margin:0; padding:0;}
  .clause-list > li { padding:7px;  font-size:14px; list-style:square; }
  .clause { padding:0; margin:0;}
  
.modal-content { border-radius:0.8rem;}
.modal-header { padding:0.8rem 1rem; border-top-left-radius:0.8rem; border-top-right-radius:0.8rem;}
.modal-footer { padding:0.5rem 1rem; background:#eee; border-top-color:#ccc;}

#qnaloginForm { width:400px; margin:auto; padding:1rem; border-radius:1rem;}
	
/****************************************
인쇄설정 - 인쇄할때 숨길요소
****************************************/
@media print {
*,
*::before,
*::after { text-shadow:none !important; box-shadow:none !important;}

/* body.print 바디를 780픽셀로 고정 */	
.print { padding:0; margin:0; font-size:12px; width:100%;}
/* 인쇄안할요소(.noprint) 숨김 */
.noprint  { display:none;}
#header, #footer, .aside, .pageTitle, .noprint { display:none;}
.breadcrumb-bg { display:none;}
.container { padding:0; margin:0;}
  
.content-section,
.aside+.content-section { position:relative; float:none; margin:0; padding:0; width:100%; font-size:12px; border:none; }

/* 보고서인쇄 */
.report_wrap { border:1px solid #ccc; padding:30px 20px; width:100%;}
.report_wrap button { display:none;}
.r_header { padding:5px 0 10px 0; border-bottom:1px solid #ccc;}
.r_tit {  font-weight:600;}
.r_cont { display:block;}
#r_cont2:before, #r_cont3:before, #r_cont4:before, #r_cont5:before, #r_cont6:before { display:block; content:''; page-break-before:always; }

.r_box { margin:0; margin-bottom:10px; padding:15px; box-shadow:none; border:1px solid #ccc;}
.r_box_tit { font-size:16px; font-weight:600;}
.r_cont h6 { font-size:12px;}
.r_box_info { font-size:12px;}
.chart_wrap { width:100%; height:auto; padding:10px; box-sizing:border-box;}

/**
#chart_8gb { width:660px !important;}
*/
  .ul_layout > ul > li { float:left; margin-bottom:0; padding-left:10px; font-size:12px; box-sizing:border-box;}
  .ul_layout.item2 > ul > li { width:50%; }
  .ul_layout.item2 > ul > li:first-child { padding-left:0;}
  .ul_layout.item3 > ul > li { width:33.33333333%; }
  .ul_layout.item3 > ul > li:first-child { padding-left:0;}
  .ul_layout.item3 > ul > li:last-child { width:33.33333333%;}
  .ul_layout.item4 > ul > li { width:25%; }
  .ul_layout.item4 > ul > li:first-child { padding-left:0;}
  .ul_layout.item5 > ul > li { width:20%; }  
  .ul_layout.item5 > ul > li:first-child { padding-left:0;}
.tab_menu .tab li a { padding:3px; font-size:11px; }

/* 본문 탭메뉴*/
  .nav_snb li a { height:30px; line-height:30px; font-size:12px;}
  .nav_snb.item2 li { width:50%;}
  .nav_snb.item3 li { width:33.33333333%;}
  .nav_snb.item4 li { width:25%;}
  .nav_snb.item5 li { width:20%;}
  .nav_snb.item6 li { width:16.66666666%;}
  .nav_snb.item7 li { width:14.2857143%;}
  .nav_snb.item8 li { width:12.5%;}
  .nav_snb.item9 li { width:11.11111111%;}
}
/****************************************
모바일요소
****************************************/
.onlyWeb { display:none;}
.onlyMobile { display:block;}


@media (min-width: 992px) {
.onlyWeb { display:block;}
.onlyMobile { display:none;}
}

.bnr_contact { z-index:100; box-shadow:1px 2px 8px rgba(0,0,0,0.25); }
.bnr_contact:after { display:block; content:''; clear:both;}
  .block_call { float:left; display:block; width:50%; height:70px; padding:5px;  background:#ab3f76; text-align:center; border:1px solid #ab3f76; box-sizing:border-box;}
    .call_header { display:block; height:30px;}
      .call_header .ico_tit { display:block; margin:auto; width:30px; height:30px; background:url(/images/common/ico_bnr_call.gif) no-repeat left top; background-size:cover;}
      .call_header .title { display:none;}
    .call_body { display:block; padding:0; margin:0; text-align:center; }
      .phone1 { display:inline-block; font-size:13px; color:#fff; line-height:100%;}
      .phone2 { display:inline-block; font-size:14px; color:#fff; line-height:100%;}
      .phone3 { display:inline-block; font-size:14px; color:#fff; line-height:100%; }
  .block_qna {float:left; display:block; width:50%;  background:#fff; text-align:center; box-sizing:border-box;}
    .block_qna a { display:inline-block; width:100%; height:70px; padding-top:5px; text-decoration:none; border:0; box-sizing:border-box; cursor:pointer;}
    .block_qna .ico_tit { display:block; margin:auto; width:30px; height:30px; background:url(/images/common/ico_bnr_qna.gif) no-repeat left top; background-size:cover;}
    .block_qna .title { display:block; padding-top:5px; color:#444; font-size:14px; text-align:center; }

@media (min-width: 576px) { 
.bnr_contact { position:fixed; right:0; top:130px; width:80px; transition:translate ease 0.3s; }
  .block_call { float:none; clear:both; width:100%; height:150px; padding:0; box-sizing:border-box;}
    .call_header { display:block; width:100%; height:70px; padding:10px 0;}
      .call_header .ico_tit { display:block; background:url(/images/common/ico_bnr_call.gif) no-repeat left top; margin:auto; width:37px; height:37px;}
      .call_header .title { display:block; color:#fff; font-size:11px; text-align:center; }
    .call_body { display:block; background:#fff; width:100%; height:80px; padding:10px 0;}
      .phone1 { display:block; font-size:13px; color:#585858;}
      .phone2 { display:block; font-size:20px; color:#ab3f76;}
      .phone3 { display:block; font-size:20px; color:#ab3f76; }
  .block_qna { float:none; background:#fff; width:100%; height:80px; padding:0; border:1px solid #ab3f76; box-sizing:border-box;}
    .block_qna a { display:block; width:100%; height:70px; padding-top:10px; text-decoration:none; border:0; box-sizing:border-box;}
    .block_qna .ico_tit { display:block; margin:auto; width:30px; height:30px; background:url(/images/common/ico_bnr_qna.gif) no-repeat left top; background-size:cover;}
    .block_qna .title { display:block; padding-top:5px; color:#444; font-size:14px; text-align:center; }
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
}


@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
}
@media (min-width: 1900px) {
}