@charset "utf-8";

/************************************************
commnet : layout
*************************************************/

/******** 공통 **************/

.main{}
.main .container img{max-width:100%;}
.sub{}

/*header*/
header{overflow:hidden;border-bottom:2px solid #888888;}
header .logo{float:left;width:70%;}
header .logo a{display:inline-block;padding:12px 0px 0px 15px;}
header .logo img{width:180px;}
header .btn-home{float:left;width:30%;background:#d7d7d7;text-align:center;}
header .btn-home img{width:120px;}

/*container*/
.container{}

.main-content{overflow:hidden;position:relative;width:100%;height:100%;background:#3db573;}
.content{}

.main-visual{overflow:hidden;position:relative;float:left;width:70%;height:100%;/* height:430px; */}
.main-visual .btns{overflow:hidden;position:absolute;left:0px;bottom:0;width:100%;}
.main-visual .btns span a{height:32px;padding:22px 0 15px 10%;}
.main-visual .btn-kaka{display:block;float:left;width:50%;outline:1px solid #f6d141;
background: #ffee82; 
background: -moz-linear-gradient(top,  #ffee82 0%, #f0c711 99%, #eeb300 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffee82), color-stop(99%,#f0c711), color-stop(100%,#eeb300));
background: -webkit-linear-gradient(top,  #ffee82 0%,#f0c711 99%,#eeb300 100%);
background: -o-linear-gradient(top,  #ffee82 0%,#f0c711 99%,#eeb300 100%);
background: -ms-linear-gradient(top,  #ffee82 0%,#f0c711 99%,#eeb300 100%);
background: linear-gradient(to bottom,  #ffee82 0%,#f0c711 99%,#eeb300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee82', endColorstr='#eeb300',GradientType=0 );}
.main-visual .btn-kaka img{width:102px;vertical-align:middle;}

.main-visual .btn-counsel{display:block;float:left;width:50%;outline:1px solid #281f21;
background: #4f3c41;
background: -moz-linear-gradient(top,  #4f3c41 0%, #3b2c30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f3c41), color-stop(100%,#3b2c30));
background: -webkit-linear-gradient(top,  #4f3c41 0%,#3b2c30 100%);
background: -o-linear-gradient(top,  #4f3c41 0%,#3b2c30 100%);
background: -ms-linear-gradient(top,  #4f3c41 0%,#3b2c30 100%);
background: linear-gradient(to bottom,  #4f3c41 0%,#3b2c30 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f3c41', endColorstr='#3b2c30',GradientType=0 );}
.main-visual .btn-counsel img{width:91px;vertical-align:middle;}

.nav{float:left;width:30%;height:100%;background:#3db573;}
.nav li{}
.nav li a{display:block;border-top:1px solid #a8d9b6;border-bottom:1px solid #3b9a6e;text-align:center;
background: #57ca89;
background: -moz-linear-gradient(top,  #57ca89 0%, #3db573 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57ca89), color-stop(100%,#3db573));
background: -webkit-linear-gradient(top,  #57ca89 0%,#3db573 100%);
background: -o-linear-gradient(top,  #57ca89 0%,#3db573 100%);
background: -ms-linear-gradient(top,  #57ca89 0%,#3db573 100%);
background: linear-gradient(to bottom,  #57ca89 0%,#3db573 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ca89', endColorstr='#3db573',GradientType=0 );}
.nav img{width:82px !important;}

.snb{overflow:hidden;display:-webkit-box;width:100%;
background: #57ca89;
background:-moz-linear-gradient(top,  #57ca89 0%, #3db573 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57ca89), color-stop(100%,#3db573));
background: -webkit-linear-gradient(top,  #57ca89 0%,#3db573 100%);
background: -o-linear-gradient(top,  #57ca89 0%,#3db573 100%);
background: -ms-linear-gradient(top,  #57ca89 0%,#3db573 100%);
background: linear-gradient(to bottom,  #57ca89 0%,#3db573 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ca89', endColorstr='#3db573',GradientType=0 ); }
.snb li{-webkit-box-flex:1;border-right:1px solid #3b9a6e;border-bottom:1px solid #3b9a6e;border-left:1px solid #a8d9b6;text-align:center;}
.snb li:first-child{border-left:none;}
.snb li:last-child{border-right:none;}
.snb li a{display:block;font-weight:bold;color:#fff;vertical-align:middle;font-size:12px;line-height:18px;}
.snb li img{width:53px;}
.snb li.on,
.snb li a:hover{
background: #414141;
background: -moz-linear-gradient(top,  #414141 0%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(100%,#444444));
background: -webkit-linear-gradient(top,  #414141 0%,#444444 100%);
background: -o-linear-gradient(top,  #414141 0%,#444444 100%);
background: -ms-linear-gradient(top,  #414141 0%,#444444 100%);
background: linear-gradient(to bottom,  #414141 0%,#444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#444444',GradientType=0 );}

/*footer*/
footer{padding:8px 10px 12px;background-color:#d1d1d1;text-align:center;font-size:11px;color:#777777;line-height:14px;}
footer .tab-hospital{margin-bottom:10px;}
footer .tab-hospital a{padding:3px 8px;border:1px solid #696969;font-size:12px;color:#fff !important;
background: #979797;
background: -moz-linear-gradient(top,  #979797 0%, #7a7a7a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#979797), color-stop(100%,#7a7a7a));
background: -webkit-linear-gradient(top,  #979797 0%,#7a7a7a 100%);
background: -o-linear-gradient(top,  #979797 0%,#7a7a7a 100%);
background: -ms-linear-gradient(top,  #979797 0%,#7a7a7a 100%);
background: linear-gradient(to bottom,  #979797 0%,#7a7a7a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#7a7a7a',GradientType=0 );}
footer .tab-hospital .on a{border:1px solid #3b9a6e;
background: #73d39c;
background: -moz-linear-gradient(top,  #73d39c 0%, #3eb674 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73d39c), color-stop(100%,#3eb674));
background: -webkit-linear-gradient(top,  #73d39c 0%,#3eb674 100%);
background: -o-linear-gradient(top,  #73d39c 0%,#3eb674 100%);
background: -ms-linear-gradient(top,  #73d39c 0%,#3eb674 100%);
background: linear-gradient(to bottom,  #73d39c 0%,#3eb674 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73d39c', endColorstr='#3eb674',GradientType=0 );}
footer .tab-hospital .btn-tel{margin-top:10px;}
footer  .tab-con{text-align:center;}


/*********** 팝업 ***********/
.modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.4;filter: alpha(opacity = 40);z-index:9998;}
* html, * html body {background-image:url(about:blank);background-attachment:fixed;}
* html .modal-overlay {position:absolute;left:0;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));}
.overlay-alpha{opacity:0;filter: alpha(opacity = 0);}

.dialog-type01{background-color:#fff;}
.dialog-type01 .pop-header{position:relative;height:35px;
background: #57ca89;
background: -moz-linear-gradient(top,  #57ca89 0%, #3eb574 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57ca89), color-stop(100%,#3eb574));
background: -webkit-linear-gradient(top,  #57ca89 0%,#3eb574 100%);
background: -o-linear-gradient(top,  #57ca89 0%,#3eb574 100%);
background: -ms-linear-gradient(top,  #57ca89 0%,#3eb574 100%);
background: linear-gradient(to bottom,  #57ca89 0%,#3eb574 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ca89', endColorstr='#3eb574',GradientType=0 );}

.dialog-type01 .pop-header .tit{margin-left:12px;color:#ffffff;line-height:35px;}
.dialog-type01 .pop-header .btn-close{position:absolute;right:5px;top:0px;height:35px;border:none;background:url(../../images/btn/btn_close01.png) no-repeat;cursor:pointer;}
.dialog-type01 .pop-header .btn-close span{text-indent:-9999px;}
.dialog-type01 .pop-container{}
.dialog-type01 .pop-content{padding:20px 5px;}
.dialog-type01 .form-box{}
.dialog-type01 .form-box label{position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
.dialog-type01 .form-box .text{margin-top:10px;}


/******** 0px and 320px **************/
@media only screen and (min-width:0px) and (max-width:320px){
.main-visual .btns{position:static;}
}


/******** 321px and 480px **************/
@media only screen and (min-width:321px) and (max-width:480px){
.main-content{height:443px;}
}

/******** 481px 이상일때 **************/
@media only screen and (min-width : 481px){
.nav li a{padding:9% 0;}
}