﻿*{margin:0;padding:0}
img{border:0;}
ul{list-style:none}
body{font-size:12px;background:#f0f0f0;}
.img_bottom{ vertical-align:bottom}
.img-max-100{ max-width:100%;}
header{background:#FFFFFF}
header #header-ci{ width:100%; padding-top:15px; padding-bottom:15px ;0}

/*로케이션*/
#location{ border-top:3px solid #1785d2;background-image: linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -o-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -moz-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -ms-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(254,254,254) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(252,252,252)),
	color-stop(1, rgb(254,254,254))
);}
#location .location-03{ padding-left:10px; font-weight:bold; color:#383838; width:60px;}
#location .location-03-out{ padding-left:10px; font-weight:100; color:#383838}
#location .location-05{ padding-left:10px; font-weight:bold; color:#383838}
/*콘텐츠*/
#sub-content{position:relative; width:98% !important; padding:1% !important; margin-bottom:150px; }
/*메뉴리스트*/
#sub-content .sub-menu{ clear:both; width:100%;  height:36px; margin:7px 0;  font-size:17px; color:#0e96bb; font-weight:bold;-webkit-border-radius: 7px;border-radius: 7px;background-image: linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(248,248,248)),
	color-stop(1, rgb(255,255,255))
);-webkit-box-shadow: 1px 1px 5px 1px #a6a6a6;
box-shadow: 1px 1px 5px 1px #a6a6a6;}
#sub-content .sub-menu .sub-menu-label{padding:8px 10px; 0 0; float:left;}
#sub-content .sub-menu .sub-menu-label2{font-size:12px; color:#606060}
#sub-content .sub-menu .sub-menu-icon{float:right; padding:6px 10px; 0 0}

#sub-content .sub-content-header{position:relative; padding:10px 0}
#sub-content .sub-content-header .sub-content-header-in1 .top-icon-6{ padding:0 5px 0 15px}
#sub-content .sub-content-header .sub-content-header-in1 .top-icon-5{ padding:0 5px 0 15px}
#sub-content .sub-content-header .sub-content-header-in1 .top-icon-7{ padding:10px 5px 0 15px; position:relative; top:10px}
#sub-content .sub-content-header .sub-content-header-in2{ position:relative; padding:15px 5px 0 10px;}
#sub-content .sub-content-header .sub-content-header-label1{ position:relative; font-size:24px; font-weight:bold; color:#333333; padding-bottom:5px;letter-spacing:-0.1em;line-height:20px}
#sub-content .sub-content-header .sub-content-header-label2{ position:relative; font-size:14px; font-weight:bold; color:#555555; letter-spacing:-0.1em;line-height:20px}

#sub-content #sub-introduce{clear:both; width:98% !important;-webkit-border-radius: 7px;border-radius: 7px; background:#FFFFFF; padding:1% !important}
#sub-content #sub-introduce-table{border:1px solid #afd7e3}
#sub-content #sub-introduce .sub-introduce-label1{width:28% !important; height:28px; padding-left:2% !important; background:#6fb7cc; color:#FFFFFF; border-bottom:1px solid #eaeaea}
#sub-content #sub-introduce .sub-introduce-label2{padding-left:2% !important; color:#808080;border-bottom:1px solid #eaeaea}
#sub-content #sub-introduce .sub-introduce-label1-last{width:28% !important; height:28px; padding-left:2% !important; background:#6fb7cc; color:#FFFFFF; }
#sub-content #sub-introduce .sub-introduce-label2-last{padding-left:2% !important; color:#808080;}
#sub-content #sub-introduce .introduce-subway{ border:none; background:#00b050;-webkit-border-radius: 5px;border-radius: 5px; color:#ffffff; font-size:12px; padding:3px} 
#sub-content #sub-introduce .introduce-button2{ border:1px solid #d0d0d0; padding:2px; background:#f0f0f0;-webkit-border-radius: 5px;border-radius: 5px; color:#505050; font-size:12px} 
#sub-content #sub-introduce .introduce-button3{ border:1px solid #413036; padding:2px; background:#413036;-webkit-border-radius: 5px;border-radius: 5px; color:#ffff32;font-size:12px} 
 
/*소개배너*/
#sub-content #sub-introduce-banner #sub-introduce-banner-table{width:100%}
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-01{ width:49%; padding-right:0.5%;vertical-align:top;}
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-02{ width:49%; padding-left:0.5%}
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-box1{position:relative; width:49%; padding-right:0.5%;  }/*height:164px; min-height:164px; by bong*/
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-box2{position:relative; width:49%; padding-left:0.5%; }/*height:164px; min-height:164px; by bong*/
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-box-in1{position:relative;  width:100%; height:30px; background: #6f9bcc;
   filter: alpha(opacity=80);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   opacity:0.8;
   -moz-opacity: 0.80; 
   zoom: 1; text-align:center; font-weight:bold; color:#FFFFFF;}
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-box-in2{position:relative;  width:100%; height:30px; background: #6f7ecc;
   filter: alpha(opacity=80);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   opacity:0.8;
   -moz-opacity: 0.80; 
   zoom: 1;text-align:center;font-weight:bold; color:#FFFFFF;}
#sub-content #sub-introduce-banner #sub-introduce-banner-table .sub-introduce-banner-box-text{ position:relative; top:8px}


/*갤러리*/
#sub-content #sub-gallery .sub-gallery-table{width:100%}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-table-tab1{ width:49%;color:#ffffff;}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-table-tab2{ width:49%;color:#707070;}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-menu{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius: 7px;border-radius: 7px; background:#6db4c9}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-menu-out{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#fefefe}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-menu .sub-menu-label{padding:10px 10px; 0 0; float:left;}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-menu-out .sub-menu-label{padding:10px 10px; 0 0; float:left; color:#707070;}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-menu .sub-menu-label2{font-size:12px; color:#606060}
#sub-content #sub-gallery .sub-gallery-table .sub-gallery-menu .sub-menu-icon{float:right; padding:8px 10px; 0 0}
#sub-content #sub-gallery .sub-gallery-box{position:relative; width:100%; padding-right:0.5%; height:308px; min-height:308px;}
#sub-content #sub-gallery .sub-gallery-box-in{position:relative;  width:100%; height:35px; background: #6f9bcc;
   filter: alpha(opacity=80);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   opacity:0.8;
   -moz-opacity: 0.80; 
   zoom: 1; text-align:center; font-weight:bold; color:#FFFFFF;}
#sub-content #sub-gallery .sub-gallery-box-in .sub-gallery-box-text{ position:relative; top:12px}
#sub-content #sub-gallery .sub-gallery-page{ position:relative; padding-top:20px; padding-bottom:10px;}
#sub-content #sub-gallery .sub-gallery-page .sub-gallery-btn-over{position:relative; display:inline-block;width:20px; height:20px;-webkit-border-radius: 10px ;border-radius:10px; background:#fdb10d; margin:0 5px 0 0;}
#sub-content #sub-gallery .sub-gallery-page .sub-gallery-btn-out{position:relative; display:inline-block;width:20px; height:20px;-webkit-border-radius: 10px ;border-radius:10px; background:#858585; margin:0 5px 0 0;}

/*상담요청*/
#sub-content #sub-request .sub-request-table{width:100%}
#sub-content #sub-request .sub-request-table .sub-request-table-tab{ width:100%;color:#ffffff;}
#sub-content #sub-request .sub-request-table .sub-request-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
#sub-content #sub-request .sub-request-table .sub-request-content{ clear:both; width:100%;  min-height:60px; margin:7px 0;  font-size:13px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#fefefe; color:#555555; overflow:hidden}
#sub-content #sub-request .sub-request-table .sub-request-content2{ clear:both; width:100%;  min-height:130px; margin:7px 0;  font-size:13px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#fefefe; color:#555555; overflow:hidden}
#sub-content #sub-request .sub-request-table .sub-request-content .sub-request-content-in{ position:relative; top:10px; padding:5px}
#sub-content #sub-request .sub-request-table .sub-request-content2 .sub-request-content-in2{ position:absolute;width:90%;height:100px; padding:10px 10px; overflow:hidden}
#sub-content #sub-request .sub-request-table .sub-request-content2 .sub-request-content-textarea{ width:95%;height:90px; padding:10px 10px; overflow:hidden; border:none}

#sub-content #sub-request .sub-request-table .sub-menu-label{padding:10px 10px; 0 0; float:left;}
#sub-content #sub-request .sub-request-checkbox{ position:relative; top:2px; margin-right:5px;}
#sub-content #sub-request .sub-request-input{ position:relative; width:50px; height:16px; padding:3px;}
#sub-content #sub-request .sub-request-select{ position:relative; width:80px;height:26px;}
#sub-content #sub-request .sub-request-select2{ position:relative; width:100px;height:26px;}
#sub-content #sub-request .sub-request-label{ position:relative;  margin-left:3px;}
#sub-content #sub-request .sub-request-table .sub-request-menu .sub-menu-label2{font-size:12px; color:#606060}
#sub-content #sub-request .sub-request-button{ text-align:center; width:130px; padding:8px 5px; border:1px solid #9b9b9b;-webkit-border-radius:5px;border-radius:5px; background:#f7f7f7; font-size:13px; color:#505050; font-weight:bold}

/*이벤트*/
#sub-content #sub-event .sub-event-table{width:100%}
#sub-content #sub-event .sub-event-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
#sub-content #sub-event .sub-event-title2{ clear:both; width:100%;  height:40px; margin:0 0 7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#cdcdcd}
#sub-content #sub-event .sub-event-table .sub-menu-label{padding:10px 10px; 0 0; float:left; color:#FFFFFF}
#sub-content #sub-event .sub-event-table .sub-menu-label2{padding:10px 10px; 0 0; float:left; color:#7a7a7a}
#sub-content #sub-event .sub-event-table .sub-menu-icon{float:right; padding:6px; margin-right:1%; margin-top:8px; width:90px; height:12px; color:#FFFFFF; font-size:11px;  border:1px solid #185987;background: #3298e0; /* Old browsers */
background: -moz-linear-gradient(top,  #3298e0 0%, #2989d8 50%, #126fb1 51%, #167fc9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3298e0), color-stop(50%,#2989d8), color-stop(51%,#126fb1), color-stop(100%,#167fc9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3298e0', endColorstr='#167fc9',GradientType=0 ); /* IE6-9 */ text-align:center}

#sub-content #sub-event .sub-event-content{ clear:both; width:96%; padding:5px 2% 2% 2%;  min-height:150px; margin-bottom:20px;   font-size:13px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#fefefe; color:#555555}
.sub-event-list{ width:100%; border-bottom:1px solid #dedede; margin-top:20px;}
.sub-event-table-tab1{position:relative; padding:0 0 20px 0}
.sub-event-image{position:relative; border:1px solid #cdcdcd}
.sub-event-label-01{ font-size:16px; color:#2994b4; font-weight:bold; padding-bottom:10px;}
.sub-event-label-02{ font-size:12px; color:#555555; font-weight:bold; padding-bottom:5px;}
.sub-event-label-02{ font-size:12px; color:#555555; font-weight:bold; }

.sub-event-content{ clear:both; width:100%;  min-height:60px; margin:7px 0;  font-size:13px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#fefefe; color:#555555}
.sub-event-content .sub-request-content-in{ position:relative; top:22px; left:12px;}
.sub-event-table .sub-menu-label{padding:10px 10px; 0 0; float:left;}
.sub-event-checkbox{ position:relative; top:2px; margin-right:5px;}
.sub-event-input{ position:relative; width:50px; height:16px; padding:3px;}
.sub-event-input2{ position:relative; width:320px; height:16px; padding:3px;}
.sub-event-select{ position:relative; width:80px;height:26px;}
.sub-event-select2{ position:relative; width:100px;height:26px;}
.sub-event-label{ position:relative;  margin-left:3px;}
.sub-event-table .sub-request-menu .sub-menu-label2{font-size:12px; color:#606060}
.sub-event-button{ text-align:center; width:130px; padding:8px 5px; border:1px solid #9b9b9b;-webkit-border-radius:5px;border-radius:5px; background:#f7f7f7; font-size:13px; color:#505050; font-weight:bold}

.sub-event-ask1{position:relative; padding:8px 0; border-bottom:1px solid #c2c2c2; margin-bottom:10px;}
.sub-event-ask1 h2{ font-size:26px; color:#2994b4}
.sub-event-ask2{position:relative; padding:8px 0;}
.sub-event-ask2 h3{position:relative; padding:0 0 3px 0;}
.sub-event-ask3{position:relative; padding:8px 0;}
.sub-event-ask3 h3{position:relative; padding:0 0 3px 0;}


/*닥터소개*/
#sub-content .sub-doc-table{width:100%}
#sub-content .sub-doc-ctable{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#ffffff}
#sub-content .sub-doc-table .sub-doc-table-tab{ width:100%;color:#ffffff;}
#sub-content .sub-doc-table .sub-doc-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
#sub-content .sub-doc-table .sub-menu-label{padding:10px 10px; 0 0; float:left;}
#sub-content .sub-doc-table .sub-menu-icon{float:right; padding:8px 10px; 0 0}
#sub-content .sub-doc-table .sub-doc-1{ padding:15px; width:100%; height:100px; min-height:100px; background:#FFFFFF;-webkit-border-radius: 7px;border-radius: 7px; margin:15px 0}


#sub-content .sub-doc-ctable .sub-doc-1{ width:35%; max-width:35%}
#sub-content .sub-doc-ctable .sub-doc-1 p{ position:relative; padding:10px;}
#sub-content .sub-doc-ctable .sub-doc-2{ padding-top:10px; letter-spacing:-0.1em}
#sub-content .sub-doc-ctable .sub-doc-2 .label1{padding-bottom:10px; font-size:15px; color:#2994b4}
#sub-content .sub-doc-ctable .sub-doc-2 .label2{padding-bottom:3px;font-size:23px; color:#111111; line-height:18px}
#sub-content .sub-doc-ctable .sub-doc-2 .label2 span{font-size:13px; color:#111111}
#sub-content .sub-doc-ctable .sub-doc-2 .label3{padding-bottom:5px;font-size:16px; color:#555555}
#sub-content .sub-doc-ctable .sub-doc-2 .label4{font-size:12px; color:#555555; line-height:14px; padding-right:10px; padding-bottom:10px}
#sub-content .sub-doc-ctable .sub-doc-line{ width:96%; height:1px; background:#dedede;}
#sub-content .sub-doc-ctable .sub-doc-3{padding:12px 0 10px 20px;}
#sub-content .sub-doc-ctable .sub-doc-3 .label5{padding-bottom:6px;font-size:13px; color:#555555}
#sub-content .sub-doc-ctable .sub-doc-3 .label6{padding-bottom:5px;font-size:12px; color:#555555}
#sub-content .sub-doc-ctable .sub-doc-title5{ clear:both; width:96%;  height:40px;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#f8f8f8; border-left: border-bottom:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; margin-bottom:10px;}
#sub-content .sub-doc-ctable .sub-doc-title5 .sub-menu-label{padding:10px 10px; 0 0; float:left; color:#0e96bb}
#sub-content .sub-doc-ctable .sub-doc-title6{ clear:both; width:96%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#f8f8f8; border-left: border-bottom:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; margin-top:20px;}
#sub-content .sub-doc-ctable .sub-doc-title6 .sub-menu-label{padding:10px 10px; 0 0; float:left; color:#0e96bb}

/*진료과목*/


#sub-content .sub-item-table{width:100%}
#sub-content #sub-item-content{ position:relative; margin-top:20px; margin-bottom:4px}
#sub-content .sub-item-table .sub-item-table-tab{ width:100%;color:#ffffff;}
#sub-content .sub-item-table .sub-item-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
#sub-content .sub-item-table .sub-menu-label{padding:10px 10px; 0 0; float:left;}
#sub-content .sub-item-table .sub-menu-icon{float:right; padding:6px 8px 6px 6px;  text-align:center;margin-top:4px;margin-right:0%;}

#sub-content .sub-item-table .sub-item-1{ padding-right:3px; width:50%;}
#sub-content .sub-item-table .sub-item-2{ padding-left:3px; width:50%;}
#sub-content .sub-item-table .sub-item-3{ padding:15px; width:100%; height:100px; min-height:100px; background:#FFFFFF;-webkit-border-radius: 7px;border-radius: 7px; margin:15px 0}
#sub-content .sub-item-table .sub-item-5{ padding:3px; width:100%; height:100px; min-height:100px; background:#FFFFFF;-webkit-border-radius: 7px;border-radius: 7px; margin:3px 0}


#sub-content #sub-item{ position:relative; padding-top:20px; padding-bottom:20px;}
#sub-content .sub-menu2{ clear:both; width:100%;  height:36px; margin:4px 0;  font-size:17px; color:#707070; font-weight:bold;-webkit-border-radius: 3px;border-radius: 3px;background-image: linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(248,248,248)),
	color-stop(1, rgb(255,255,255))
);-webkit-box-shadow: 1px 1px 5px 1px #a6a6a6;
box-shadow: 1px 1px 5px 1px #a6a6a6;}


#sub-content .sub-menu2over{ background:#cccccc}
#sub-content .sub-menu2 .sub-menu-label{padding:8px 10px; 0 0; float:left;}
#sub-content .sub-menu2 .sub-menu-label2{font-size:12px; color:#606060}
#sub-content .sub-menu2 .sub-menu-icon{float:right; padding:6px 10px; 0 0}
#sub-content .sub-menu2over .sub-menu-label{ color:#333333}





/* 새로운 메뉴형태 추가*/
#sub-content .sub-item-table .sub-menu-label33{padding-top:10px ; text-align:center;font-size:13px; }
#sub-content .sub-item-table .sub-item-33{ padding-right:3px;width:30%;}
#sub-content .sub-menu33{ clear:both; width:100%;  height:36px; margin:4px 0;  font-size:12px; color:#707070; border:0px solid #b3b3b3;
background-image: -o-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(248,248,248)),
	color-stop(1, rgb(255,255,255))
);-webkit-box-shadow: 1px 1px 5px 1px #a6a6a6;
box-shadow: 1px 1px 5px 1px #a6a6a6;}



#sub-content .sub-menu33over{ background:#15acc0;font-size:12px; color:#ffffff;font-weight:bold;}
#sub-content .sub-menu33 .sub-menu-icon{float:right; padding:6px 10px; 0 0}
#sub-content .sub-menu33over .sub-menu-label{ color:#333333}
/* 새로운 메뉴형태 추가*/




/*맵*/
#sub-content .sub-map-table{width:100%}
#sub-content #sub-map-content{ position:relative; margin-top:20px; margin-bottom:20px}
#sub-content .sub-map-table .sub-map-table-tab{ width:100%;color:#ffffff;}
#sub-content .sub-map-table .sub-map-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
#sub-content .sub-map-table .sub-menu-label{padding:10px 10px; 0 0; float:left;}
#sub-content .sub-map-table .sub-map-1{ padding:15px; width:100%; height:100px; min-height:100px; background:#FFFFFF;-webkit-border-radius: 7px;border-radius: 7px; margin:15px 0}


/*없는콘텐츠*/
#sub-not-content{ position:relative; -webkit-border-radius:3px; width:96%; margin:auto;border-radius:3px; background:#ffffff; width:100%; margin:auto; text-align:center}
#sub-not-content .not-label{ padding:10px 0; font-size:20px; font-weight:bold; color:#333333}
#sub-not-content .not-button{ padding:6px;  margin-top:8px; width:90px; height:16px; color:#FFFFFF; font-size:14px;  border:1px solid #185987;background: #3298e0; /* Old browsers */
background: -moz-linear-gradient(top,  #3298e0 0%, #2989d8 50%, #126fb1 51%, #167fc9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3298e0), color-stop(50%,#2989d8), color-stop(51%,#126fb1), color-stop(100%,#167fc9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3298e0 0%,#2989d8 50%,#126fb1 51%,#167fc9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3298e0', endColorstr='#167fc9',GradientType=0 ); /* IE6-9 */ font-weight:bold; margin:auto
}
#sub-not-content .not-button a{ color:#FFFFFF}

/*풋터*/
footer{  z-index:100;position:relative;bottom:0px;padding-top: 4px; }
footer #footer-menu{ position:relative;   width:100% !important}
footer #footer-menu .footer-menu-box{padding:0px 0px; );
background-image: -o-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(214,214,214)),color-stop(1, rgb(255,255,255)));}
footer #footer-menu .footer-menu-box-last{ border-right:none}
footer #footer-menu .footer-menu-copy{padding:1px 0px}
footer #footer-menu .footer-copy1{color:#ffffff; font-size:11px;}
footer #footer-menu .footer-copy3{ color:#ffffff; font-size:11px;}
footer #footer-menu .footer-copy2{color:#c6c6c6; font-size:9px}

/*추가0424 휴대전화인증번호기본정보*/
.space-top-20px{ position:relative; margin-top:20px;}
.space-top-5px{ position:relative; padding-top:5px;}
.space-top-10px{ position:relative; margin-top:10px;}
.space-bottom-10px{ position:relative; margin-bottom:10px;}
.checkbox-label{position:relative; top:-1px;padding-left:5px;}
.content-right{text-align:right}
.content-center{text-align:center}
#sub-content .sub-box-w100{width:100%}
#sub-content .sub-box-w85{width:85%}
#sub-content .sub-box-w70{width:70%}
#sub-content .sub-box-w10{width:10%}
#sub-content .set-clear{clear:both}
#sub-content .skin-color{ color:#5aafc7}
#sub-content .sub-box-checkbox{ margin:0 2px;}
#sub-content .sub-box-label{ margin:0 30px 0 0;}
#sub-content .sub-menu-label{padding:8px 10px; 0 0; float:left;}
#sub-content .sub-box-input1{width:100%; min-width:100% !important; height:16px; padding:3px;}
#sub-content .sub-box-input2{ position:relative;width:100%; min-width:100% !important; height:16px; padding:3px; margin-left:5px; top:3px}
#sub-content .sub-box-input3{ position:relative;width:96%; min-width:96% !important; height:16px; padding:3px; margin:3px; top:3px}
#sub-content .sub-box-select{width:20%; max-width:100px;  height:24px;position:relative;margin-top:3px}
#sub-content .sub-box .sub-member-table{width:100%}
#sub-content .sub-box .sub-member-table .sub-table-tab{ width:100%;color:#ffffff;}
#sub-content .sub-box .sub-member-table .sub-table-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:17px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
#sub-content .sub-box .sub-member-table .sub-table-tab-in{width: 100%;color: #ffffff;}
#sub-content .sub-box .sub-member-table .sub-table-content-in-center{ text-align:center}
#sub-content .sub-box .sub-member-table .sub-table-tab-in .sub-table-content{clear: both;width: 96%;min-height: 110px; padding:4% 2% 1% 2%;margin: 7px 0;font-size: 13px;font-weight: bold;-webkit-border-radius: 7px;border-radius: 7px;background: #fefefe;color: #555555;overflow: hidden;}
#sub-content .sub-box .sub-round-button1{text-align:center;width: 100%;padding: 5px 5px;border: 1px solid #9b9b9b;-webkit-border-radius: 5px;border-radius: 5px;background: #f7f7f7;font-size: 13px;color: #505050;font-weight: bold; margin-left:15px;}
#sub-content .sub-box .sub-round-button2{text-align:center; width: 100px;padding: 5px 5px;border: 1px solid #9b9b9b;-webkit-border-radius: 5px;border-radius: 5px;background: #f7f7f7;font-size: 13px;color: #505050;font-weight: bold; margin-left:15px; margin:0 auto; margin-bottom:20px;}
#sub-content .sub-box .sub-round-button3{text-align:center; width: 80px;padding: 5px 5px;border: 1px solid #9b9b9b;-webkit-border-radius: 5px;border-radius: 5px;background: #f7f7f7;font-size: 13px;color: #505050;font-weight: bold; margin-bottom:20px;}
#sub-content .sub-box .sub-member-table .sub-box-left-item{float:left}
#sub-content .sub-box .sub-member-table .sub-box-right-item{ position:absolute; right:3%;}
/*개인정보취급방침*/
#sub-content .sub-box .sub-box-policy{width:96%; padding:2%; height:100px; min-height:100px !important; border:1px solid #999999;  overflow-y: scroll; font-size:13px; margin-top:15px;}
#sub-content .sub-box .sub-box-policy p{ padding:3px 0;}
/*문의내역상세보기*/
#sub-content .sub-box .sub-request{position:relative; border:1px solid #c4c4c4; background:#f0f0f0; padding:5px; width:96%; min-height:120px; margin:auto; margin-bottom:25px;}
#sub-content .sub-box .sub-request-textarea{ position:relative; background:#f0f0f0; padding:5px; width:99%; min-height:120px; margin:auto; border:none}
/*문의내역*/
#sub-content .sub-box .sub-request-table-td1{padding:8px 0; color:#FFFFFF}
#sub-content .sub-box .sub-request-table-td2{}
#sub-content .sub-box .sub-request-table-td3{padding:8px 5px; font-size:12px; border-bottom:1px solid #c9c9c9;}
#sub-content .sub-box .sub-request-table-td4{font-size:12px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9}
/*성인인증*/
#sub-content .sub-box .sub-confirm{padding:5px; border:1px solid #cccccc; background:#f8f8f8; border-radius:5px; margin-top:30px}
#sub-content .sub-box .sub-confirm2{padding:5px; border:1px solid #cccccc; background:#f8f8f8; border-radius:5px; margin-top:30px; margin-bottom:100px;}
#sub-content .sub-box .sub-confirm-table{margin:auto; text-align:center}
#sub-content .sub-box .sub-confirm-text1{font-size:16px; color:#00769c; padding-bottom:5px;}
/*비밀번호변경*/
#sub-content .sub-box .sub-password-table-td1{padding:8px 5px; color:#FFFFFF; background:#c9c9c9; font-size:11px; border:1px solid #c9c9c9;}
#sub-content .sub-box .sub-password-table-td2{ font-size:11px; border:1px solid #c9c9c9;}
#sub-content .sub-box .sub-password-table-td3{padding:8px 5px; font-size:12px; border:1px solid #c9c9c9; border-top:none; border-right:none;background:#6eb6cb; color:#FFFFFF; font-size:11px}
#sub-content .sub-box .sub-password-table-td4{font-size:12px; border:1px solid #c9c9c9; border-top:none; font-size:11px }
#sub-content .sub-box .sub-password-input{ position:relative; left:5px; padding:5px; width:150px; border:none }
#sub-content .sub-box .sub-password-text1{ color:#00769c; font-size:12px; margin-bottom:10px;}
#sub-content .sub-box .sub-password-text2{  color:#7f7f7f; font-size:11px }
#sub-content .sub-box .sub-password-button1{padding:5px; background:#fefefe; border-radius:5px; border:1px solid #999999; width:100px}
#sub-content .sub-box .sub-password-button2{padding:5px; background:#d5d5d5; border-radius:5px; border:1px solid #999999; width:100px}
/*이벤츠참여하기*/
#sub-content .sub-box .sub-event-title{ position:relative; margin-bottom:10px}
#sub-content .sub-box .sub-event-table-td1{padding:8px 5px; color:#555555; background:#f4f4f4; font-size:12px; border:1px solid #c9c9c9;}
#sub-content .sub-box .sub-event-table-td2{padding:20px 5px; color:#555555; background:#ffffff; font-size:12px; border:1px solid #c9c9c9; border-top:none}
#sub-content .sub-box .sub-event-input{ margin:5px 0; width:98%; background:#f4f4f4; border:1px solid #999999}
/*마이페이지*/
#sub-content .sub-box .sub-mypage-table-td1{ height:27px;padding:8px 5px; font-size:12px; border:1px solid #c9c9c9; border-bottom:none; background:#999999; color:#ffffff}
#sub-content .sub-box .sub-mypage-table-td2{height:27px;padding:8px 5px;font-size:12px; border:1px solid #c9c9c9; border-bottom:none; border-left:none}
#sub-content .sub-box .sub-mypage-table-td3{height:27px;padding:8px 5px; font-size:12px; border:1px solid #c9c9c9; background:#999999; color:#ffffff}
#sub-content .sub-box .sub-mypage-table-td4{height:27px;padding:8px 5px;font-size:12px; border:1px solid #c9c9c9; border-left:none}
#sub-content .sub-box .sub-mypage-table-td4 button{ position:relative; left:10px;padding:4px;}
.sub-member-table .sub-menu-icon{float:right; padding:6px 10px; 0 0}

@media screen and (max-width: 320px) {
	header #header-ci #ci{ width:120px; max-width:120px}
	#sub-content{margin-bottom:10px; }
	#sub-content #sub-request .sub-request-select{ width:60px;}
	#sub-content #sub-request .sub-request-select2{ width:75px;}
	footer{ width:100%; margin:0 auto; text-align:center;}
	footer #footer-menu .footer-menu-box{padding:0px 0 0 0;}
	#sub-content .sub-item-table .sub-item-title{ clear:both; width:100%;  height:40px; margin:7px 0;  font-size:15px;  font-weight:bold;-webkit-border-radius:7px;border-radius:7px; background:#6db4c9}
	#sub-content .sub-menu2{ clear:both; width:100%;  height:36px; margin:4px 0;  font-size:14px; color:#707070; font-weight:bold;-webkit-border-radius: 3px;border-radius: 3px;background-image: linear-gradient(bottom, rgb(248,248,248) 0%, rgb(255,255,255) 100%);}

}
@media screen and (min-width: 321px){
	#sub-content{margin-bottom:10px; }
	#sub-content #sub-request .sub-request-select{ width:70px;}
	#sub-content #sub-request .sub-request-select2{ width:80px;}
	footer{ width:100%; margin:0 auto; text-align:center;}
	footer #footer-menu .footer-menu-box{padding:0px 0 0 0;}
	footer #footer-menu .footer-copy1{color:#ffffff; font-size:9px;}
	footer #footer-menu .footer-copy3{ color:#ffffff; font-size:9px;}
}

@media screen and (min-width: 750px)  {
	footer{ width:100%; margin:0 auto; text-align:center;}	
}
