/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : designtj@olymcompnay.com
* Date : 2013.09.23
* Update : 2013.09.30
* Copyright(c) 2013 OLYM Communications. All Rights Reserved.
*/

/* 공통*/
.btn_center { text-align:center;}

/* 입력폼 */
.input_form { -webkit-border-radius:0; -webkit-appearance:none; border:1px solid #efefef; background:#fff; height:20px; font-size:14px; padding:1px;}
.textarea_form { -webkit-border-radius:0; -webkit-appearance:none; border:1px solid #efefef; background:#fff; font-size:14px; padding:1px;}
.select_form { -webkit-border-radius:0; height:20px; font-size:11px;}

/* 상단 */
.btle { text-align:center;}
.btn_right_write { text-align:right; padding:0 10px 10px 0;}
.board_top { padding:10px; color:#000;}
.board_top p { float:left; padding:6px 0 0 5px; font-size:14px;}
.board_top .btn_write { float:right;}

/* 기본게시판 리스트 */
.board_list { margin:0 10px 10px 10px; border:1px solid #d3d3d3; border-top:0; line-height:1.4em;}
.board_list li {  border-top:1px solid #d3d3d3;padding:10px; position:relative; }
.board_list li a { display:block;}
.board_list li .font_sm { color:#959595;}
.board_list li .title { color:#000; font-size:14px;}
.board_list li .title img { vertical-align:top;}
.board_list li .btn_open { position:absolute; top:16px; right:10px;}
.board_list li .btn_answer { position:absolute; top:11px; right:10px;}
.board_list .btn_more { border-top:1px solid #e6e6e6; background:#f8f8f8;}
.board_list .btn_more a { display:block; text-align:center; color:#8d8d8d; padding:9px 0 6px 0; line-height:1.0em; background:url(/mobile/project/design/com/icon_ar_down.gif) no-repeat 65% center; background-size:8px 8px;}

/* 기본게시판 뷰 */
.board_view { margin:10px; border:1px solid #d3d3d3; padding:10px;}
.board_view .font_sm { color:#959595;}
.board_view .title { color:#000; font-size:14px; border-bottom:1px solid #d3d3d3; padding-bottom:10px; margin-bottom:10px;}
.board_view .title img { vertical-align:top;}
.board_view img {max-width:320px; height:auto;width:100%;}
.box_quest{font-size:12px;line-height:1.5;}
.box_quest pre {white-space: normal;}
.box_answer { position:relative; border:1px solid #cccccc; padding:5px; background:#f8f8f8; margin:5px 0 0 25px;}
.box_answer .icon_answer { position:absolute; top:-1px; left:-25px; }
.box_answer .icon_answer > img{max-width:23px}
.btn_board_bottom { text-align:center; padding-bottom:10px;}

/* 기본게시판 쓰기 */
.write_box { padding:7px;}
.write_box .box_scr { margin-top:10px; height:150px; overflow:auto; background:#f5f5f5; padding:10px; border:1px solid #b4b4b4;}
.write_box .p_agree { padding-top:10px; text-align:center;}
.write_box .p_check { font-style:9px; letter-spacing:-0.5px; padding-top:4px; line-height:1.2em;}

.btn_write_box { text-align:center; padding:10px;}
.table_write_box, .table_write_box th, .table_write_box td { border:0;}
.table_write_box { border:1px solid #b4b4b4; font-size:10px;}
.table_write_box th { background:#f8f8f8; border-bottom:1px solid #e1e1e1; color:#2c2c2c; padding:8px 0 7px 0;}
.table_write_box td { border-bottom:1px solid #e1e1e1; padding:8px 7px 7px 7px;}
.table_write_box .th_bottom { border-bottom:0;} 
.table_write_box .td_bottom { border-bottom:0;} 

/* FAQ 리스트 */
.faq_list { margin:0 10px 10px 10px; border:1px solid #d3d3d3; border-top:0;}
.faq_list li {  border-top:1px solid #d3d3d3;padding:10px; position:relative; }
.faq_list li a { display:block;}
.faq_list li .left_icon { float:left; width:25px; display:block;}
.faq_list li .title { color:#000; font-size:14px;}
.faq_list .btn_more { border-top:1px solid #e6e6e6; background:#f8f8f8;}
.faq_list .btn_more a { display:block; text-align:center; color:#8d8d8d; padding:9px 0 6px 0; line-height:1.0em; background:url(/mobile/project/design/com/icon_ar_down.gif) no-repeat 65% center; background-size:8px 8px;}


/* 지오수술전/후사진, 병원둘러보기 */
.tab_photo { padding-top:16px; height:27px;}
.tab_photo ul { width:270px; margin:0 auto;}
.tab_photo li { float:left; text-align:center; width:135px;}

.tab_photo2 { padding:10px 0 10px 7px;}
.tab_photo2 li { float:left; padding:2px 2px;}

.box_photo_dr { text-align:center;}
.box_photo_dr h4 { color:000; font-weight:bold; font-size:16px; text-align:left; padding:15px 0 15px 12px; position:relative;}
.box_photo_dr h4 .right_select { position:absolute; top:10; right:10px;}
.box_photo_dr h4 .right_select select { -webkit-border-radius:0; height:20px; font-size:11px; width:150px;}
.box_photo_dr h5 { text-align:left; padding-bottom:5px;}
.box_photo_dr .p_photo1 { padding:20px 0 21px 0;}
.box_photo_dr .img_photo { margin:0 auto; width:280px; background:#091a2f; padding:10px;}

.img_photo .img_list { overflow: hidden; width:280px; height:210px; border-top:1px solid #2b394b; padding-top:10px;}
.img_photo .img_list div { display:none; }
.img_photo .img_list .on { display: block; z-index:50; }
.img_photo .img_list p img { vertical-align:middle;}

.box_photo_dr .btn_cont { padding:0 0 10px 0; height:22px;}
.box_photo_dr .btn_cont ul { width:144px; margin:0 auto;}
.box_photo_dr .btn_cont li { float:left; width:48px; text-align:center;}
.box_photo_dr .p_photo2 { padding:10px 0 0 0;}

.hosp_img .hosp_img_list { overflow: hidden; margin:0 auto; width:320px; height:355px;}
.hosp_img .hosp_img_list img{ width:320px;}


.hosp_img .hosp_img_list div { display:none; }
.hosp_img .hosp_img_list .on { display: block; z-index: 50; }

/* 진료안내 */
.ul_50p li { float:left; width:50%;}

/* 지오스페셜 */
.btn_spec { padding:15px 0 30px 0; height:34px;}
.btn_spec ul { width:300px; margin:0 auto;}
.btn_spec li { float:left; width:100px; text-align:center;}

/* 로그인 */
.box_login { padding:0 10px; color:#2a283f;}
.box_login .p_login { text-align:center; padding-bottom:10px;}
.box_black { border:2px solid #000; padding:18px; position:relative; width:260px; margin:0 auto;}
.box_black dl { margin:0 auto; width:260px;}
.box_black dt { width:60px; padding-top:8px; font-weight:bold; font-size:14px; float:left;}
.box_black dd { width:200px; float:left; padding:2px 0;}
.input_box { position:relative;}
.input_box .img_keyboard { position:absolute; top:-180px; left:-85px; z-index:1000;}
.box_black .btn_login { position:absolute; top:20px; right:20px;}
.box_black .btn_login2 { position:absolute; top:34px; right:20px;}/* 비회원주문배송조회 */
.box_login .p_login2 { padding-top:10px; text-align:center;}
.box_login .p_login3 { text-align:center; padding:20px 0 40px 0;} 
.box_login .p_login3 a { font-size:14px; font-weight:bold; color:#2a283f;}

/* 회원서비스-로그인, 회원가입, 아이디비번찾기 */
.tab_sub5 { padding:10px;}
.tab_sub5 li { float:left; width:30%;}
.tab_sub5 .li_right { width:40%;}
.tab_sub5 li a { text-align:center; display:block; color:#2b2b2b; font-size:12px; font-weight:bold; padding:7px 0 9px; border:1px solid #e6e6e6; border-left:0px solid #e6e6e6; line-height:12px;}
.tab_sub5 .li_right a {border-right:0px solid #e6e6e6;}
.tab_sub5 li .on { background:#034685; color:#fff; border:1px solid #034685;}

/* 회원가입 */
.box_join { padding:0 10px;}
.box_join .p_join { text-align:center; padding-bottom:10px;}
.box_agree ul { border:1px solid #b4b4b4; border-bottom:0 solid #b4b4b4;}
.box_agree li { border-bottom:1px solid #b4b4b4; padding:10px;}
.box_agree li h4 a { color:#383838; font-weight:bold; font-size:14px; display:block; position:relative;}
.box_agree li h4 a .btn_open { position:absolute; right:0; top:-1px;}
.box_agree li .box_scr { margin-top:10px; height:150px; overflow:auto; background:#f5f5f5; padding:10px;}
.box_agree .btn_center { padding:20px;}
.box_agree .p_agree { padding-top:10px;}

/* 본인인증확인 */
.box_join .ul_desc { border-top:1px solid #b4b4b4; padding:15px 10px;}
.box_join .ul_desc li { list-style:square; margin-left:20px;}
.box_join .ul_ce_btn { width:270px; margin:0 auto;}
.box_join .ul_ce_btn li { float:left; width:135px; text-align:center;}
.box_join .p_join2 { text-align:center; padding:15px 0; font-size:16px; font-weight:bold;} 

.box_black2 { border:2px solid #000; padding:10px; position:relative; width:260px; margin:0 auto;}
.box_black2 dl { margin:0 auto; width:260px;}
.box_black2 dt { width:70px; padding-top:8px; font-weight:bold; font-size:12px; float:left;}
.box_black2 dd { width:190px; float:left; padding:2px 0;}
.box_black2 .btn_ce { position:absolute; bottom:12px; right:10px;}
.box_join .p_join3 { padding:15px;} 

/* 정보입력 */
.table_memb, .table_memb th, .table_memb td { border:0;}
.table_memb { border:1px solid #b4b4b4; font-size:10px; line-height:1.2em;}
.table_memb th { background:#f8f8f8; border-bottom:1px solid #e1e1e1; color:#2c2c2c; padding:8px 0 7px 7px; text-align:left;}
.table_memb td { border-bottom:1px solid #e1e1e1; padding:8px 7px 7px 7px;}
.table_memb .th_bottom { border-bottom:0;} 
.table_memb .td_bottom { border-bottom:0;} 

/* 회원정보수정 */
.tab_sub6 { padding:10px;}
.tab_sub6 li { float:left; width:33%;}
.tab_sub6 .li_right { width:34%;}
.tab_sub6 li a { text-align:center; display:block; color:#2b2b2b; font-size:12px; font-weight:bold; padding:7px 0 9px; border:1px solid #e6e6e6; border-left:0px solid #e6e6e6; line-height:12px;}
.tab_sub6 .li_right a {border-right:0px solid #e6e6e6;}
.tab_sub6 li .on { background:#034685; color:#fff; border:1px solid #034685;}

.box_join .ul_desc2 { padding:5px 10px 15px 10px;}
.box_join .ul_desc2 li { list-style: square; margin-left:20px;}

/* btn_re */
.btn_re { text-align:center;}

/* btn_more_ex */
.btn_more_ex { text-align:center; padding:0 0 20px 0;}