@charset "utf-8";
/* ////////////////////////////////////////////////////////////////////////////////
  Project Name         : GS안과 모바일
  Author               : 정아름
  Email                : dradcom0731@naver.com
  Written date         : 2012.01.01 ~ 
//////////////////////////////////////////////////////////////////////////////// */

/* 아이폰/아이팟터치/안드로이드의 초기 스크린 해상도 설정 */
@media screen and (max-width:320px) {
    body {zoom:50%;}
}
@media screen and (min-width:321px) and (max-width:359px) {
    body {zoom:50%;}
}
@media screen and (min-width:360px) and (max-width:479px) {
	body {zoom:50%;}
} 
@media screen and (min-width:480px) and (max-width:639px) {
    body {zoom:75%;}
}

@media screen and (min-width:640px) and (max-width:768px) {
    body {zoom:100%;  margin:0 auto;}
}
 /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정*/
@media all and (min-width: 769px) {
    body {zoom:100%;  margin:0 auto;}
}

/* Common */
/* ///////////////////////////////////////////////////////////////////////////// */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none; }/**글자크기 자동조정 방지**/
* {margin:0; padding:0; font-family:"", Dotum, "", Gulim, AppleGothic, Sans-serif;}
html {}
body {font-size:18px;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;}/**글자크기 자동조정 방지**/
ul, ol, dl {list-style:none;}
a {text-overflow:ellipsis; -o-text-overflow:ellipsis;text-decoration:none;} /**텍스트가 넘칠 때 말줄임표 표현**/
/**input {-webkit-appearance:none; border:0; vertical-align:middle;} input 기본 스타일을 없애줌**/
input {border:0; vertical-align:middle;}
img, fieldset, iframe {border:0;}
img {margin:0;padding:0;}
hr {display:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
del, ins {text-decoration:none;}

table {border-collapse:collapse; border:0;}
textarea {font-size:18px; border:1px solid #bcbcbc; width:99%; line-height:1.5em; color:#606060;}
button {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}

li {margin:0;padding:0;}
li img {vertical-align:top;} /**li 공백없애기**/

.inputBox {font-size:0.8em; padding:0.25em; border:1px solid #d1d1d1; background:#ffffff;}


.mapborder {border:5px solid #e6e6e6; margin-bottom:50px;}
.imgWrap0 { margin:0;}
.imgpd50 { padding-bottom:50px;}
.navermap {width:583px; height:422px;}


/* 기본class */
/* ///////////////////////////////////////////////////////////////////////////// */

.line{height:1px; background-color:#e7e7e7;font-size:0;line-height:0;}/** 기본 라인 **/
.b {font-weight:bold;}/** 굵은 텍스트 **/
.hand { cursor: pointer; }/** 이미지에 onClick 처리했을 때 손바닥 모양 만들기 **/
.clear {clear:both; font-size:0; line-height:0;}/** 플로팅 된 요소를 clear하기 **/

.space {font-size:0;line-height:0;}/** 라인영역 잡을 때 기본 공백 없애기 **/
.space5 {width:5px;height:5px;font-size:1px;line-height:1px;}/** 세로사이즈 5픽셀인 공백 만들기 **/
.space10 {width:10px;height:10px;font-size:1px;line-height:1px;}/** 세로사이즈 10픽셀인 공백 만들기 **/
.space15 {width:15px;height:15px;font-size:1px;line-height:1px;}/** 세로사이즈 15픽셀인 공백 만들기 **/
.space20 {width:15px;height:15px;font-size:1px;line-height:1px;}/** 세로사이즈 20픽셀인 공백 만들기 **/

.i_left {text-align:left !important;} /** 왼쪽정렬 **/
.i_center {text-align:center !important;} /** 가운데정렬 **/
.i_right {text-align:right !important;} /** 오른쪽정렬 **/

/*  CSS */
/* /////////////////////////////////////////////////////////////////////////////메인 */
.mainTopBg {
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#bodyWrapper {max-width:680px;margin:0 auto; text-align:center;} /** 최대사이즈 : 640px , 정렬 초기화 **/
#bodyWrapper ul {list-style-type:none;margin:0;padding:0;overflow:hidden;}
#bodyWrapper li {float:left;}
	
#topArea {height:88px;padding-top:24px;}

#visual_Box {height:675px;padding-top:29px;background-image: url(../images/visual_bg.gif);background-repeat:no-repeat;background-position:top;position:relative;width:680px;margin:0 auto;overflow:hidden;}
.doubleSlider-1 {width: 680px;height: 680px;margin:0 auto;padding-left:30px;}
.doubleSlider-1 .slider {width: 100%;height: 100%;}
.doubleSlider-1 .slider .item {top: 0;left: 0;width: 520px;	height: 540px;	padding:0px 33px 0px 33px;text-align:center;}
#l_button {position:absolute;top:-83px;left:187px;width:100px;height:58px;background:url("/images/main/left.png") 50% 50% no-repeat;z-index:9999;}	
#r_button {position:absolute;top:-83px;right:203px;width:100px;height:58px;background:url("/images/main/right.png") 50% 50% no-repeat;z-index:9999;}

#btn_Box {padding-top:23px;padding-left:187px;position:relative;}
#btn_Box li {float:left;margin-right:90px;}	

#menu_Box {background-color:#f4f4f4;padding:31px 35px 24px 35px;}
#menu_Box li {float:left;margin-right:16px;}	

#img_Box {float:left; }
#prev {float:left;  margin:-200px 0 0 0; }
#next { float:right; margin:-200px 0 0 0;}


#bottom_Box {padding:24px 81px 21px 52px;background-image: url(../images/bottom_bg.gif);background-repeat: repeat-x;background-position: top;}


#footArea {background-color:#414141;padding:26px 24px;}
#network_Box {padding-bottom:30px; }
#network_copy {padding-bottom:30px; }



.text_form01 {width:120px; height:20px;}
.text_form02 {width:300px; height:30px;}
.text_form03 {width:50px; height:20px;}
.growth_space {height:20px;}
.growth_space2 {height:25px;}
.growth_space3 {height:5px;}


/* /////////////////////////////////////////////////////////////////////////////서브 */
	
#sub_topArea {max-width:680px;height:50px;padding-top:10px;background:#efefef;}
#login_topArea {max-width:680px;height:186px;}
#sub_con {max-width:680px;}
#sub_con .img_top {max-width:680px;margin-bottom:40px;}
#sub_con .img_box {max-width:670px;margin-bottom:40px;}
#sub_con .img_tt {max-width:670px;margin-bottom:20px;}
#s_title {float:left; margin:17px 0 0 21px;}
#s_back {float:right; margin:16px 0 0 9px;}
#s_head {float:left; margin-bottom:50px; height:186px;}


/**************************************************************************/
/******************************서브풋터상담폼********************************/
/**************************************************************************/
#counselBox1 {}
#counselBox1 .counsel_name{border:1px solid #93a4c3; width:100px; height:20px; padding-top:0px;}
#counselBox1 .counsel_tel{border:1px solid #93a4c3; width:110px; height:20px; padding-top:0px;}
#counselBox1 .counsel_mail{border:1px solid #93a4c3; width:160px; height:20px; padding-top:0px;}
#counselBox1 .counsel_check{ margin:0px 0 0 0px;font-size:11px; letter-spacing:-1px;}
#counselBox1 .agreeBox  {font-size:11px; width:410px; height:50px; margin-right:10px; }



/**************************************************************************/
/******************************회원 로그인********************************/
/**************************************************************************/
#loginBox {background-color:#ffffff;border:1px solid #e2dae2;margin:0px 10px 0 10px; padding:20px 20px; text-align:left; }
.buttonStyle1 {background-color:#ffffff;border:1px solid #bcbcbc;color:#333333;font-size:0.8em;padding:20px 15px; margin-left:10px;}
.buttonStyle2 {background-color:#ffffff;border:1px solid #bcbcbc;color:#333333;font-size:0.8em; }
.inputLogin {background-color:#ffffff;border:1px solid #bcbcbc;color:#999999;font-size:0.8em;height:28px;line-height:28px;}
.smallText {font-size:0.8em;color:#999999;}
.loginfoot { text-align:left; padding-top:10px;font-size:1.1em;color:#3a3a3a;}
#textBox1 { max-width:680px;text-align:left;padding:20px 20px 0 20px; font-size:1.1em;  color:#383838; }
#textBox1 .style1 { max-width:680px;color:#368fca;font-size:1.1em;font-weight:bold; width:100%; }
#textBox1 .btn {padding-top:20px;}




/**************************************************************************/
/******************************멤버쉽********************************/
/**************************************************************************/
#board_member {font-family:"돋움",dotum;}
#board_member .list {}
#board_member .list .pdt10{padding-top:10px;}
#board_member .list .style1 {text-align:left;padding:10px 10px 0px 15px; font-size:0.8em; font-weight:bold; line-height:120%;color:#383838; width:26%;}
#board_member .list .style2 {text-align:left;padding:5px 0px 5px 0; position:relative; font-size:0.8em;  line-height:120%;color:#383838;width:74%; }
#board_member .list .style3 {text-align:left;padding:5px 0px 5px 0; position:relative; font-size:0.6em;  line-height:180%;color:#383838;width:74%; }
#board_member .list .style2 .text01{text-align:left;font-size:0.8em;color:#999999; letter-spacing:-1.0px; line-height:120%;  }
#board_member .list select {border:1px solid #d7d7d7; font-size:0.8em;  color:#383838; }
#board_member .list input { border:1px solid #d7d7d7; font-size:0.8em;  color:#383838;  }
#board_member .list .input01 { border:1px solid #ffffff; font-size:0.6em;  color:#383838; vertical-align:middle; }
#board_member .list .agree {padding:20px 10px 0px 15px; border:1px solid #d7d7d7;  }
#board_member .list .agree p{font-size:0.8em;  line-height:120%;color:#383838;}
.postBox {position:absolute; left:10px;top:300px; z-index:300; width:306px; height:190px; background:url(../images/member/img_add_bg.gif) repeat-y;}
.postBox td {font-size:11px;letter-spacing:-1.0px; color:#999999; text-align:center; }
.postBox .text01{font-size:11px;letter-spacing:-1.0px; color:#999999; }
.postBox .text02 {font-size:11px;letter-spacing:-1.0px; color:#7f427f;}



/*  CSS */
/* ///////////////////////////////////////////////////////////////////////////// */

.pdr01 {padding-right:1px;}
.pdr02 {padding-right:2px;}
.pdr03 {padding-right:3px;}
.pdr04 {padding-right:4px;}
.pdr05 {padding-right:5px;}
.pdr06 {padding-right:6px;}
.pdr07 {padding-right:7px;}
.pdr08 {padding-right:8px;}
.pdr09 {padding-right:9px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}

.pdt01 {padding-top:1px;}
.pdt02 {padding-top:2px;}
.pdt03 {padding-top:3px;}
.pdt04 {padding-top:4px;}
.pdt05 {padding-top:5px;}
.pdt06 {padding-top:6px;}
.pdt07 {padding-top:7px;}
.pdt08 {padding-top:8px;}
.pdt09 {padding-top:9px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}


.pdb01 {padding-bottom:1px;}
.pdb02 {padding-bottom:2px;}
.pdb03 {padding-bottom:3px;}
.pdb04 {padding-bottom:4px;}
.pdb05 {padding-bottom:5px;}
.pdb06 {padding-bottom:6px;}
.pdb07 {padding-bottom:7px;}
.pdb08 {padding-bottom:8px;}
.pdb09 {padding-bottom:9px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}


.pdl01 {padding-left:1px;}
.pdl02 {padding-left:2px;}
.pdl03 {padding-left:3px;}
.pdl04 {padding-left:4px;}
.pdl05 {padding-left:5px;}
.pdl06 {padding-left:6px;}
.pdl07 {padding-left:7px;}
.pdl08 {padding-left:8px;}
.pdl09 {padding-left:9px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-bottom:15px;}
.pdl20 {padding-bottom:20px;}

.mgr01 {margin-right:1px;}
.mgr02 {margin-right:2px;}
.mgr03 {margin-right:3px;}
.mgr04 {margin-right:4px;}
.mgr05 {margin-right:5px;}
.mgr06 {margin-right:6px;}
.mgr07 {margin-right:7px;}
.mgr08 {margin-right:8px;}
.mgr09 {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgr30 {margin-right:30px;}

.mgt01 {margin-top:1px;}
.mgt02 {margin-top:2px;}
.mgt03 {margin-top:3px;}
.mgt04 {margin-top:4px;}
.mgt05 {margin-top:5px;}
.mgt06 {margin-top:6px;}
.mgt07 {margin-top:7px;}
.mgt08 {margin-top:8px;}
.mgt09 {margin-top:9px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}

.mgb01 {margin-bottom:1px;}
.mgb02 {margin-bottom:2px;}
.mgb03 {margin-bottom:3px;}
.mgb04 {margin-bottom:4px;}
.mgb05 {margin-bottom:5px;}
.mgb06 {margin-bottom:6px;}
.mgb07 {margin-bottom:7px;}
.mgb08 {margin-bottom:8px;}
.mgb09 {margin-bottom:9px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.mgl01 {margin-left:1px;}
.mgl02 {margin-left:2px;}
.mgl03 {margin-left:3px;}
.mgl04 {margin-left:4px;}
.mgl05 {margin-left:5px;}
.mgl06 {margin-left:6px;}
.mgl07 {margin-left:7px;}
.mgl08 {margin-left:8px;}
.mgl09 {margin-left:9px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-bottom:15px;}
.mgl20 {margin-bottom:20px;}
.mgl30 {margin-bottom:30px;}