@charset "utf-8";
.clr:before,
.clr:after { content: ' '; display: block; }
.clr:after { clear: both; }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
html { overflow-y: scroll; height: 100%; }
body { font-size: 24px; color: #000; font-family: '맑은 고딕', '나눔고딕', dotum; margin: 0px;}
::-webkit-input-placeholder { color: #000 !important; opacity: 1 !important; }
::-moz-placeholder { color: #000 !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #fff !important; opacity: 1 !important; }
:-moz-placeholder { color: #000 !important; opacity: 1 !important; }
.placeholder { color: #000 !important; opacity: 1 !important; }
a { color: inherit; }
.wrap { max-width: 1000px; margin: 0 auto; text-align: left; }
.img_content > img,
.img_content > a > img,
.img_content .wrap > img,
.img_content .wrap > a > img { display: block; width: 100%; }

.imgbox > img,
.imgbox > a > img,
.imgbox .wrap > img,
.imgbox .wrap > a > img { display: block; width: 100%; }

.content { max-width: 1000px; margin: 0 auto; overflow: hidden; }

.bottom { padding: 25px 10px; background: #3f3f3f; font-size: 16px; color: #fff; line-height: 1.2; }
.bottom > .inner { position: relative; max-width: 1000px; margin: 0 auto; }
.bottom .bottom-logo { position: absolute; left: 3%; top: 5%; width: 20%; }
.bottom .bottom-logo img { width: 100%; max-width: 197px; }
.bottom .copy {text-align: center; }
.bottom .copy span { margin-right: 5px; }
.bottom .copy .name { }
.bottom .copy .address { margin-top: 20px; }
.bottom .m-br { display: block; height: 0; line-height: 0; font-size: 0; }
@media (max-width:479px) {
    .bottom { padding: 15px 10px; font-size: 13px; letter-spacing: -0.05em; }
    .bottom .bottom-logo { position: static; width: 40%; margin: 0 auto; }
    .bottom .copy { margin: 0; padding-top: 10px; }
    .bottom .copy .name { }
    .bottom .copy .address { }
}

.co2 { position: relative; }
.co2 .count {position: absolute;left: 0%;color: #fff;font-size: 70px;padding: 0em 0em;border-radius: 0.25em;}
.co2 .count-1 { top: 35%; left: 73%; font-family: NanumGothic;}


@media (max-width:999px) {
    .co2 .count { font-size: 7.7vw; }
}


.send_db { max-width: 1000px; margin: 0 auto; background: #e8e8e8; }
.send_db-wrap { background: #fff; padding: 30px 15px; }
.send_db-box { margin: 0 auto; width: 95%; max-width: 870px; padding: 30px 0 50px; box-sizing: border-box; }
.send_db-box > .inner { position: relative; }
.send_db-box ul { width: 100%; box-sizing: border-box; }
.send_db-box ul li {border-bottom: 1px solid #3f3f3f; line-height: 3.5; font-size: 16px; white-space: nowrap; overflow: hidden; }
.send_db-box ul li:after { content: ''; display: table; clear: both; }
.send_db-box ul li .writer,
.send_db-box ul li .tel,
.send_db-box ul li .subject { display: inline-block; white-space: nowrap; }
.send_db-box ul li .writer { width: 150px; text-align: center; }
.send_db-box ul li .tel { width: 450px; text-align: center; }
.send_db-box ul li .subject { }
.send_db-box ul li:last-child { border-bottom: 0; }
@media (max-width:767px) {
    .send_db { letter-spacing: -0.05em; fon}
    .send_db-box { padding: 15px 0 25px; }
    .send_db-wrap { padding: 15px 10px; }
    .send_db-box ul { padding: 0; }
    .send_db-box ul li { }
    .send_db-box ul li .writer { width: 200px; }
    .send_db-box ul li .tel { width: 150px; }
    .send_db-box ul li .subject { display: none }
}

.form_check { position: relative; letter-spacing: -0.1em; background: #1a6aff; padding: 70px 0; }
.form_check .form { width: 95%; max-width: 939px; margin: 0 auto; background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 5px 8px 2px rgba(0, 0, 0, 0.35); }

.form_check .form-wrap { }
.form_check .form-wrap > .inner { position: relative; width: 95%; max-width: 938px; margin: 0 auto; padding-bottom: 5%; }
.form_check .form-title { margin: 0 auto; }
.form_check .form-title img { width: 100%; margin: 0 auto; }

.form_check .text,
.form_check .textarea,
.form_check .select { width: 100%; padding: 5px; border: 1px solid #000; background: #fff; background-image: none !important; height: 60px; box-sizing: border-box; }
.form_check .textarea { height: 140px; resize: none; }
.form_check .select { padding: 0; background-color: #fff; }

.form_check .item-list { margin-right: 280px; box-sizing: border-box; }
.form_check .item-row:before,
.form_check .item-row:after { content: ''; display: block; }
.form_check .item-row:after { clear: both; }
.form_check .item-row { position: relative; margin-bottom: 12px; }
.form_check .item-row:last-child { margin-bottom: 0; }
.form_check .item-row .item-row { margin-bottom: 0; }
.form_check .item-col,
.form_check [class*="item-col-"] { float: left; box-sizing: border-box; }
.form_check .item-col { width: 50%; padding-right: 10px; }
.form_check .item-col:last-child { padding-right: 0; }
.form_check .item-col-1 { width: 40%; }
.form_check .item-col-1 .label { }
.form_check .item-col-1 .field { }
.form_check .item-col-1 .text { }
.form_check .item-col-2 { width: 60%; }
.form_check .label2,
.form_check .field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form_check .label { position: absolute; width: 100px; padding-right: 25px; text-align: right; line-height: 40px; height: 40px; color: #fff; font-weight: bold; white-space: nowrap; }
.form_check .field {vertical-align: top; }

.form_check .agree { padding-top: 10px; text-align: left; font-size: 16px;/* color: #fff; */ }
.form_check .privacy-link { margin-left: 3px; text-decoration: none; }
.form_check .submit { position: absolute; top: 0; right: 0; width: 260px; box-sizing: border-box; }
.form_check .submit-btn { width: 100%; cursor: pointer;}



@media (max-width:767px) {
    body { font-size: 16px; }
    .form_check { padding: 0px 0 0px; }
    .form_check .form { border-radius: 8px; box-shadow: 3px 5px 2px rgba(0, 0, 0, 0.35); }
    .form_check .text,
    .form_check .textarea,
    .form_check .select { height: 43px; }
    .form_check .item-list { padding-top: 2px; margin-right: 190px; }
    .form_check .item-row { margin-bottom: 8px; }
    .form_check .submit { width: 180px; }
}
@media (max-width:479px) {
    .form_check .text,
    .form_check .textarea,
    .form_check .select { height: 32px; }
    .form_check .item-list { padding-top: 2px; margin-right: 120px; }
    .form_check .item-row { margin-bottom: 5px; }
    .form_check .agree { font-size: 14px; }
    .form_check .submit { width: 110px; top: 0; }
    .form_check .submit-btn { }
}


.form_css { 
		
		width: 100%;
		float: left;
		background: #fff;
		
	}

	.form_css .form_row {
		
	    width: 60%;
	    float: left;
	    margin-left: 20%;
	    display: inline-block;
	    text-align: left;
	    border: 1px solid #b5b5b5;
	    margin-bottom: 15px;
    
	}
	.form_css .form_row_check {
		
	    width: 60%;
	    float: left;
	    margin-left: 20%;
	    display: inline-block;
	    text-align: left;
	    border: 1px solid #b5b5b5;
	    margin-bottom: 15px;
    
	}
	
	.form_css .form_row_full {
		
	    width: 100%;
	    margin-bottom: 5px;
	    float: left;
	    padding: 5px 0;
	    margin: 0;
	    display: inline-block;
	    text-align: left;
	    
	}
	
	.form_css .form_row_full a {
		
		color: #222;
		display: inline;
		font-weight: 400;
		
	}
	
	
	.form_css input[type='text'], .form_css input[type='number'], .form_css select {
	    
	    background: #fff;
	    color: #9b9b9b;
	    padding: 0 10px;
	    font-size: 14px;
	    border-radius: 0;
	    width:65%;
	    border: 0;   
	    margin: 0;
		position:relative;
		
	}
	
	.form_css select {
		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-position: right 10px top 50% !important;
		background-image: url() !important;
		background-repeat: no-repeat;
		
	}
	
	.form_css input[type='text'], .form_css select, .form_css input[type='number'] {
		
		line-height: 50px;
		height: 60px;
		
	}
	
	.form_css input[type='text'], .form_css input[type='number'] {
		
	    width: 60%;
		
	}
	
	.form_css .form_phone {
		
	    display: inline;
	    width: auto;
	    max-width: 60px;
	    position: relative;
	    line-height: 50px;
		text-align: center;
		
	}
	
	.form_css select.form_phone {
		
		max-width: 112px;
		width: 70px;
	    padding-right: 10px;
	    
	}
	
	.form_css input.form_phone {
    	
    	padding: 0 7px;
    	
	}

	.form_css .form_row_check > label:before {
		
	    
	}
	
	.form_css .form_row > label:before {
		
		content: "";
	    position: absolute;
	    height: 30px;
	    width: 1px;
	    background: #ccc;
	    right: 0;
	    top: 10px;
	    
	}
	
	.form_css input[type='checkbox'], .form_css input[type='radio'] {
	  
	  width: 20px; /*Desired width*/
	  height: 20px; /*Desired height*/
	  cursor: pointer;
	  display:inline;
	  margin-right: 5px;
	  border:1px solid #ddd;
	  background-color:#fff;
	
	}
	
	.form_css label {
		
	    font-size: 24px;
	    margin: 4px 0;
	    display: block;
	    line-height: 50px;
	    font-weight: bold;
	    width: 25%;
	    float: left;
	    text-align: center;
	    padding-left: 2%;
	    height:50px;
	    word-break: break-all;
	    color: #222;
	    position: relative;
	    
	}
	
	.form_css .form_row_full label{
		
		width: 100%;
		
	}
	
	.form_css .form_row_full input[type='checkbox']{
	    
	    float: left;
	    margin-right: 6px;
	    margin-top: 15px;
	    
	}
	
	.form_css label.sublabel {
		
	    font-size: 13px;
	    display: inline;
	    width: auto;
	    float: none;
	    padding-left: 5px;
		 margin-top: -12px;position: absolute
	    
	}
	
	.form_css .required label:after {
	   
	    content: '*';
	    font-size: 10px;
	    margin-left: 5px;
	    color: #b31616;
	    font-weight: bold;
	    margin-top: 0;
	    
	}
	
	.title_event {font-size: 15pt;font-weight: bold} 
	.stitle_event {font-size: 15pt;margin-top: 10px;margin-bottom: 50px;} 
	
	.radio_check { width:25px;height:25px;border:1px;font-size: 25px }
	.radio_label { font-size:30px;margin-left: 10px}
	
	@media (max-width:767px) {
			
		.title_event {font-size: 12pt;font-weight: bold} 
		.stitle_event {font-size: 10pt;margin-top: 10px;margin-bottom: 20px;} 
			
		.radio_check { width:15px;height:15px;border:1px;font-size: 12px }
		.radio_label { font-size:18px;margin-left: 3px}
	
		.form_css .form_row {
			
		    width: 87%;
		    float: left;
		    margin-left: 6%;
		    display: inline-block;
		    text-align: left;
		    border: 1px solid #b5b5b5;
		    margin-bottom: 5px;
	    
		}
		
		.form_css .form_row_check{
			width: 87%;
		    float: left;
		    margin-left: 6%;
		    display: inline-block;
		    text-align: left;
		    border: 1px solid #b5b5b5;
		    margin-bottom: 5px;
		    
		}
		
		.form_css input[type='text'], .form_css input[type='number'], .form_css select {
	    
		    background: #fff;
		    color: #9b9b9b;
		    padding: 0 10px;
		    font-size: 14px;
		    border-radius: 0;
		    width:65%;
		    border: 0;   
		    margin: 0;
			position:relative;
			
		}
		
		.form_css select {
			
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-position: right 10px top 50% !important;
			background-image: url() !important;
			background-repeat: no-repeat;
			
		}
		
		.form_css input[type='text'], .form_css select, .form_css input[type='number'] {
			
			line-height: 50px;
			height: 60px;
			
		}
		
		.form_css input[type='text'], .form_css input[type='number'] {
			
		    width: 60%;
			
		}
		
		.form_css .form_phone {
			
		    display: inline;
		    width: auto;
		    max-width: 60px;
		    position: relative;
		    line-height: 50px;
			text-align: center;
			
		}
		
		.form_css select.form_phone {
			
			max-width: 112px;
			width: 70px;
		    padding-right: 10px;
		    
		}
		
		.form_css input.form_phone {
	    	
	    	padding: 0 7px;
	    	
		}
	
		.form_css .form_row > label:before {
			
			content: "";
		    position: absolute;
		    height: 30px;
		    width: 1px;
		    background: #ccc;
		    right: 0;
		    top: 10px;
		    
		}
		
		
		.form_css .form_row_check > label:before {
			
		    
		}
		
		.form_css input[type='checkbox'], .form_css input[type='radio'] {
		  
		  width: 20px; /*Desired width*/
		  height: 20px; /*Desired height*/
		  cursor: pointer;
		  display:inline;
		  margin-top: 10px;
		  margin-right: 5px;
		  border:1px solid #ddd;
		  background-color:#fff;
		
		}
		
		.form_css label {
			
		    font-size: 18px;
		    margin: 4px 0;
		    display: block;
		    line-height: 50px;
		    width: 25%;
		    float: left;
		    text-align: center;
		    height:50px;
		    word-break: break-all;
		    color: #222;
		    position: relative;
		    
		}
		
		.form_css .form_row_full label{
			
			width: 100%;
			margin-left: 15%;
			
		}
		
		.form_css .form_row_full input[type='checkbox']{
		    
		    float: left;
		    margin-right: 6px;
		    margin-top: 15px;
		    
		}
		
		.form_css label.sublabel {
			
		    font-size: 13px;
		    display: inline;
		    width: auto;
		    float: none;
		    padding-left: 5px;
		    margin-top: -5px;position: absolute
		    
		}

		.form_css .required label:after {
		   
		    content: '*';
		    font-size: 10px;
		    margin-left: 5px;
		    color: #b31616;
		    font-weight: bold;
		    margin-top: 0;
		    
		}
			
		
	}
	
	input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
	input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
	input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

	.img_select{ width: 70% }
	
	@media (max-width:767px) {
		
		.img_select{width: 95%}
		
	}
	
	
	ul {
    list-style:none;
    margin:0;
    text-align: center;
    padding:0;
}

li {
    display:inline-block;
}

input[type="radio"]{ display: none}

	
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

html{ height:100%; }
body{ -webkit-text-size-adjust:none; background-color:#f7f7f7; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{ margin:0px; padding:0px;  }
section,nav,header,footer{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
form,fieldset,img{ border:0 none; }
ul,ol,li{ list-style:none outside; }
a{ text-decoration:none;color:#3b3b3b; }
li,p,dt,dd,div,span{ word-break:break-all; }
button, input[type='button'], input[type='submit'], input[type='reset']{ cursor:pointer; -webkit-border-radius:0; }
input[type=search]::-webkit-search-cancel-button{ -webkit-appearance:none; }
img,input,select,textarea{vertical-align:middle}

body{font:14px/1.5 'Lato','Malgun Gothic','Nanum Gothic','돋움', Dotum, '굴림', Gulim, arial, sans-serif;color:#333;letter-spacing:-.25pt;background-color:#fafafa}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td,article,figure{margin:0;padding:0;}
	#header { position:fixed; left:0px; right:0px; top:0px; width:100%; z-index:100; }
#wrap { width:100%;  margin:0px; }
#header { position:fixed; left:0px; right:0px; top:0px; width:100%; z-index:100; }

#gnb { width:100%; height:53px; border-bottom:solid 1px #ccc; background:#fff; }
#title { width:100%; height:54px; background: #ffffff; border-bottom: 1px solid #EAEAEA; /* FF3.6-15  background: -webkit-linear-gradient(left,  #fffff 0%,#fffff 100%); /* Chrome10-25,Safari5.1-6 background: linear-gradient(to right,  #fffff 0%,#fffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff', endColorstr='#fffff',GradientType=1 ); /* IE6-9 */}
	#title .logo { margin:0 auto; display:block;  background: #fffff; width:170px; height:54px; text-indent:-999em; background:url(http://doctorgram.cafe24.com/img/logo.png) no-repeat 0 0; background-size:170px auto; }
.txt_title { display:block; margin:0 auto; text-align:center; max-width:300px; overflow:hidden; height:53px; line-height:53px; font-weight:bold; font-size:18px; }

#title a { display:block; text-decoration:none; text-align:center; font-size:12px; color:#111; cursor:pointer; }
#title i{ display:block; background:url(img/layout.png) no-repeat 0 0; background-size:320px auto; width:25px; height:25px; margin:0 auto; }
		
#title .btn_back { position:absolute; left:10px; top:15px; }
#title .btn_back i { background-position:-100px -100px;  }		
		
#gnb .btn_search { position:absolute; right:10px; top:5px; }
#gnb .btn_search i { background-position:-200px 0px;  }

#gnb .btn_cart { position:absolute; right:10px; top:5px; }
#gnb .btn_cart i { background-position:-100px 0px;  }		
#gnb .btn_cart span { position:absolute; background-color:#ec1b23; right:0px; top:0px; width:17px; height:17px; line-height:17px; color:#fff; text-align:center; border-radius:10px; font-size:13px;  }		

#container { min-height:500px}

.form_input {
    float: left;
    height: auto;
    margin-right: 10px;
}

.input_div {
	width: 100%;
    padding-left: 16px;
    margin-bottom: 4px;
    height: 32px;
    position: relative;
    display: table;
    table-layout: fixed;
}

.input_title {
    font-size: 16px;
    width: 25%;
    text-align: right;
    color: rgb(74, 74, 74);
    display: table-cell;
    line-height: 1.25;
    vertical-align: middle;
    padding-right: 18px;
}

.input_text {
    width: 75%;
    height: 32px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.25;
    padding: 6px 16px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(223, 223, 223);
    border-image: initial;
}

.form_float{zoom:1}
.form_float:after{content:'';display:block;clear:both}
.form_float > li{float:left}

.form_back{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #eaeaea;z-index:1000}
.form_back #form_btn{display:block;padding:5px;}
.form_back #form_option{display:none;position:relative;padding:5px;}
.form_back #form_option .form_close{position:absolute;top:-40px;right:0;width:80px;height:40px;line-height:40px;background-color:#2EBDA9;color:#fff;text-align:center;font-size:18px}
	
.form_back.open{background-color:#fff}
.form_back.open #form_btn{display:none}
.form_back.open #form_option{display:block}
	
.form_back .form_button{
	height:46px;line-height:46px;margin-top:0;text-align:center;font-size:16px;color:#fff;
		-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
		}
.form_back #form_button_open{float:right;width:78.5%;background-color:#2EBDA9;border:1px solid #2EBDA9;font-weight:bold;}

select {
  width: 200px;
  padding: .8em .5em;
  font-family: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #999;
  border-radius: 0px;
}	


.send_db { max-width: 880px; margin: 0 auto; background: #fff; }
.send_db-wrap { background: #fff; padding: 30px 15px; border: 1px solid black}
.send_db-box { margin: 0 auto; width: 95%; max-width: 870px; padding: 30px 0 50px; box-sizing: border-box; }
.send_db-box > .inner { position: relative; }
.send_db-box ul { width: 100%; box-sizing: border-box; }
.send_db-box ul li {border-bottom: 1px solid #3f3f3f; line-height: 3.5; font-size: 16px; white-space: nowrap; overflow: hidden; }
.send_db-box ul li:after { content: ''; display: table; clear: both; }
.send_db-box ul li .writer,
.send_db-box ul li .tel,
.send_db-box ul li .subject { display: inline-block; white-space: nowrap; }
.send_db-box ul li .writer { width: 120px; text-align: center; }
.send_db-box ul li .tel { width: 450px; text-align: center; }
.send_db-box ul li .subject { }
.send_db-box ul li:last-child { border-bottom: 0; }
@media (max-width:767px) {
    .send_db { letter-spacing: -0.05em; fon}
    .send_db-box { padding: 15px 0 25px; }
    .send_db-wrap { padding: 15px 10px; }
    .send_db-box ul { padding: 0; }
    .send_db-box ul li { }
    .send_db-box ul li .writer { width: 200px; }
    .send_db-box ul li .tel { width: 150px; }
    .send_db-box ul li .subject { display: none }
}
     
	#img-area img{width:100%;margin:0 auto;text-align:center;}