@charset "utf-8";

/**** COMMON LAYOUT ****/
/* skin common */
body{min-width:0;}
.wrapper{width:320px; margin:0 auto; overflow:hidden; position:relative;}
.skin_container{position:relative; width:100%; height:4725px; z-index:1;}
br.pc{display:none;}

/* header */
.skin_header{position:relative; height:48px; z-index:1;}
.skin_haed_logo{position:absolute; top:13px; left:102px; width:112px; height:20px; z-index:1;}
.skin_haed_logo h1{background:none;}
.skin_haed_logo_img{position:absolute; top:0; left:0;}
.skin_haed_logo_img img{width:22px;}
.skin_haed_logo_txt1{position:absolute; top:2px; left:29px; top:2px; font-size:14px; font-weight:bold; line-height:1.2em;}
.skin_haed_logo_txt1 a{text-decoration:none; color:#353535;}
.skin_btn_menu{position:absolute; left:15px; top:15px; z-index:2;}
.skin_btn_menu img{width:20px;}

/* gnb */
.wrapper .skin_gnb{background-color:#169b86;}
.wrapper .skin_gnb_bar1, .wrapper .skin_gnb_bar2{color:#2fb299;}

/* footer */
.skin_footer1 {position:relative; background-color:#4c4c4c; border-bottom:1px solid #5e5e5e; }
.skin_footer2 {position:relative; background-color:#4c4c4c; }
.skin_footer_wrap1 {width:100%; height:35px;}
.skin_footer_wrap2 {width:100%; height:90px;}
.skin_footer_menu1 {position:absolute; top:10px; left:80px; }
.skin_footer_menu2 {position:absolute; top:10px; left:185px; }
.skin_footer_menu3 {position:absolute; top:10px; left:219px; }
.skin_footer_menu1 a,
.skin_footer_menu2 a,
.skin_footer_menu3 a {font-weight:bold; font-size:12px; line-height:1.1em; color:#9f9f9f; text-decoration:none; }
.skin_footer_menu1 a{color:#fff;}
.skin_footer_address {position:absolute; top:23px; left:0; width:100%; text-align:center; font-size:10px; line-height:1.5em; color:#9f9f9f;}
.skin_footer_copyright {position:absolute; top:56px; left:0; width:100%; text-align:center; font-size:8px; line-height:1.5em; color:#9f9f9f;}

/**************** MAIN 컨텐츠 영역 ********************/
/* visual */
.skin_cont_visual {position:relative; width:100%; height:381px;}
.skin_cont_visual .control_area .btn_ctr.lb { bottom:25px; left:30px;}
.skin_cont_visual .control_area .btn_ctr.cb { bottom:25px; }
.skin_cont_visual .control_area .btn_ctr.rb { bottom:25px; right:30px; }
.skin_cont_visual .control_area .btn_ctr.lt { top:30px; left:30px;}
.skin_cont_visual .control_area .btn_ctr.ct { top:30px; left:0px;}
.skin_cont_visual .control_area .btn_ctr.rt { top:30px; right:30px;}

.skin_cont_visual .gmslider_drop{height:381px;} /* 개발요청사항 : gmslider_drop 높이값 줄것 */
.skin_visual_fullbg1, .skin_visual_fullbg2, .skin_visual_fullbg3{overflow:hidden; background-repeat: no-repeat; background-position:50% 0; background-size:auto 100%;}
.skin_visual_fullbg1{background-image:url(../images/main_m_slide1.jpg);}
.skin_visual_fullbg2{background-image:url(../images/main_m_slide2.jpg);}
.skin_visual_fullbg3{background-image:url(../images/main_m_slide3.jpg);}
.skin_visual_txt1, .skin_visual_txt2, .skin_visual_txt3{position:absolute; left:30px; z-index:1; color:#fff; line-height:1.1em; font-size:27px; font-family: 'NanumMyeongjoBold';}
.skin_visual_txt1{top:49px; color:#026554;}
.skin_visual_txt2{top:112px;}
.skin_visual_txt3{top:158px; font-size:11px; line-height:1.5em;}
.skin_visual_txt1 span, .skin_visual_txt3 span{display:block;}

/* 원장소개 */
.skin_pos_col1{position:absolute; top:876px; left:0; width:100%; height:504px; border-bottom:2px solid #e4e4e4; background-color:#fff;}
.skin_pos_col1_img, .skin_pos_col1_txt, .skin_pos_col1_name{position:absolute;}
.skin_pos_col1_img{left:0; top:0; width:100%; height:407px;}
.skin_pos_col1_txt{left:23px; top:445px; font-size:12px; color:#4e4e4e;}
.skin_pos_col1_name{top:430px; left:128px; width:120px; height:32px;}
.skin_pos_col1_img img,
.skin_pos_col1_name img{width:100%;}

/* 병원소개 */
.skin_pos_col2{position:absolute; top:0; left:0; width:100%; height:594px; background-color:#13ab8e;}

/* 진료안내 */
.skin_pos_col4{position:absolute; top:1804px; left:0; width:100%; height:410px; background-color:#34b9da;}

/* 홍보자료실 */
.skin_pos_col7{position:absolute; top:2624px; left:0; width:100%; height:410px; background-color:#f44e4b;}

/* 병원소개, 진료안내, 홍보자료실 */
.skin_pos_col2_img{position:absolute; top:410px; left:0; width:100%;}
.skin_pos_col2_img img{width:100%;}
.skin_pos_col2_box{display:none;}
.skin_pos_col2_box{z-index:1;}
.skin_pos_col2_tit, .skin_pos_col2_line, .skin_pos_col2_txt, .skin_pos_col2_view, .skin_pos_col2_view_txt, .skin_pos_col2_view_img,
.skin_pos_col4_tit, .skin_pos_col4_line, .skin_pos_col4_txt, .skin_pos_col4_view, .skin_pos_col4_view_txt, .skin_pos_col4_view_img,
.skin_pos_col7_tit, .skin_pos_col7_line, .skin_pos_col7_txt, .skin_pos_col7_view, .skin_pos_col7_view_txt, .skin_pos_col7_view_img{position:absolute; left:45px; color:#fff; line-height:1.3em; z-index:2;}
.skin_pos_col2_tit,
.skin_pos_col4_tit,
.skin_pos_col7_tit{top:55px; font-size:42px; font-family: 'NanumMyeongjo';}
.skin_pos_col2_line,
.skin_pos_col4_line,
.skin_pos_col7_line{top:136px; width:46px; height:1px; background-color:#fff;}
.skin_pos_col2_txt,
.skin_pos_col4_txt,
.skin_pos_col7_txt{top:169px; font-size:12px; line-height:1.8em;}
.skin_pos_col2_view,
.skin_pos_col4_view,
.skin_pos_col7_view{top:340px; width:96px; height:20px;}
.skin_pos_col2_view_txt,
.skin_pos_col4_view_txt,
.skin_pos_col7_view_txt{top:0; left:0; font-size:16px;}
.skin_pos_col2_view_img,
.skin_pos_col4_view_img,
.skin_pos_col7_view_img{left:76px; width:19px; height:19px;}
.skin_pos_col2_img img,
.skin_pos_col4_img img,
.skin_pos_col7_img img,
.skin_pos_col2_view_img img,
.skin_pos_col4_view_img img,
.skin_pos_col7_view_img img{width:100%;}

/* 과소개 */
.skin_pos_col3{position:absolute; top:616px; left:0; width:100%; height:260px; background-image:url(../images/bg_m_col3.png); background-repeat:no-repeat; background-position:100% 50%; background-size:auto 260px;}
.skin_pos_col3_tit, .skin_pos_col3_txt{position:absolute; left:26px;}
.skin_pos_col3_tit{top:33px; color:#3c3a3b; font-size:18px; line-height:1.2em; font-weight:bold;}
.skin_pos_col3_txt{top:66px; width:168px; color:#7a8082; font-size:11px; line-height:1.5em;}

/* 트위터 */
.skin_pos_col5{position:absolute; top:2384px; left:0; width:100%; height:240px; background-color:#fff;}
.skin_pos_col5 .box_twitter2{position:static; border:none;}
.skin_pos_col5 .box_twitter2 .btn_twitter{right:0; top:0; background-color:#4bc8ff;}

/* 클리닉 */
.skin_pos2_col1, .skin_pos2_col2, .skin_pos2_col3, .skin_pos2_col4{position:absolute; top:2262px; left:24px; width:54px; height:74px;}
.skin_pos2_col2{left:98px;}
.skin_pos2_col3{left:171px;}
.skin_pos2_col4{left:245px;}
.skin_pos2_col1_img, .skin_pos2_col2_img, .skin_pos2_col3_img, .skin_pos2_col4_img{position:absolute; top:0; left:0;}
.skin_pos2_col1_txt, .skin_pos2_col2_txt, .skin_pos2_col3_txt, .skin_pos2_col4_txt{position:absolute; top:60px; left:4px; color:#fff; font-size:9px; line-height:1.1em;}
.skin_pos2_col3_txt{left:-2px;}
.skin_pos2_col1_img img, .skin_pos2_col2_img img, .skin_pos2_col3_img img, .skin_pos2_col4_img img{width:100%;}

/* 둘러보기 */
.skin_pos_col6{position:absolute; top:3034px; left:0; width:100%; height:208px;}
.skin_pos_col6 .widget-gallery_type2{height:208px;}
.skin_pos_col6 .widget-gallery_type2 .wmuSlider{height:100% !important;}
.skin_pos_col6 .widget-gallery_type2 .wmuSlider .slide_txt span{font-size:21px;}

/* 공지사항 */
.skin_pos_col8{position:absolute; top:1412px; left:22px; width:276px; height:178px; border-bottom:1px solid #e4e4e4;}
.skin_pos_col8 .widget-notice{padding:0; border:none; border-radius:0;}

/* 진료시간 */
.skin_pos_col9{position:absolute; top:1620px; left:22px; width:276px; height:152px;}
.skin_pos_col9_tit1{position:absolute; top:0; left:0; font-size:21px; color:#4e4e4e; line-height:1.1em; font-weight:bold;}
.skin_pos_col9_num{top:110px; color:#555; font-size:; font-family: 'LatoBold';}
.skin_pos_col9_num span{font-size:38px;}
.skin_pos_col9_stit1, .skin_pos_col9_stit2, .skin_pos_col9_stit3, .skin_pos_col9_stit4{position:absolute; left:0; font-size:15px; color:#4e4e4e; line-height:1.2em;}
.skin_pos_col9_stit1{top:34px;}
.skin_pos_col9_stit2{top:68px;}
.skin_pos_col9_stit3{top:102px;}
.skin_pos_col9_stit4{top:135px;}
.skin_pos_col9_txt1, .skin_pos_col9_txt2, .skin_pos_col9_txt3, .skin_pos_col9_txt4{position:absolute; left:133px; font-family: 'LatoBold'; font-size:15px; color:#15947e; line-height:1.2em;}
.skin_pos_col9_txt1{top:36px;}
.skin_pos_col9_txt2{top:69px;}
.skin_pos_col9_txt3{top:102px;}
.skin_pos_col9_txt4{top:135px; left:212px; color:#454545; font-size:15px; font-family: 'NanumBarunGothicBold';}

/* 진료예약 */
.skin_pos_col10{position:absolute; top:3242px; left:0; width:100%; height:206px; background-color:#f0994c;}
.skin_pos_col10_tit, .skin_pos_col10_num{position:absolute; left:36px; line-height:1.1em; color:#fff;}
.skin_pos_col10_tit{top:66px; font-size:26px; font-family: 'NanumBarunGothicBold';}
.skin_pos_col10_num{top:108px; font-size:28px; font-family: 'LatoBold'; letter-spacing:-1px;}

/* 리얼스토리 txt */
.skin_pos_col11{position:absolute; top:3488px; left:26px; width:225px; height:224px;}
.skin_pos_col11_tit1, .skin_pos_col11_tit2, .skin_pos_col11_txt, .skin_pos_col11_line{position:absolute; left:0; color:#1dd9b5; font-size:36px; line-height:1.1em;}
.skin_pos_col11_tit1{top:0; font-family: 'LatoBold';}
.skin_pos_col11_tit2{top:1px; left:95px; font-family: 'LatoRegular';}
.skin_pos_col11_txt{top:48px; color:#bbb; font-size:11px; line-height:1.6em;}
.skin_pos_col11_line{top:104px; width:32px; height:2px; background-color:#1dd9b5;}

/* 블로그1 */
.skin_pos_col12, .skin_pos_col13{position:absolute; top:3628px; left:26px; width:268px; height:250px;}
.skin_pos_col13{top:3925px;}
.skin_pos_col12 .widget_blog_type2 .blog_img,
.skin_pos_col13 .widget_blog_type2 .blog_img{height:137px;}
.skin_pos_col12 .widget_blog_type2 .blog_date a,
.skin_pos_col13 .widget_blog_type2 .blog_date a{color:#d0bb8d;}
.skin_pos_col12 .widget_blog_type2 .blog_title,
.skin_pos_col13 .widget_blog_type2 .blog_title,
.skin_pos_col12 .widget_blog_type2 .blog_title a,
.skin_pos_col13 .widget_blog_type2 .blog_title a,
.skin_pos_col12 .widget_blog_type2 .blog_txt a,
.skin_pos_col13 .widget_blog_type2 .blog_txt a{color:#d2d2d2;} 

/* 주소정보 */
.skin_pos_col14{position:absolute; top:4233px; left:0; width:100%; height:290px; background-color:#f5f5f5;}
.skin_pos_col14_img, .skin_pos_col14_tit, .skin_pos_col14_txt{position:absolute; z-index:1; color:#353535; line-height:1.2em;}
.skin_pos_col14_img{top:66px; left:112px; width:97px; height:97px;}
.skin_pos_col14_img img{width:100%;}
.skin_pos_col14_tit{top:185px; left:112px; font-size:17px; font-weight:bold;}
.skin_pos_col14_txt{top:214px; left:58px; font-size:10px;}

/* 지도 */
.skin_pos_col15{position:absolute; top:4523px; left:0; width:100%; height:202px;}
.skin_pos_col15 .widget-map-type3 .map_area{border-radius:0; width:100%; height:202px; background-image:url(../images/bg_m_container_fullbg4.jpg); background-position:0 0; background-repeat:no-repeat; background-size:320px auto;}
.skin_pos_col15 .widget-map-type3 .map_area img{display:none;}

/* 진료안내_bg */
.skin_container_fullbg1{position:absolute; top:2643px; left:0; width:100%; height:170px; background-image:url(../images/bg_m_container_fullbg1.jpg); background-position:50% 0; background-repeat:no-repeat; background-size:320px auto;}

/* 리얼스토리_bg */
.skin_container_fullbg3{position:absolute; top:3877px; left:0; width:100%; height:785px; background-image:url(../images/bg_m_container_fullbg3.jpg); background-position:50% 0; background-repeat:no-repeat; background-size:auto 785px;}

/* 지도_bg */
.skin_container_fullbg4{display:none; position:absolute; top:3375px; left:0; width:50%; height:455px; background-color:#f5f5f5;}

/* 홍보자료실_bg */
.skin_container_fullbg2{display:none; position:absolute; top:2070px; left:0; width:50%; height:450px; background-color:#e0e0e0;}

/**************** SUB 컨텐츠 레아웃 ********************/

/* sub_visual */
.skin_sub_visual_wrap{position:relative; height:145px;}
.skin_sub_txt1, .skin_sub_txt2{position:absolute; left:21px; z-index:2;}
.skin_sub_txt1{top:42px; font-size:18px; line-height:1.2em; color:#fff;}
.skin_sub_txt2{top:70px; font-size:10px; line-height:1.5em; color:#3e3e3e;}
.skin_subvisual_fullbg{position:absolute; top:48px; left:0; width:100%; height:145px;background-color:#eae4d8; z-index:1; background-image:url('../images/sub_m_img1.jpg'); background-repeat:no-repeat; background-position:50% 0; background-size:100% auto;}

/**** SUB CONTENT LAYOUT (overriding) ****/