html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {margin:0;padding:0;border:0;outline:0;font-size:10px;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

a:hover, a:active { outline:none; }
select, input, textarea, button { font:100% sans-serif; }
input, select { vertical-align:middle; }
img { border:0; max-width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
.nocallout {-webkit-touch-callout: none;} /* prevent callout */
table { margin:0; padding:0; clear:left; width:100%;}
table td { vertical-align:top; margin:0;vertical-align:middle;}
table th { font-size:8px; vertical-align:top; margin:0; vertical-align:middle;}

.pd{ font-size:15px; color:#FF0000; font-weight:bold;}
.13{ font-size:13px;}



html {
  height:10%;
  background:#191D1F;
}
body {
  font:13px/1.4 sans-serif; 
  *font-size: small;
  word-wrap:break-word;
  margin:0 auto;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  color:#3c3c3c;  max-width:100%;
  background:#fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
a {
  color:#3c545d;
  text-decoration:none;
  cursor:pointer
}

.common{font-size:14px;}

p {
  margin-bottom:1em;
}

header {
  background-image:https://cancerok.speedgabia.com/m/images/top_bg.jpg);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#14a8e2', EndColorStr='#018CB6');
  border-bottom:1px #ff0000 solid;
}
  header h1 {
    color:#fff;
    font-size:20px;
    text-align:center;
    padding:7px 0;
    text-shadow: 0 -1px 0 #026787;
  }
.f14{font-size:14px;}

.font{}



#gallery {
  background:#23282C;
}
  #slider {
    padding:3px 0;
  }
  #slider li div {
    margin: 0 0px;
    padding: 2px 3px 0px 3px;
    border-radius: 0px;
    border-top: 1px #fff solid;
    background: #F7F9FA;
    -webkit-box-shadow: 0px 1px 2px #0D0F11;
    -moz-box-shadow: 0px 1px 2px #0D0F11;
    box-shadow: 0px 1px 2px #0D0F11;
    color: #DDE1E4;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    color: #A4AEB7;
  }

  #gallery nav {
    border-top:0px #3A4146 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#9e9e9e));
    background-image: -webkit-linear-gradient(top, #292F34, #23282C);
    background-image:    -moz-linear-gradient(top, #292F34, #23282C);
    background-image:     -ms-linear-gradient(top, #292F34, #23282C);
    background-image:      -o-linear-gradient(top, #292F34, #23282C);
    background-image:         linear-gradient(top, #292F34, #23282C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#292F34', EndColorStr='#23282C'); 
    height:2px;
    position:relative;
  }
    #position {
      text-align:center;
      font-size:27px;
      line-height:1.3;
      color:#697279;
      display:block;
      position:absolute;
      top:0;
      left:50%;
      margin-left:-75px;
      width:150px;
    }
      #position em {
        display:inline-block;
        padding:0 3px;
        font-style:normal;
        text-shadow: 0 -1px 0 rgba(0,0,0,.35);
        font-family:sans-serif;
      }
      #position em.on {
        color:#fff;
      }
    #prev {
      border-right:1px #232628 solid;
      display:inline-block;
      text-decoration:none;
    }
      #prev em {
        display:block;
        border-right:1px #30373C solid;
        padding:10px 13px 8px;
        font-style:normal;
        font-weight:bold;
        font-size:11px;
        text-transform:uppercase;
        color:#697279;
        letter-spacing:1px;
        text-shadow: 0 -1px 0 rgba(0,0,0,.35);
      }
    #next {
      border-left:1px #232628 solid;
      display:inline-block;
      text-decoration:none;
      position:absolute;
      right:0;
      top:0;
    }
      #next em {
        display:block;
        border-left:1px #30373C solid;
        padding:10px 13px 8px;
        font-style:normal;
        font-weight:bold;
        font-size:11px;
        text-transform:uppercase;
        color:#697279;
        letter-spacing:1px;
        text-shadow: 0 -1px 0 rgba(0,0,0,.35);
      }

.h_area{clear:both;  font-size:15px; margin-bottom:0px;padding: 20px 10px 5px 10px; border-bottom: 2px solid #ff0000; }
.h{display:inline; font-size:1.15em; letter-spacing:-1px; color:#ff0000;}
.h2{ font-size:1.15em; letter-spacing:-1px; color:#0000;}

.gallery2 {
background-color:#027bec;
	border-bottom:1px #043987 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2385fa), to(#027bec));
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2385fa', EndColorStr='#027bec'); 
    height:36px;
    position:relative;

  }

 .gallery22 {
	border-bottom:1px #043987 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2385fa), to(#027bec));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2385fa', EndColorStr='#027bec'); 

    position:relative;

  }

  .gallery222 {
	border-bottom:1px #afafaf solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2385fa', EndColorStr='#027bec'); 

    position:relative;
  }
 .gallery3 {
	border-bottom:2px #ff0000 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2385fa', EndColorStr='#027bec'); 
    height:10px;
    position:relative;
	vertical-align:top;
	 font-size:15px;

  }
.aaa {

    padding: 3px 0px 3px 0px;

	  }
.aaa1 {

    padding: 1px 0px 3px 0px;

	  }


.aaa11 {

    padding: 3px 0px 3px 90px;

	  }
.taite1 {
    color:#fff;
    font-size:16px;
    text-align:center;
	 font-weight: bold;
  }
  .taite11 {
    color:#06126e;
    font-size:15px;
    text-align:center;
	font-weight: bold;
	

  }

.taite2 {
    color:#fff;
    font-size:17px;
    text-align:center;
    padding:8px 0;
	font-weight: bold;
	
	
  }



 .taite3 {
    color:#0000;
    font-size:16px;
	font-weight: bold;
   vertical-align:top; padding: 0 0 20px 0; text-align:left;

  }
 .taite4 {
    color:#0000;
    font-size:16px;
	font-weight: bold;
   vertical-align:top; padding: 0 0 8px 0; text-align:left;

  }

  .taite44 {
    color:#0000;
    font-size:17px;
	font-weight: bold;


  }
  .taite444{
   color:#0000;
   font-size:12px;
}
.taite5 {
    color:#0000;
    font-size:18px;
	font-weight: bold;
	line-height:130%;
  }
.taite6 {
    color:#0000;
    font-size:15px;
	letter-spacing:-1px;
	line-height:150%;

  }
.line9 {
	border-top:1px dotted #8f8f8f;

	 padding: 1px 0 20px 0;

  }
.line10 {
	border-top:1px dotted #8f8f8f;

	 padding: 1px 0 1px 0;

  }


.mayark1 {
position:absolute;left:5px;
position:relative;top: 5px;
    color:#000;
border:1px 
solid #d9d9d9;
float:left;
width:60px;height:40px;
    padding:3px ;
	margin-right:10px;
	position:relative;
 }
 .mayark1 img{position:relative;top:12px;}

.h_area{clear:both; margin-bottom:0px; border-bottom: 1px solid #d4d4d4; }
.searchList{float:left; margin:0 0 0 25px; text-align:left;}
.searchList p{color:#DEA800; font:bold 1.2em dotum; background:url("../images/iconRect.gif?<?=time()?>") 0px 15px no-repeat; background-size:10px 10px; padding:12px 0 8px 15px;}
.searchList ul li{color:#666; font:100 1.0em dotum;  line-height:18px; padding:0 0 0 15px;}
.searchList ul li a{color:#666; text-decoration:none;}
.searchList ul li a:visited{color:#666; text-decoration:none;}
.searchList ul li a:active{color:#666; text-decoration:none;}
.searchList ul li a:hover{color:#333; text-decoration:none;}

.base-tabs {
  background:#fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FA), to(#F3F4F5));
  background-image: -webkit-linear-gradient(top, #F7F9FA, #F3F4F5);
  background-image:    -moz-linear-gradient(top, #F7F9FA, #F3F4F5);
  background-image:     -ms-linear-gradient(top, #F7F9FA, #F3F4F5);
  background-image:      -o-linear-gradient(top, #F7F9FA, #F3F4F5);
  background-image:         linear-gradient(top, #F7F9FA, #F3F4F5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F9FA', EndColorStr='#F3F4F5');
  border-top:1px #DADDE0 solid;
  border-bottom:1px #DADDE0 solid;
  padding:5px 4px 0;
  /*height:32px*/
}

.base-tabs2 {
  background:#5e6a87;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5e6a87), to(#414e6d));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5e6a87', EndColorStr='#414e6d');
  border-top:1px #3a4766 solid;
  border-bottom:1px #3a4766 solid;
  padding: 9px 0px 5px 0px;
color:#ffffff;
}

.base-tabs3 {
  background:#eaf3fa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9f4ff), to(#e9f4ff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5e6a87', EndColorStr='#414e6d');
  border-top:1px #1c6cbe solid;
  border-bottom:1px #1c6cbe solid;
  padding: 5px 0px 5px 0px;
}

.yelow {color: #FFCC00}


  .base-tabs li {
    position:relative;
    top:1px;
    font-size:13px;
    color:#878E92;
    padding:6px 12px 5px;
    margin:0 0 0 2px;
    font-weight:bold;
    display:inline-block;
    background:#F5F6F7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FA), to(#F5F6F7));
    background-image: -webkit-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:    -moz-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:     -ms-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:      -o-linear-gradient(top, #F7F9FA, #F5F6F7);
    background-image:         linear-gradient(top, #F7F9FA, #F5F6F7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F9FA', EndColorStr='#F5F6F7');
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border:1px #DADDE0 solid;
    border-bottom:0;
    -webkit-box-shadow: inset 0 1px 0 #FAFBFC;
    -moz-box-shadow: inset 0 1px 0 #FAFBFC;
    box-shadow: inset 0 1px 0 #FAFBFC;
    border-bottom:1px #DADDE0 solid;
  }
    .base-tabs li.on {
      background:#fff;
      padding:6px 12px;
      color:#505659;
      border-bottom:0;
    }



p {
  color:#6B7072;
}
p.about {
  background:#F7F9FA;
  font-size:15px;

  padding:0px 1px 1px;
  margin:0;
  text-shadow:0 1px 0 #fff;
}
#tabSelector {
  border-top:0;
}
#tabs li div {
  padding:9px 2px 0px -4px;
}
h2 {
  color:#018CB6;
  font-size:16px;
  margin-bottom:5px;
}
pre {
  background: #23282C;
  border-radius: 3px;
  padding: 10px 12px;
  color: #F5F6F7;
  font-size:12px;
  font-weight:bold;
  -webkit-font-smoothing: antialiased;
}
code em {
  font-style:normal;
  color:#697279;
}
.config-list {
  margin:0 20px;
  list-style-type:disc;
}
.config-list small {
  color:#999;
  font-size:11px;
  display:block;
}

p.copy {
  background:#F7F9FA;
  line-height:1.45;
  padding:12px 12px 13px;
  margin:0;
  text-shadow:0 1px 0 #fff;
  border-top:1px #DADDE0 solid
}



.button {
  -webkit-background-clip: padding-box;
  border: solid 1px;
  border-color: #CCC #C0C1C2 #BDBEC0;
  -webkit-border-radius: 3px;
  -webkit-box-sizing: border-box;
  display: block;
  font-weight: bold;
  line-height: 16px;
  overflow: hidden;
  padding: 2px 8px;
  margin:0;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  background: -webkit-gradient( linear, left top, left bottom, from(#FDFEFE), to(#F0F1F2) );
  -webkit-box-shadow: inset 0 1px 0 #fff;
  font-size:13px;
  color:#6A6F71;
  text-decoration:none;
  text-align:center;
}
.button:hover {
  background: -webkit-gradient( linear, left top, left bottom, from(#EDEEEE), to(#E4E5E6) );
  border-color: #B0ADAE #BFBDBD #C7C8CA;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 #fff;
}


.twitter {
  text-align:center;
  margin-top:20px;
  margin-bottom:0;
}
.twitter .twitter-follow-button {
  width:150px;
}

/* Footer */

.fot{padding:9px 0 22px;border-top:1px solid #878f9a;background-color:#e1e4e6;font-size:12px; text-align:center;}
.tip_top,.fot_pa{display:inline-block;margin:0 2px;padding:0 7px;border:1px solid #a0a7af;border-radius:3px;background:#e5e7e8;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f5f6),color-stop(100%,#e5e7e8));box-shadow:inset 0 0 1px rgba(255,255,255,.65);line-height:25px}
.a .fot_pa{border-radius:0;-webkit-box-shadow:inset 0 0 1px rgba(167,170,180,.55)}
.fot_p2{margin:8px 0 5px}
.fot_p2a{display:inline-block;padding:0;color:#777}
.fot_p3a{font-size:12px;color:#797b83}
.fot_p2a::before,.fot_p3a::before{display:inline-block;height:12px;margin:0 6px 0 3px;border-left:1px solid #c3c5ce;border-right:1px solid #eaeced;vertical-align:-2px;content:''}
.fot_p2a:first-child::before,.fot_p3a:first-child::before{display:none}

.imsv{background-image:url(/mobile/images/mobile/t_bg4.gif)}


/* layout */
header{width:100%; padding:0; margin:0 auto; overflow:hidden;}
.logo_body{width:100%; height:40px; padding:9px 0 0 0; background:url("../images/topBg.gif?<?=time()?>") repeat-x; clear:both; text-align:center;}
.logo_body h1.logo{ display:inline;}
.logo_body span.prev{float:left; width:45px; text-align:center; padding:6px 0 0 0;}
.logo_body span.prev img, .logo_body span.next img{width:18px;}
.logo_body span.next{float:right; width:45px; text-align:center;  padding:6px 0 0 0;}

/*ranking*/



.rkl{position:relative;}
.rkl li{position:relative; line-height:10px;}
.rkl li a{display:block;height:1px;line-height:0px; font-size: 0.9em; background-repeat:no-repeat}

.rkl li span{display:block;position:absolute;right:5px;top:0.5em;width:2.5em;font-size:0.86em; color: #ef0000; text-align:right}
.rkl li span img{position:absolute;left:0;top:0.4em}

/* 상단헤더부분 OLD*/
#header23{width:100%;background:#ffffff;height:54px;}
.wrap{float:left; width:100%;height:54px;}
.wrap h3{position:relative;float:left;top:8px;left:1%;}
.wrap .top-right{position:relative;float:right;text-align:right;right:3px;top:1px;}

/* 상단헤더부분 NEW*/
.header{width:100%;background:#ffffff;height:54px;}
.wrap{float:left; width:100%;height:54px;}
.wrap h3{position:relative;float:left;top:8px;left:1%;}
.wrap .top-right{position:relative;float:right;text-align:right;right:3px;top:1px;}


/* 상단헤더탭부분 */
.wrap .top-right-tab{position:relative;float:right;margin:0;padding:0;right:3px;}
.wrap .top-right-tab .tab-tel{margin:3px;}

/* 빠른상담신청폼진짜 */
.quick-request-form{float:left;width:100%;background:#e1e8eb}
.quick-request-form .form-bg{text-align:center;background:url(https://cancerok.speedgabia.com/mobile/images/mobile/quick_form_bg.png) no-repeat;width:307px;height:220px;margin:9px auto;}
.quick-request-form .form-bg2{text-align:center;background:url(https://cancerok.speedgabia.com/mobile/images/mobile/quick_form_bg2.gif) no-repeat;width:307px;height:240px;margin:9px auto;}
.quick-request-form .form-bg3{text-align:center; no-repeat;width:340px;height:370px;margin:15px auto;}
.quick-request-form .form-bg4{text-align:center; no-repeat;width:380px;height:470px;margin:15px auto;}
.quick-request-form .form-bg .f01{float:left; position:relative;top:15px;left:1px;}
.quick-request-form .form-bg .f01 th{text-align:left;height:30px;}
.quick-request-form .form-bg .f01 td{text-align:left;padding:0 0 0 5px;height:30px;}
.quick-request-form .form-bg .f01 select{float:left;}
.quick-request-form .form-bg .f01 span{margin:2px 4px 0 3px;}

.quick-request-form .form-bg2 .f01{float:left; position:relative;top:15px;left:1px;}
.quick-request-form .form-bg2 .f01 th{text-align:left;height:30px;}
.quick-request-form .form-bg2 .f01 td{text-align:left;padding:0 0 0 5px;height:30px;}
.quick-request-form .form-bg2 .f01 select{float:left;}
.quick-request-form .form-bg2 .f01 span{margin:2px 4px 0 3px;}


.f01 div{float:left;}
.quick-request-form .f01 .privacy{text-align:center;margin:0 0 0 50px;}
.f01 .privacy span{font-size:12px;font-weight:normal;vertical-align:-2px;}
.quick-request-form .f01 .q-btn{margin:0 0 0 85px;}
.q-btn2{margin:30px 0 0 85px;}
.q-btn3{margin:20px 0 0 85px;}

.quick-request-form .p-info{border:2px solid #bdcfe9;width:315px;background:#e1e1e1;height:90px;margin:20px auto;padding:5px 0 5px 2px;}
.quick-request-form .p-info2{border:2px solid #bdcfe9;width:335px;background:#e1e1e1;height:100px;margin:20px auto;padding:5px 0 5px 2px;}
.quick-request-form .p-info span{float:left;text-align:left;line-height:15px;letter-spacing:-1px;font-size:11px;color:#5b5b5b}


/* 월보험료예시 */
.prddetail-wrap .insu-sample{position:relative;float:left;border-bottom:1px solid #c8c8c8;text-align:left;padding-bottom:10px; width: 100%;}
.prddetail-wrap .insu-sample h3{float:left;margin:0 0 5px 10px;width:100%;}
.prddetail-wrap .insu-sample .s-form{position:relative;float:left;width:310px;margin-left:10px;}
.prddetail-wrap .insu-sample .s-form th{vertical-align:top;height:30px;line-height:30px;}
.prddetail-wrap .insu-sample .s-form th img{vertical-align:-2px;}
.s-form .ss-form{text-align:center;}
.s-form .ss-form th{border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;font-weight:normal;}
.s-form .ss-form td{border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
.s-form .ss-form .age-40{background:#e0f5ff;}
.s-form .ss-form .age-40 th{font-weight:bold;}
.s-form .ss-form .age-40 td{font-weight:bold;}

.prd-qbanner{float:left;width:100%;background:#e0f5ff;height:100px;}
.prd-qbanner h3{position:relative;text-align:center;margin:0px 0;}
.prd-qbanner p{position:relative;text-align:center;margin:-7px 0 0 0;}


/* 상단헤더메뉴부분 */
.top_menu
{
	background-color:#027bec;
	border-bottom:1px #043987 solid;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2385fa), to(#027bec));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2385fa', EndColorStr='#027bec'); 
	height:36px;
	position:relative;
}

.ht{
background-color:#027bec;
	border-bottom:1px #043987 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2385fa), to(#027bec));
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2385fa', EndColorStr='#027bec'); 
    height:36px;
    position:relative;}
.nv1{overflow:hidden;width:100%;}
.nv1 ul{padding:5px 4px 0 2px;margin-right:-8px;}
.nv1 li{overflow:hidden;float:left;height:30px;line-height:28px;margin-right:-2px;background:url(/img/smart/tabbg2.gif) no-repeat 0 -166px;text-align:center;white-space:nowrap;}
.nv1 a,
.nv1 span{display:block;height:100%;color:#fff;}
.nv1 li.on{background:#f4f5f5 url(/img/smart/tabbg2.gif) repeat-x 0 -136px;line-height:33px;}
.nv1 .on a{background:url(/img/smart/tabbg2.gif) no-repeat 0 -106px;color:#14528b;}
.nv1 .on span{background:url(/img/smart/tabbg2.gif) no-repeat 100% -166px;color:#14528b;}
.nv1 .l1{width:23%; background:none; font-size:15px; font-weight: bold;}
.nv1 .l2{width:5%; background:none; font-size:15px; font-weight: bold;}
.nv1 .l3{width:32%; background:none; font-size:15px; font-weight: bold;}
.nv1 .l4{width:5%; background:none; font-size:15px; font-weight: bold;}
.nv1 .l5{width:35%; background:none; font-size:15px; font-weight: bold;}
.htsuv{clear:both; height:35px;text-align:center; border-bottom: solid 1px #e2e2e2; background: #e0ebff;}
.htsuv .cTit { font-size: 16px; padding-top: 8px; font-weight: bold;}

.htConl{ clear:both; height: 35px; border-bottom: solid 3px #ef0000; text-align: left; padding: 0 0 0 10px; }



/* font */
.black {font-family:"굴림"; font-size:15px; color:#1a1919;}
.black01 {font-family:"굴림"; font-size:15px; font-weight: bold; color:#1a1919; letter-spacing:-1px;}
.black02 {font-family:"굴림"; font-size:12px; color:#1a1919;}
.black03 {font-family:"굴림"; font-size:14px; font-weight: bold; letter-spacing:-1px; color:#1a1919;}
.black04 {font-family:"굴림"; font-size:18px; font-weight: bold; color:#1a1919;}
.black05 {font-family:"굴림"; font-size:11px; letter-spacing:-1.5px; color:#333333;}
.gray01 {font-family:"굴림"; font-size:14px; font-weight: bold; letter-spacing:-1px; color:#666666;}
.orag {font-family:"굴림"; font-size:13px; color:#ff6000; font-weight: bold;}
.white01 {font-family:"굴림"; font-size:13px; font-weight: bold; color:#fff;}
.white02 {font-family:"굴림"; font-size:15px; font-weight: bold; color:#fff;}
.white03 {font-family:"굴림"; font-size:14px; font-weight: bold; color:#fff;}
.white04 {font-family:"굴림"; font-size:12px; color:#fff;}
.yellow01{font-family:"굴림"; font-size:13px; font-weight: bold; color:#fff600;}
.red01{font-family:"굴림"; font-size:18px; font-weight: bold; color:#ff0000;}
.blue01{font-family:"굴림"; font-size:13px; font-weight: bold; color:#1f7bee;}
.blue02{font-family:"굴림"; font-size:17px; font-weight: bold; color:#087fe4; letter-spacing:-1px; }

.green01{font-family:"굴림"; font-size:13px; font-weight: bold; color:#009933;}
a.type01 {font-family:"굴림"; font-size:15px; color:#fff; font-weight: bold; text-decoration:none; cursor:pointer}

/* table */
table.nwrite01 {border:1px solid #d4d4d4; background-color:#FFFFFF;}



.fff{ background:#fff; border:1px solid #bbb;}
.fff2{ background:#4d4d4d; border:none; color:#fff;}
.fff3{ background:#2d7ee3; border:none; color:#fff;}
.fff4{ background:#fff; border:none;}



/* bg */
.check_bg {text-align:center;background:url(https://cancerok.speedgabia.com/mobile/images/mobile/bgimg01_1.png) no-repeat;width:150px; }
.check_bg2{text-align:center;background:url(https://cancerok.speedgabia.com/mobile/images/mobile/bgimg02_1.png) no-repeat;width:300px; }


/* 페이지 네비게이션 */
.paginate1{ padding:15px 0; text-align:center; display:none;}
.paginate1 *{ margin:0; padding:0;}
.paginate1 a,
.paginate1 strong{position:relative; margin-left:-1px; font-weight:bold; display:inline-block; padding:3px 8px 1px 7px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font:bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background:#fff;}
.paginate1 strong{ color:#ff8600 !important;}
.paginate1 a:hover{ background:#F7F7F7; }
.paginate1 a.pre{ padding:3px 8px 1px 16px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
.paginate1 a.pre_end{ padding:3px 8px 1px 16px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_l2.gif) no-repeat 4px 6px !important; border:none; border-right:1px solid #ccc; font-weight:normal;}
.paginate1 a.next{ padding:3px 16px 1px 8px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_r1.gif) no-repeat 34px 8px !important; border:none; font-weight:normal; }
.paginate1 a.next_end{ padding:3px 16px 1px 8px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_r2.gif) no-repeat 4px 6px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}
.paginate1.loaded { display:block;}
.paginate1.only-one { display:block;}
.paginate1.no-result { display:none;}

#foot { 
height: 50px; 
background: #ddd; 
width: 100%; 
vertical-align: bottom; 
bottom: 0; 
position: fixed; 
} 


#ing { 
width: 100%; 
vertical-align: middle; 
position: fixed; 
} 

.mh{
	width:250px;
	height:76px;
	overflow:hidden;
	text-overflow:
	ellipsis;word-break:break-all;
}

/* 아이폰4 */
@media screen and (device-aspect-ratio: 2/3)
{
}

/* 아이폰5 */
@media screen and (device-aspect-ratio: 40/71)
{

}

/* 아이폰6 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){
	.mh{
		width:310px;
		height:70px;
		overflow:hidden;
		text-overflow:
		ellipsis;word-break:break-all;
	}
}

/* 아이폰6 플러스 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) {
	.mh{
		width:310px;
		height:70px;
		overflow:hidden;
		text-overflow:
		ellipsis;word-break:break-all;
	}
}



.coun_form {overflow:hidden}
.coun_form dt,
.coun_form label {display:none}
.coun_form input, 
.coun_form select,
.coun_form textarea,
.input_advice select,
.agree_area input,
.simple_counsel input,
.input_advice input {outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important;-webkit-appearance:none!important/*기기별스타일리셋*/;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;vertical-align:middle;font-size:0.875rem}
.coun_form input[type='tel'] {border:1px solid #fff;letter-spacing:-1px;height:35px;line-height:35px;width:100%;padding:0 5px;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-shadow:border-box}
.coun_form select,
.input_advice select {color:#999;background:#fff url(/join_site/heungkuk/img/select_arrow.png) no-repeat right;background-size:contain;border:1px solid #fff;letter-spacing:-1px;height:35px;line-height:35px;padding:0 5px;width:94%;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}

.coun_form .radio_btn,
.input_advice .radio_btn  {display:inline-block;position:relative;z-index:10;width:40%;height:31px;border:1px solid #d1d0d0;}
.coun_form .radio_btn input,
.input_advice .radio_btn input {width:40%;height:31px}
.coun_form .radio_btn label,
.input_advice .radio_btn label {display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:31px;line-height:31px;background:#fff;text-align:center;color:#999}
.coun_form .radio_btn input:checked + label,
.input_advice .radio_btn input:checked + label  {margin:-1px;z-index:100;border:1px solid #6190be;color:#fff;width:100%; background:#6190be;}


.gD_item2{ vertical-align: middle; text-align: center; border: 1px solid #dcdcdc; height:52px;}
.gD_item3{ vertical-align: top; text-align: left; padding: 0 0 0 6px;}
.gD_item3 ul { padding: 3px 0; width: 220px;}
.gD_item3 li{ font-size: 11px; letter-spacing: -0.08em; color: #666; line-height: 16px;}

ul,ol,li{list-style:none outside}

#menu_category {background:#fff; margin-bottom:-34px}
#menu_category .title {position:relative; height:35px; padding:0 10px 0 10px; background:#dee2e8; border-top:1px solid #bcc4cd; /*border-bottom:2px solid #0c1420;*/ display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box}
#menu_category .title .s_tit {font-weight:bold; font-size:14px; letter-spacing:-1px; color:#707b8b}
#menu_category .title .s_tit2 {float:right; font-weight:normal; font-size:0.81em; letter-spacing:-1px; color:#707b8b}
#menu_category .title .btn_all { position:absolute; top:7px; right:12px; display:block; font-size:0.87em; letter-spacing:-1px; color:#707b8b; font-weight:normal} 
#menu_category .title .btn_all:after {display:inline-block; content:''; width:17px; height:17px; margin-left:2px; background:url('//pics.gmkt.kr/mobile/bg_category_menu01.png') no-repeat -100px 0 ; background-size:250px 250px; vertical-align:-3px}


.set_menu {background:#fff}
.set_menu .dot { display:inline-block; width:2px; height:2px; margin:0 3px; background:#757880; vertical-align:3px}
.set_menu .on .dot {background:#699dd7}
.set_menu > li {border-bottom:1px solid #ededed}
.set_menu > li > a {position:relative; min-height:50px; padding:5px 35px 5px 12px; display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box; color:#666; font-size:0.93em; font-weight:bold; letter-spacing:-1px}
.set_menu > li > a .img {display:inline-block; width:22px; text-align:center; margin-right:5px}
.set_menu > li > a img {}
.set_menu > li:nth-of-type(1) > a img {width:17px; vertical-align:-4px}
.set_menu > li:nth-of-type(2) > a img {width:17px; vertical-align:-3px}
.set_menu > li:nth-of-type(3) > a img {width:20px; vertical-align:-4px}
.set_menu > li:nth-of-type(4) > a img {width:18px; vertical-align:-5px}
.set_menu > li:nth-of-type(5) > a img {width:20px; vertical-align:-3px}
.set_menu > li:nth-of-type(6) > a img {width:20px; vertical-align:-2px}
.set_menu > li:nth-of-type(7) > a img {width:20px; vertical-align:-3px}
.set_menu > li.on > a {color:#198ef6; background:#f5f5f8}
.set_menu > li.on > a:after {position:absolute; top:50%; right:17px; display:block; width:15px; height:9px; margin-top:-4px; content:''; background:url('//pics.gmkt.kr/mobile/bg_category_menu01.png') no-repeat -40px 0; background-size:250px 250px}
.set_menu + .title { margin-top:-1px}
.set_menu .depth2 {overflow:hidden; height:0; background:#f5f5f8}
.set_menu .depth2 li {border-top:1px solid #ededed}

/* depth2 off */
.set_menu .depth2 li a {position:relative; min-height:40px; padding:5px 30px 5px 44px; display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box; color:#707b8b; font-size:0.81em; font-weight:normal; letter-spacing:0}
.set_menu .depth2 li a:after {position:absolute; top:50%; right:20px; display:block; width:6px; height:10px; margin-top:-5px; content:''; background:url('//pics.gmarket.co.kr/mobile/bg_category_menu01.png') no-repeat -70px 0; background-size:250px 250px}
/* depth2 on */
.set_menu .depth2 li.on a {color:#198ef6}
.set_menu .depth2 li.on a:after {position:absolute; top:50%; right:20px; display:block; width:6px; height:10px; margin-top:-5px; content:''; background:url('//pics.gmkt.kr/mobile/bg_category_menu01.png') no-repeat -60px 0; background-size:250px 250px}
.set_service {overflow:hidden}
.set_service li {float:left; width:50%}
.set_service li a {position:relative; display:block; height:35px; padding:5px 10px 5px 12px; border-right:1px solid #ededed; border-bottom:1px solid #ededed; display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box; color:#707b8b; font-weight:normal; font-size:13px;}
.set_service li.new a span:after { position:relative; top:-4px; left:-1px; display:inline-block; content:''; width:15px; height:14px; margin-left:2px; background:url('//pics.gmkt.kr/mobile/bg_category_menu01.png') no-repeat -80px 0; background-size:250px 250px}
.set_service li a:after {position:absolute; top:50%; right:10px; display:block; width:6px; height:10px; margin-top:-5px; content:''; background:url('//pics.gmkt.kr/mobile/bg_category_menu01.png') no-repeat -118px 0; background-size:250px 250px}



.menubox,.dep1_menu:after{display:block;content:'';clear:both}
.dep1_menu{overflow:hidden;position:relative;z-index:1;border-bottom:1px solid #bec5ce}
.dep1_menu > li{float:left;width:25%;height:85px;margin-bottom:0;background-color:#fff;border-left:1px solid #f6f6f6;border-top:1px solid #f6f6f6;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}
.dep1_menu > li:nth-child(4n+1){clear:both;border-left:0}
.dep1_menu > li > a{display:inline-block;width:100%;height:85px;font-size:11px;letter-spacing:-1px;color:#687083}
.dep1_menu > li > a:before{display:block;width:46px;height:34px;margin:10px auto 2px;background:url(https://cancerok.speedgabia.com/mobile/images/icon_menu.png) no-repeat 0 0;background-size:auto 68px;content:''}
.dep1_menu > li > a.c1:before{background-position-x:0}
.dep1_menu > li > a.c2:before{background-position-x:-46px}
.dep1_menu > li > a.c3:before{background-position-x:-92px}
.dep1_menu > li > a.c4:before{background-position-x:-138px}
.dep1_menu > li > a.c5:before{background-position-x:-184px}
.dep1_menu > li > a.c6:before{background-position-x:-230px}
.dep1_menu > li > a.c7:before{background-position-x:-276px}
.dep1_menu > li > a.c8:before{background-position-x:-322px}
.dep1_menu > li > a.c9:before{background-position-x:-368px}
.dep1_menu > li > a.c10:before{background-position-x:-414px}
.dep1_menu > li > a.c11:before{background-position-x:-460px}
.dep1_menu > li > a.c12:before{background-position-x:-506px}
.dep1_menu > li > a.c13:before{background-position-x:-552px}
.dep1_menu > li > a.c14:before{background-position-x:-598px}
.dep1_menu > li > a.c15:before{background-position-x:-644px}
.dep1_menu > li > a.c16:before{background-position-x:-690px}
.dep1_menu > li.on{background-color:#4b6cb3;border-color:#4b6cb3}
.dep1_menu > li.on > a{color:#fff}
.dep1_menu > li.on > a:before{background-position-y:-34px}
.dep1_menu > li.on .depth2{display:block}
.dep1_menu > li.on .depth2:after{position:absolute;display:block;content:'';height:1px;width:100%;background:#d8dde7;bottom:0;left:0}
.dep1_menu .depth2{overflow:hidden;display:none;position:absolute;width:100%;top:89px;left:1px;z-index:-1;background-color:#eef1f6;border-top:1px solid #d8dde7}
.dep1_menu .depth2 li{float:left;width:50%;height:40px;border-bottom:1px solid #e5e8ee;border-right:1px solid #e5e8ee;-webkit-box-sizing:border-box;box-sizing:border-box}
.dep1_menu .depth2 li:nth-child(even){border-right:none}
.dep1_menu .depth2 li a{display:block;height:40px;padding-left:12px;line-height:40px;font-size:12px;color:#959eae;text-align:left}
.dep1_menu + .title{position:relative;z-index:2;margin-top:-2px;border-top-color:#bdc5ce}
@media screen and (min-width:610px){
.dep1_menu > li{width:12.5%}
.dep1_menu > li:nth-child(4n+1){clear:inherit;border-left:1px solid #f6f6f6}
.dep1_menu > li:nth-child(8n+1){clear:both}
.dep1_menu .depth2 li{width:25%}
.dep1_menu .depth2 li.last{position:relative;width:50%}
.dep1_menu .depth2 li.last:after{display:block;position:absolute;top:0;left:50%;width:1px;height:40px;margin-left:-2px;border-right:1px solid #e5e8ee;content:''}
.dep1_menu .depth2 li.last a{width:46%}
.dep1_menu .depth2 li:nth-child(even){border-right:1px solid #e5e8ee}
.dep1_menu .depth2 li:nth-child(4n){border-right:none}
.dep1_menu .depth2 li:nth-child(1),.dep1_menu .depth2 li:nth-child(2),.dep1_menu .depth2 li:nth-child(3),.dep1_menu .depth2 li:nth-child(4){border-top-color:#d8dde7}