/***************************************/ /* MEDIAQUERIES */ /***************************************/ /********************************** **************메뉴******************/ /* fullscreen-menu overlay */ .gnb .all_menu{display:none;float:right; width: 65px; height: 65px; background:#fff;text-align:center;box-sizing:border-box;} .all_menu_inner{position:relative;z-index:999;width:30px;margin:0 auto;} .all_menu_inner span{display:block;position:absolute;left:0;width:100%;height:2px;border-radius:0px;background:#3bb967;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;-webkit-transform:rotate(0deg);-webkit-transition:.25s ease-in-out;} .all_menu span:nth-child(1){ top:21px; } .all_menu span:nth-child(2){ top:32px; } .all_menu span:nth-child(3){ top:43px; } .all_menu.animate-icon span:nth-child(1){top:29px;background:##3bb967;transform:rotate(135deg);-webkit-transform:rotate(135deg);} .animate-icon .all_menu_inner{top:4px;left:0px;} .all_menu.animate-icon span:nth-child(2){left:-60px;opacity:0;} .all_menu.animate-icon span:nth-child(3){top:29px;background:#3bb967;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);} #overlay { display: none; position: fixed; z-index: 9998; top: 0; right: 0; width: 400px; height: 100%; background: #fff; } #overlay:before { display: block; content:"";clear:both; width: 100%; height: 100%; background: rgba(0,0,0,0.3); ; position: fixed; top:0; left: 0; } body.quick_overflow{ overflow-y: hidden; } #overlay > div{ display: block; padding: 100px 0 30px; height: 100%; box-sizing: border-box; position: relative; z-index: 999; background: #fff; } #overlay > div > ul { width: 100%; overflow-y: auto; height: calc(100% - 100px); padding-bottom: 40px; box-sizing: border-box;} #overlay .overlay_title_ment { padding-bottom: 25px; position: relative; width: 100%; margin: 0 30px 35px; } #overlay .overlay_title_ment:after { display: block; content:""; clear: both; width: 30px; height:1px; background: #000; position: absolute; bottom:0; left: 0; } #overlay .overlay_title_ment img { display: block; } article.mobile_gnb_menu { position: absolute; z-index: 999; top: 21px; right: 80px; } article.mobile_gnb_menu a { padding: 0 6px; font-size: 13px; color:#777; position: relative; } article.mobile_gnb_menu a:nth-child(2) { padding-left: 13px; } article.mobile_gnb_menu a:nth-child(2):before { display: inline-block; content:"·"; clear: both; color:#777; position: absolute; top: 4px; left: 0; line-height: 13px; } #overlay ul{z-index:9999; width:100%; padding:0;list-style:none; } #overlay ul.nav_inn { padding: 0 40px; } #overlay ul.nav_inn > li{float:none; width:100%; margin-bottom: 30px; } #overlay ul.nav_inn_sub.open { margin-top: 15px; margin-left: 40px; } #overlay ul li h2 {/* padding-top: 25px; */color: #333;font-size: 18px;font-weight: 700; text-align: left; position: relative; font-family: 'Nanum Square', sans-serif; cursor: pointer; height: 35px; padding-left: 40px;} #overlay ul li h2:before { display: block; clear: both; line-height: 1.1em; position: absolute; top: 0; left: 0; color:#aaa; font-weight: 600; font-family: 'Nanum Square', sans-serif; height: 100%; width: 100%; } #overlay ul li:first-child h2:before { content:""; background: url('images/main/mobile_menu01.png') 0 0 no-repeat; } #overlay ul li:nth-child(2) h2:before { content:""; background: url('images/main/mobile_menu02.png') 0 0 no-repeat;} #overlay ul li:nth-child(3) h2:before {content:""; background: url('images/main/mobile_menu03.png') 0 0 no-repeat; } #overlay ul li:nth-child(4) h2:before {content:""; background: url('images/main/mobile_menu04.png') 0 0 no-repeat; } #overlay ul li:nth-child(5) h2:before { content:""; background: url('images/main/mobile_menu05.png') 0 0 no-repeat;} #overlay ul li:hover h2:before { color:#195dae; } #overlay ul li h2.color_h2:before { color:#195dae; } #overlay ul li a { display: block; color: #555555; font-size: 15px; text-align: left; line-height: 1.1em; padding: 5px 0; } #overlay ul li a:hover{color:#195dae;} #overlay .nav_inn_sub{ display: none; } #overlay .nav_inn_sub li{display:block;width:100%;} /***************************************/ @media screen and (min-width:1280px){ #sub_page { margin: 0 auto; } .sub_body { width: 100%;margin-left: auto;margin-right: auto;padding-left: 0;padding-right: 0; } } @media screen and (max-width:1200px){ .wrap {width:97%; padding:0 1.5%;} .cont02_box02 .cont_btn_a {background-position: 125px 50%;} /* 회원 정보 수정 */ #member_profil { margin: 0; } /* header */ #head .util.wrap { width: 100%; padding: 0; } .util_inner > h1 { left: 30px; } #single_dropdown #main_menu li a { padding: 27px 35px; } /* main_visual */ #main_visual_slide .bxslider li > .visual_ment .visual_ment01 { width: 45%; } #main_visual_slide .bxslider li > .visual_ment .visual_ment02 { width: 70%; } #main_visual_slide .bxslider li > .visual_ment span { padding-bottom: 40px; } #main_visual_slide .bxslider li > .visual_ment span:after { height: 35px; } /* main_section 01 */ #main_cont01 article.wrap { width: 100%; padding: 0; } #main_cont01 .main_quick { box-shadow: none; border-bottom: 1px solid #e5e5e5; } /* main_section 02 */ #main_cont02 > div article > div { padding: 25px 20px; } /* main_section 03 */ #main_cont03 .bottom_content div.left { width: 58%; } #main_cont03 .bottom_content div.right { width: 40%; } section.content03 .cont03_gallery .gallery_box > div {height: 220px;} /* sub - sidaebar */ #menu_touch_primary { box-shadow: none; } /* sub - 공통 */ #content_container {width: 100%;} /*#content_container h1 { margin: 60px 0 35px; }*/ /* ? */ #main_gallery h2 {position:relative; top:0; padding-bottom:0; margin-bottom:30px; padding-top:45px;} .main_gallery {height:550px;} #sub_img {width: 100%;} } @media (max-width:1012px){ /* ? */ .products_gallery li { width: 28.7%;padding: 1.2%;margin: 0 1%;margin-bottom: 2%; } } @media (max-width:1000px){ /* main_section 01 */ #main_cont01 .main_quick div.slick-slide.one { border-left: 1px solid #e5e5e5; } /* ? */ .gallery_box h3 {padding:12px 0 6px 0; color:#000; font-size:16px; font-weight:500;} } @media screen and (min-width:959px){ /* sub */ .sub_body { margin: auto; } .sub_body_inner { margin: 0 auto; } .tax-portfolio_categories .sub_body_inner, .post-type-archive-portfolio .sub_body_inner, .post-type-archive-portfolio2 .sub_body_inner{ width: 100%; min-height:680px; } #the_content { color: #8E8E8E; margin: 0 auto; } #sub_page { margin: 0 auto; } } @media (max-width:959px){ body.open_menu, html.open_menu{height:100%; overflow:hidden} /* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 14px; font-family:'Notokr';} */ /* table 공통 */ table.t1 th { font-size: 13px; } .pibs_nboard_write th {display:none;} .pibs_nboard_write td {overflow:hidden; width: 100%;} .pibs_nboard_write_meta span {vertical-align:sub !important;} table.pibs_nboard_write th, table.pibs_nboard_write td {padding: 15px 6px !important; } span.pibs_nboard_write_subject {width: 60% !important; border-left: 0 !important;} .pibs_nboard_date {font-size: 13px !important;} /*table 포토갤러리*/ .gallery li {width: 31%;} .photos.gallery .wp-pagenavi {padding-top:0 !important;} /* header */ #head .util { height: 65px; } #sub_img {margin-top: 64px;} /* header - 전체메뉴 */ #main_menu {display:none;} #full_dropdown {height: 65px; background-color: #fff !important;} #full_dropdown:hover {border-bottom: none;} #logo_top {position: static; top:0; margin-top: 15px;} .gnb .all_menu { display: block; } .util_inner > h1 { padding: 0; } .util h1 a { padding: 0; } .gnb { position: absolute; z-index: 9999; top: 0; right: 0; } #content_container h2 {font-size: 25px;} /* PIBS nBoard custom */ body.mobile #content_container #pibs_nboard_keyword_type, body.mobile #pibs_nboard_keyword_type {background: #fff; background: #E7E2D0; border: 1px solid #ccc;} body.mobile #content_container #pibs_nboard_keyword_text, body.mobile #pibs_nboard_keyword_text {background: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); width: 150px; border: 1px solid #ccc;} body.mobile table.pibs_nboard {border-top: 2px solid #cbcbcb;} body.mobile .pibs_nboard tr {border-bottom: 1px solid #ccc;} body.mobile #pibsboard_list td {border:0; margin: 0 5px; padding-left: 10px !important;} body.mobile #pibsboard_list td.pibs_nboard_subject {border:0; font-size: 15px; color: #333; margin: 5px 0;} body.mobile #pibsboard_list td.pibs_nboard_subject a {font-size: 16px; color: #333;} .pibs_nboard_write_subject { font-weight: 400 !important;padding: 0 !important;font-size: 17px !important; } .mobile .pibs_nboard_write_meta { margin-left: 0px !important; } /* footer */ #footer #foot_menu { padding: 10px 0; text-align: center; border-bottom: 1px solid #ddd; } #footer #foot_menu ul li { float: none; } #foot_inner > div > img { display: none; } #foot_inner { text-align: center; } #foot_inner p { float: none; } #foot_inner p, #foot_inner a { font-size: 13px; } /* 개인정보처리방침 */ .privacy ul li strong {font-size: 18px;background-size: 7px;padding-left: 14px;margin-bottom: 5px;} .privacy ul li p { padding: 0 10px; } .privacy table.tb01 th { font-size: 13px; line-height: 18px;} .privacy table.tb01 td { font-size: 13px; } /* MENU */ #single_dropdown #main_menu #main_menu_1, #single_dropdown #main_menu #main_menu_2, #single_dropdown #main_menu #main_menu_3, #single_dropdown #main_menu #main_menu_4, #single_dropdown #main_menu #main_menu_5, #single_dropdown #main_menu #main_menu_6, #single_dropdown #main_menu #main_menu_7 { width: auto; margin: 0;color: #ccc;} .open_menu #btn_menu { left: 280px; position: fixed; top: 26px; margin-top: 0; z-index: 1000;} .open_menu #btn_menu span { background: url('images/mobile/icon_menu_close.png') center top no-repeat; } a.photo_thumb img, #content_container a.photo_thumb img { width: 92%; height: auto; } /* TOUCH SCROLL MENU */ .home #menu_touch_primary, .home #submenu { display:none;} /* #menu_touch_primary #main_menu_container { border-bottom: none; } #menu_touch_primary ul.children { display: none; } #menu_touch_primary #main_menu li{ clear:none; } #menu_touch_primary ul li a { padding: 15px 20px;display: block;float: left;font-size: 14px;color: #fff;-webit-text-shadow: none;text-shadow: none;font-weight: bold;border: none;border-left: 1px solid #194dac;height: auto;line-height: normal;background: none; } #menu_touch_primary { background: #0566b1; -webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1); } #menu_touch_primary ul li.current_page_parent a, #menu_touch_primary ul li.current_page_item a{ background: #fff;color: #555418;-webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1); } #menu_touch_primary ul li:first-child a { border-left: none; } */ #menu_touch ul,#menu_touch ul li { padding: 0; margin: 0; list-style: none; } #menu_touch ul li { border-bottom: 3px solid #fff; } #menu_touch ul li.current_page_parent, #menu_touch ul li.current_page_item { border-bottom: 3px solid #0b93df; } #menu_touch ul li a { font-size: 24px;color: #eee;display: inline-block;padding: 36px 30px;margin: 0 0;border-left: 2px solid #000;-webkit-box-sizing: border-box;box-sizing: border-box; } #menu_touch ul li:first-child a { border-left: none; } #menu_touch ul li.active a { background-color: #F0F0F0; color: #333; -webkit-box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2); } #sub_menu_touch { background: #eee; -webkit-box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2); box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2); margin-bottom: 0px !important; } #sub_menu_touch ul li a { font-size: 22px;display: inline-block;padding: 36px 30px;margin: 0 0;border-left: 2px solid #ccc; } #sub_menu_touch ul li:first-child a { border-left: none; } #sub_menu_touch ul li.active a { color: #900;font-weight: bold;background: transparent url(../images/menu_arrow.png) no-repeat center bottom; } #movie #sub_menu_touch ul li.active a { background-image: url(../images/menu_arrow_02.png); } #menu_touch { background: #fff; } #menu_touch ul li a { font-size: 14px;color: #888;display: inline-block;padding: 10px 20px;margin: 0 0;border-left: none; } .touchscroll { overflow: auto;clear: both;float: left;width: 95%; } .touchscroll::-webkit-scrollbar { width: 0 !important; } /* .touchscroll ul { width: 2000px; float: left; } */ .touchscroll ul {min-width: 640px; width: 100%; float: left; } .touchscroll ul li { float: left; } .touchscroll ul li a:active { background: rgba(174, 211, 250, 0.5); } /* SUB PAGE */ #sub_visual1, #sub_visual2, #sub_visual3, #sub_visual4, #sub_visual5, #sub_visual6, #sub_visual7 { padding-top: 0; background-position: center top; background-size: cover;} /* 고객문의 (CONTAT FORM7) */ .wpcf7 input, .wpcf7 textarea,.wpcf7 input#user_name, .wpcf7 #user_file{ width: 100%;} .wpcf7 form { margin-left: 0;} .wpcf7 input.wpcf7-submit { margin-left: 0; max-width: 300px;} .wpcf7 .contact_form_btn { text-align: center; margin-top: 10px;} .wpcf7 label { padding-bottom: 6px; padding-top: 5px;} .sub_body div.wpcf7 { padding: 10px 20px;} .wpcf7 .upload_limit { display: inline-block; width: 75px;} .wpcf7 span.wpcf7-not-valid-tip,.wpcf7 .wpcf7-response-output { width: 90%; margin-left: 0; padding: 10px 5%;} /* PIBS nBoard custom */ body.mobile #content_container #pibs_nboard_keyword_type, body.mobile #pibs_nboard_keyword_type {background: #fff; background: #E7E2D0; border: 1px solid #ccc;} body.mobile #content_container #pibs_nboard_keyword_text, body.mobile #pibs_nboard_keyword_text {background: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); width: 150px; border: 1px solid #ccc;} body.mobile table.pibs_nboard {border-top: 2px solid #cbcbcb;} body.mobile .pibs_nboard tr {border-bottom: 1px solid #ccc;} .pibs_nboard_write_subject { font-weight: 500 !important;padding: 0 !important;font-size: 17px !important; font-family:'Notokr';} .mobile .pibs_nboard_write_meta { margin-left: 0px !important; } table.pibs_nboard th span {font-size: 15px !important; font-weight: 400 !important;} .pibs_nboard_visit {display:none;} #the_content.purpose div.p01 p{font-size:18px;} /* header */ .util h1 {padding-left:0;} .util_inner > h1 a { display: block; padding: 22px 0; } .util_inner > h1 a img { height:21px; } .util_inner > h1 { left: 15px; } #main_menu_container { display: none; } #login_out_content { display: none; } #main_open .portfolio_thumb{background-position:center bottom !important;} #main_open #last_photos .portfolio_title{margin-top:0; margin-bottom: 30px;} #main_sales {clear:both;width: 100%;float: left;height: auto;background: #efefef;border-right: none;} #main_banner_container .sales_inner {width:100%;margin:0;float: left;height: auto;} #main_sales ul {padding:10px;} #main_banner_container #main_sales li {float:left;width:33.3%;clear:none;} #main_banner_container #main_sales h2 {display:none;} #main_banner_container #main_sales li p {display:none;} #main_banner_container #main_sales li a img {width:80%;height:auto;margin:0 auto;float:none;} #main_banner_container #main_sales li h3 {margin:5px 0 10px 0;clear:both;text-align:center;display:block;font-family: 'NanumBarunGothic';font-size:15px;color:#000;font-weight:400;} #content_container { width: 100%;padding: 0;float: none; } .products_gallery li { width: 28.6%;padding: 1.2%;margin: 0 1%;margin-bottom: 2%; } #sub_mobile_visual { display:block;clear: both;width: 100%;float: left;height: 80px;background:#8fb6df; } #sub_mobile_visual .sub_mobile_con { width: 100%;height: 80px;background: url(images/sub/sub_mobile_.jpg) center top no-repeat; } #agreement { width: 90%;height: 230px;overflow: hidden;overflow-y: scroll;color: #888;font-size: 11px;border: 1px solid #ddd;margin: auto; } #the_content img {max-width: 100%; height: auto;} /***** 회원관련 *****/ .page #agree_container h2 { font-size: 19px; padding-left: 15px; background-size: 8px; margin-bottom: 20px; } .agreement { padding: 15px; } .agreement h5 { margin-top: 0; } /* 회원정보 수정 */ .form-table th { font-size: 14px; width: 28%;} /* 회원가입 */ .membership label { font-size: 14px; } .mobile #setupform .check_btn { padding: 3px 7px !important; } #agree_check_container { padding: 10px 0 20px; } #agree_check_container span { font-size: 13px; display: block; } /* subtop & sidebar */ .simg_01, .simg_02, .simg_03, .simg_04, .simg_05 {height: 220px;} #sidebar_title {top: -20px;} #sidebar_title h2 {font-size: 30px;} #content_container h1 { font-size: 26px; font-weight : 600; } #sidebar_menu li {height: 45px; padding: 0 35px; } #sidebar_menu {padding-top: 82px;} .sidebar_line {height: 45px; margin-top: -45px;} #sidebar_menu li a {line-height: 45px; font-size: 15px;} #menu_touch_primary {border-bottom:0;} #footer ul li {font-size: 13px;} #footer ul li a {font-size: 13px;} #footer .footer_top li {margin-right: 20px;} #footer .footer_address ul li {line-height: 25px;} #footer .footer_address ul li span {margin: 0 10px;} .footer_address p {font-size: 14px; line-height: 25px;} } @media (max-width:870px){ /* main_visual */ #main_visual_slide .bxslider li > img.visual_empty_box { height: 495px !important; } #main_visual_slide .bxslider li > .visual_ment { padding-top: 190px; } #main_visual_slide .bxslider li > .visual_ment span { padding-bottom: 0; } #main_visual_slide .bxslider li > .visual_ment span:after { display: none; } #main_visual_slide .bxslider li > .visual_ment .visual_ment01 { width: 55%; } #main_visual_slide .bxslider li > .visual_ment .visual_ment02 { width: 90%; } } @media (max-width:850px){ /* main_section 02 */ #main_cont02 > div article > div { padding: 30% 0 0; text-align: center; bottom: inherit; } #main_cont02 > div article p { font-size: 14px; } /* main_section 03_bottom */ #main_cont03 .bottom_content div.left { width: 100%; margin-right: 0; margin-bottom: 15px; } #main_cont03 .bottom_content div.right { width: 100%; min-height: auto;} #main_cont03 .bottom_content div.right > div { width: 50%; box-sizing: border-box; } #main_cont03 .bottom_content div.right div.online { width: 48%; border-bottom:0; margin-right: 2%; margin-bottom: 0; padding-bottom: 0; } #main_cont03 .bottom_content div.right div.partners { border-left: 1px solid #ddd; padding-left: 20px; } } @media (max-width:843px){ #main_account { background: url(image/main/acc_bg.png) no-repeat center right; background-position-x: 74%; } } @media screen and (max-width:840px){ .sponsor_wrap{width:100%;} .sponsor_wrap.sw_left, .sponsor_wrap.sw_right{padding:0} .sponsor_wrap.sw_right .account_box{text-align:center;} #the_content .account_box p.annotation{text-align:center;} } @media screen and (max-width:820px){ .tax-work_category #workdone_top {display: none;} } @media screen and (max-width:800px){ #workdone_top {display:none !important;} #recruit_inner {float:left; width:100%; background:none;} #recruit_inner .recruit_con {padding-right:0px;} #recruit_inner .recruit_con h4 {width:29%;} #recruit_inner .recruit_con p {float:right; width:71%;} .membership #login_form_container {float:none; width:348px; margin:30px auto; padding:0px 30px 20px 30px; overflow:hidden; border:1px solid #DDD; background:none;} #the_content.greet #tab2 img {width:100%; margin-top:0; margin-right:0; margin-bottom:0;} #the_content.greet #tab2 div.part_top>div {width:100%; margin-bottom:20px; border:1px solid #ddd; background:#fff; background-color:rgba(255,255,255,0.7);} #the_content.greet #tab2 div.part_top {border:none; background-position:99% 51%;} .accordion-content {padding:25px 20px;} .accordion-content iframe {display:block; margin-top:40px; margin-bottom:30px;} } @media (max-width:770px){ .gallery_box h3 { padding: 12px 0 0px 0; } span.date { margin-top: 14%; } #main_gallery h2 { padding-top: 35px; } .gallery_box h3 { padding: 12px 0 3px 0; } #the_content.purpose div.p01 p{color:#fff; font-weight:300;} #the_content.purpose div.p01{background-color:#7297a5} #the_content.purpose div.p01 p span{color:#fff;} } @media screen and (max-width:780px){ #support_guide {position:relative; float:left; width:100%; overflow:hidden; background:/* url(images/sub/support_bg.jpg) right top no-repeat*/none;} #support_guide h3 {margin:10px 0 15px 0; color:#448cc6; font-size:20px; font-weight:600; font-family:'NanumGothic', Dotunm, Arial, Verdana, sans-serif;} #support_guide p {padding:0 0 0 10px; color:#7a7a7a; font-size:13px; font-family:'NanumGothic', Dotunm, Arial, Verdana, sans-serif; line-height:18px;} .support_btn {position:relative; right:inherit; bottom:inherit; clear:both; width:100%; padding-top:30px; text-align:center;} .support_btn a {display:inline-block; margin-left:5px;} .education p.left {display:none;} .education h3 {margin-top:0; padding-bottom:20px; font-size:25px; line-height:29px;} .education p.left_1 {width:100%;} .process_con p {clear:both; margin-left:0;} .process img {float:none; margin:0 auto;} .process_con {text-align:center;} } @media all and (max-width:760px){ .fc-toolbar .fc-right { position: absolute; left: 0; top: 155px; } .fc-toolbar .fc-left { position: absolute; left: 0; } .fee table { width: 100%; min-width: 760px; } .fee_box { width: 100%;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; } } @media all and (max-width:750px){ article.expan04_inner { width: 100%; overflow-x: scroll; } .explan_cont04 table, .explan_cont04 span.sub_txt { width: 727px; } } @media screen and (max-width:700px){ .v_line.v01{left:77.5px;} .h_line.h03{right:auto; left:77.5px; width:60%; top:507px;} .h_line.h02{right:auto; left:77.5px; width:60%; top:630px;;} .h_line.h04{right:auto; left:77.5px; width:60%; top:930px;} .v_line.v03{margin-right:77.5px; right:10%; left:auto; top:495px} .v_line.v04{top:730px} .v_line.v01{height:1544px;} .v_line.v06, .v_line.v07, .v_line.v08{display:none;} .line_wrap.lw02{top:1500px;padding-right:77.5px; width:50%;left:77.5px;} .h_line.h05{width:100%; margin-left:0; left:0} .v_line.v05{right:0; left:auto;} .h_line.h06{left:77.5px; top:830px; width:60%;} .h_line.h07{left:77.5px; top:1030px; width:60%;} .h_line.h09{left:77.5px; top:1130px; width:60%} .h_line.h08{left:77.5px; top:1230px; width:60%} .accordion-header { padding: 20px 45px; } .gnb .all_menu { width: 65px; height: 65px; } .accordion-header.accordion-header-active, .accordion-header:hover, .accordion-header { background-position-x: 20px;background-position-y: 24px;background-size: 13px; } #the_content .accordion-header p { margin-top: 13px; } #the_content .accordion-header h5 { font-size: 18px; } .animate-icon .all_menu_inner { top: 3px; left: 2px; } .pibs_nboard_write_form th {width: 22% !important; } .pibs_nboard_write_form th label {font-size: 15px !important; } } @media screen and (max-width:680px){ article.intro_cont03 ul li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; } article.intro_cont03 ul li:last-child { border-bottom: 0; } } @media screen and (max-width:660px){ #pibs_slider {position:relative; float:left; width:100%; margin-bottom:20px;} .workdone_con .work_img {float:left; width:100%; margin-right:0;} .workdone_con .work_txt {float:left; clear:both; width:100%; margin-top:18px; margin-left:0;} table.t3 td span {display:none;} table.t3 td input {width:100% !important; height:24px !important;} table.t3 td input[type="checkbox"] {width:auto !important; height:auto !important;} table.t3 td input[type="radio"] {width:auto !important; height:auto !important;} .admission_top_mobile {display:block; width:100%; padding-bottom:25px;} .admission_top_mobile p {color:#5b5b5b; font-size:13px; font-family:'NanumGothic', Dotunm, Arial, Verdana, sans-serif; line-height:18px;} .admission_top {height:auto; overflow:hidden; background:none; text-align:center;} .admission_top p {display:none;} .admission_con {padding-bottom:25px;} .admission_top img {display:block; width:90%; margin:0 auto;} .admission_top2_mobile {display:block; width:100%; padding-bottom:25px;} .admission_top2_mobile p {color:#5b5b5b; font-size:13px; font-family:'NanumGothic', Dotunm, Arial, Verdana, sans-serif; line-height:18px;} .admission_top2 {height:auto; overflow:hidden; background:none; text-align:center;} .admission_top2 p {display:none;} .admission_con {padding-bottom:25px;} .admission_top2 img {display:block; width:90%; margin:0 auto;} .non_top {width:100% !important;} table.t1 td span {display:block;} .products_gallery li { width: 45%;padding: 1.2%;margin: 0 1%;margin-bottom: 2%; } /* main_section 02 */ #main_cont02 > div article { width: 100%; margin-left: 0; background-size: 100% !important; padding-bottom: 0; height: 170px; } #main_cont02 > div article > div { padding: 55px 0 0; } } @media screen and (max-width:610px){ #main_account { max-height: none; background-size: cover; } .product_list_con h3 { font-size: 18px !important;margin: 0 0 10px 0 !important;font-weight: 400 !important;line-height: 23px; } /* main_section03_bottom */ #main_cont03 .bottom_content div.right div.online { width: 100%; margin-right: 0; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } #main_cont03 .bottom_content div.right div.partners { width: 100%; padding-left: 0; border-left: 0;} } @media screen and (max-width:600px){ .nav_ads {top:19px; background-size:75% !important;} .simply-scroll .simply-scroll-list li {padding-left:25px;} .gallery_box h3 {padding:7% 0 1% 0; font-size:14px;} span.date {display:none;} #main_open #last_photos li {width:33%;} #main_open #last_photos li:nth-child(4) {display:none;} #sub_page .section li {width:100%; margin-bottom:50px; padding:0 0;} #sub_page .section li span {display:block !important; padding-top:10px;} #sub_page .section li img {float:none !important;} #sub_page .section li p {float:none !important; width:auto !important; margin-top:10px !important;} #sub_page .section .sub1_1_3 {float:none !important; text-align:center;} #sub_page .section .sub1_1_4 {float:none !important; width:100% !important; margin:10px 0 0 0 !important;} table.history {margin:0px 0 0 0; width:100%} .history .year {display:block; line-height:50px;} .history td {display:inline-block;} #project_table th:nth-child(5),#project_table th:nth-child(6),#project_table th:nth-child(7),#project_table th:nth-child(4), #project_table td:nth-child(5),#project_table td:nth-child(6),#project_table td:nth-child(7),#project_table td:nth-child(4), #project_map .thumb_images, .sub_body p.icon_info {display:none;} #project_map .info_window p {margin-left:0} .single_locator_info table.t1_map tr {display:block;} .single_locator_info table.t1_map th {display:block; float:left; clear:both; width:20%;} .single_locator_info table.t1_map td {display:block;} .page-id-1253 #sub_page .sub4_3_1 h3, .page-id-1253 #sub_page .sub4_3_2 h3 {height:auto; background:none;} .page-id-1253 #sub_page .sub4_3_1 h3 img, .page-id-1253 #sub_page .sub4_3_2 h3 img {display:block;} /*table 포토갤러리*/ .gallery li {width: 48%;} #page {float:left; width:100%; margin-bottom:30px;} #cerif_inner .cerif_img li {float:left; width:50%; margin-bottom:10px;} #greet_inner h3 {margin:0 0 36px 0; font-size:17px; line-height:25px; letter-spacing:-1px;} #greet_inner h3 span {color:#108fca; font-size:19px;} #recruit_inner .recruit_con h4 {width:100%;} #recruit_inner .recruit_con p {float:none; clear:both; width:100%;} table.t1 th:nth-child(4), table.t1 th:nth-child(5),table.t1 th:nth-child(6) {display:none;} table.t1 td:nth-child(4), table.t1 td:nth-child(5),table.t1 td:nth-child(6) {display:none;} table.t1 th:nth-child(3) span {border-right:none;} #notice .notice_inner li:nth-child(3), #notice .notice_inner li:nth-child(4) {display:none;} #broadcast .board_inner li:nth-child(3), #broadcast .board_inner li:nth-child(4) {display:none;} #broadcast .board_inner li a img {display:none;} .board_inner li a p, .board_inner li a span, #broadcast .board_inner li a p, #broadcast .board_inner li a span {margin-left:0;} .notice_inner li {height:auto;} .photo_inner li {width:33.3%;} #main_contents {padding:20px 0;} #agree_yes_no_container a, #agree_yes_no_container input {display:inline-block; width:136px; margin:0 2px; padding:12px 0px; border:1px solid #ddd; background-color:#eee; font-size:12px; font-weight:bold; text-align:center; cursor:pointer; letter-spacing:-1px; line-height: 1.1em; } .membership #subtitle, .membership #subtitle span {font-size:34px;} #agree_form, #setupform {margin:0;} .form-table #address {width:90%;} .form-table #address_more {width:90%;} .form-table td label {width:auto !important;} .membership .login_side_action a {width:74px; padding:0 4px; letter-spacing:-1px;} .membership .login_side_action p {width:205px; letter-spacing:-1px;} .membership #login_form_container {padding:0px 20px 20px 20px;} .membership #wp-submit {width:70px; margin-left:5px;} .membership #loginform p {margin:0 auto; padding-bottom:4px;} #lostpasswordform {margin:29px 1%;} .membership #lostpasswordform #wp-submit {margin-top:5px;} .membership #lostpasswordform label {width:160px;} #pibs_push_allim_list li a time {display:block; float:none; clear:both; color:#999; line-height:20px;} #last_photos li {display:inline-block; float:left; width:33.3%; margin-top:16px; text-align:center;} a.photo_link {margin-top:5%;} /* main_section03_top */ #main_cont03 .top_content > div a { height: 185px; padding: 25px; } #main_cont03 .top_content div h3 { font-size: 18px; } #main_cont03 .top_content div p { margin-top: 13px; } #main_cont03 .top_content div p br { display: none; } .pibs_nboard_write_form th {width: 32% !important;} } @media screen and (max-width:585px){ /*main_section04 */ #main_cont04 h3 { font-size: 23px; } #main_cont04 p br { display: none; } } @media screen and (max-width:580px){ #the_content.purpose div.p01{background-size:cover; background-position:center center; background-color:#35515b; background-image:url(images/sub/greet01_bg2.png)} #the_content.purpose div.p01 p{padding:30px 20px; width:100%; font-size:16px;} #the_content.purpose div.p02 p{font-size:16px;} #the_content.purpose div.p02 p.outtro{text-align:center; font-size:20px;} } @media screen and (max-width:560px){ p.number span{font-size:24px;} /* main_visual */ #main_visual_slide .bxslider li > .visual_ment .visual_ment02 { display: none; } #main_visual_slide .bxslider li > .visual_ment img.visual_ment02_mobile { display: inline-block; width: 60%; } /*게시판 검색*/ #content_container #pibs_nboard_keyword_type, #pibs_nboard_keyword_type { width: 95% !important; margin-bottom: 5px !important; } #content_container #pibs_nboard_keyword_text, #pibs_nboard_keyword_text { width: 85% !important; } #pop_up_banner .content p {font-size: 13px !important;} } @media screen and (max-width:530px){ /* main_section03_top */ #main_cont03 .top_content > div { width: 100%; margin-left: 0; } #main_cont03 .top_content > div.left { margin-bottom: 10px; } /* 서브페이지 - 제품소개 - CIO2 */ .element_cont02 .element_tableBox { width: 100%; overflow-x: scroll; } .element .element_cont02 .element_tableBox table { width: 515px; } .element_cont04 .element_tableBox { width: 100%; overflow-x: scroll; } .element .element_cont04 .element_tableBox table { width: 515px; } .pibs_nboard_write_form th {width: 40% !important;} } @media screen and (max-width:515px){ /* 회원정보 - 회원가입 */ .form-table input#user_email{width:70%; } } @media screen and (max-width:505px){ table.t1 td input[type="text"], table.t1 td input[type="password"] {width:100%;} /* 온라인 문의 */ input[type="file"] { width: 100%; } } @media screen and (max-width:500px){ #main_gallery h2 {padding-top:20px; font-size:27px;} .mainboard {height:55px;} .mainboard #notice_list {width:67%;} .mainboard div ul li a {color:#fff; line-height:11px;} .mainboard div p a img {padding:6px;} .mainboard div h3 {margin-right:21px; margin-left:18px; line-height:55px;} #main_open #last_photos li {width:50% !important;} #category_menu li a {width: 100%;} #main_open #last_photos li:nth-child(3), #main_open #last_photos li:nth-child(4) {display:none;} #project_table th:nth-child(2),#project_table td:nth-child(2) {display:none;} #category_menu li {float:left; width:48%;} #main_notice, #main_data, #main_gallery02 {float:left; width:96%; margin:0 2%;} #main_gallery02 {display:none;} .CompanySearch {padding:10px 0 30px 0;} #the_content .SearchInner h4 {font-size:20px;} .sch_btn {font-size: 14px !important; padding: 10px 30px;} /* 회원관련 - 비밀번호 찾기 */ .page-template-membermember_lost-php .membership #lostpasswordform label { width: 100%; } .explan_cont02 ul li { width: 100%; margin-left: 0; box-sizing: border-box; } .explan_cont02 ul li:nth-child(3n+1) { margin-left: 0; } } @media (max-width:480px){ .detail_list .btn a {margin-right: 3px;padding: 10px 13px;} #slides .cycle-pager {left: 40%;} #slides .cycle-pager span {margin: 0 3px;} #notice {width: 100%;box-sizing: border-box;} #broadcast {width: 100%;box-sizing: border-box;clear:both;margin-top:20px;} .photo_inner li {width:50%;} article.intro_cont02 p, article.intro_cont02 p span { font-size: 14px; } article.intro_cont02 p br { display: none } } @media screen and (max-width:460px){ .products_gallery li a img { width: 100% !important; margin-right: 20px; display: block; float: left; } .product_list_con h3 { font-size: 15px !important; margin: 0 0 10px 0 !important; font-weight: 400 !important; line-height: 20px; } .product_list_con { margin-bottom: 12px; padding-top: 57px; } #the_content .product_menu { padding: 1px 20px; font-size: 12px; } .pibs_nboard_username {display:none;} /*table 포토갤러리*/ /*table 캘린더*/ .fc button {padding: 0 1em !important;} } @media screen and (max-width:450px){ #the_content .account_box p.annotation span._br {display:inline;} #the_content .account_box h5 {font-size:26px;} #the_content .account_box p.name {font-size:15px;} .fee table tr th, .fee table tr td { padding: 10px 0; } /* main_visual */ #main_visual_slide .bxslider li > .visual_ment .visual_ment01 { width: 80%; } #main_visual_slide .bxslider li > .visual_ment img.visual_ment02_mobile { width: 80%; } /* main_section03_bottom */ #main_cont03 .bottom_content div.left { margin-bottom: 10px; } #main_cont03 .bottom_content .notice_top h3 { font-size: 15px; font-family: 'Noto Sans KR', sans-serif; } #main_cont03 .bottom_content .notice_top a { padding: 0 0 15px; background: none; } #main_cont03 .bottom_content .tab-content { padding: 30px 25px; } #main_cont03 .bottom_content .tab-content ul li.list_bottom { padding-left: 0; background: 0; } #main_cont03 .bottom_content .tab-content ul li.list_bottom a { width: 70%; } #main_cont03 .bottom_content .tab-content { min-height: 275px; } a.more_btn { padding: 9px 15px; } #main_cont03 .bottom_content ul.tabs li { padding: 12px 16px; font-size: 13px; } /* footer */ #footer #foot_menu ul li:nth-child(3) { display: none; } } @media screen and (max-width:435px){ /* 회원관련 - 회원가입 */ .page-template-membermember_signup-php div#lhwb_wrap input[type="text"], .page-template-membermember_signup-php input[type="password"], .page-template-membermember_signup-php .form-table #realname, .page-template-membermember_signup-php .form-table input#user_email, .page-template-membermember_signup-php .form-table input#hp, .page-template-membermember_signup-php textarea { width: 100%; } .page-template-membermember_signup-php .mobile #setupform input#user_name { width: 100%; max-width: 100%; } .help_message { margin-left: 0; } .page-template-membermember_signup-php .mobile #setupform .check_btn { margin-top: 5px; } } @media screen and (max-width:430px){ #content_container .products a.photo_thumb img { height: 136px; } #content_container #pibs_nboard_keyword_text, #pibs_nboard_keyword_text { width: 80% !important; } } @media screen and (max-width:405px){ .org_img_wrap table th span{display:none;} .org_img_wrap .table_wrap{min-width:auto; width:41%;} .org_img_wrap .table_wrap.circle{padding-bottom:41%;} .v_line.v01, .h_line.h03, .h_line.h02, .h_line.h04{left:20.5%;} .line_wrap.lw01{padding-left:20.5%; padding-right:20.5%; top: 373px;} .v_line.v02, .v_line.v03,.v_line.v04{margin-right:20.5%;} .org_img_wrap .table_list .table_wrap2 table{min-width:auto; width:82%;} .line_wrap.lw02{left:20.5%; padding-right:20.5%;} .h_line.h03{top:483px;} .h_line.h02{top:623px;} .h_line.h04{top:1073px;} .h_line.h06, .h_line.h07, .h_line.h09, .h_line.h08{left:20.5%; right:auto;} .h_line.h04{top:923px} .h_line.h07{top:1023px;} .h_line.h09{top:1123px} .h_line.h08{top:1223px} } @media screen and (max-width:375px){ table.t1 th { width: 80px; box-sizing: border-box; text-align: center; } table.t1 td input[type="file"] { width: 100%; } } @media screen and (max-width:359px) { /* PIBS nBoard custom */ .mobile td.pibs_nboard_date {display:block;} .mobile table.pibs_nboard td.pibs_nboard_username {clear:both;} .mobile table.pibs_nboard td.pibs_nboard_username, .mobile table.pibs_nboard td.pibs_nboard_date, .mobile table.pibs_nboard td.pibs_nboard_visit {display:block; float:right; margin-top:5px;} body.mobile .pibs_nboard td.pibs_nboard_file {padding-left:0} body.mobile #the_content a.pibs_nboard_btn_secondary.pibs_nboard_btn_list, body.mobile a.pibs_nboard_btn_secondary.pibs_nboard_btn_list, body.mobile .pibs_nboard_btn_secondary.pibs_nboard_btn_list {margin-left:0;} body.mobile #the_content a.pibs_nboard_btn_secondary.pibs_nboard_btn_delete, body.mobile a.pibs_nboard_btn_secondary.pibs_nboard_btn_delete, body.mobile .pibs_nboard_btn_secondary.pibs_nboard_btn_delete {margin-right:0px;} #photo_gallery .photo_inner li {width:100%;} .page-id-2311 #sidebar_menu li, .page-id-2397 #sidebar_menu li, .page-id-2309 #sidebar_menu li, .page-id-2313 #sidebar_menu li { min-width: 70px; margin: 0 2px; } } /* 서브 : 가창군립노인요양병원 2019-06-24 송재민 **** 대표인사말 미션비젼 ********* @media all and (max-width:1200px) { #img_con{ width: 100%; height: 336px; position: relative; background: url(images/sub/introduce_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color:gray; } #content_container{ width:100%; } .sub_title_container{ width: 200px; margin-top: 25px; background-color: blue; float: left; } #content_container #img_con h1{ width: 1200px; font-size: 32px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -62.5px; font-weight:600; color: white; } .sub_title_wrap{ width:100%; background-color:blue; float:left; margin-top:25px; } .sub_title_mark{ width:4px; height: 23px; background-color:#52c16c; float:left; margin-top:7px; } .text_box{ width: 100%; float: left; margin-top: 25px; background-color: gray; } #content_container .text_box h1 { font-size:29px; color:#3b9f3b; text-align:left; margin-bottom:0px; margin-top:0px; padding-top:0px; font-weight:500; font-family: 'NanumSquare'; } #content_container .text_box p{ color:#5d5d5d; font-size:16px; } #content_container .text_box p span{ font-family: 'Notokr', color:#383838; } #mission{ width: 960px; height: 441px; float: left; margin-top: 25px; background-color: blue; position:relative; margin-left:3.5%; } #mission img{ position:absolute; left:50%; margin-left:-404px; top:0; } }note end @media all and (min-width:760px) and (max-width:959px) { #img_con{ width: 100%; height: 250px; position: relative; background: url(images/sub/introduce_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color:gray; } #content_container{ width:100%; } #con_inner{ width:100%; } .sub_title_container{ width: 200px; margin-top: 25px; background-color: blue; float: left; } #content_container #img_con h1{ width: 760px; font-size: 25px; text-align: center; position: absolute; left: 50%; top: 45%; margin-left: -380px; margin-top: -62.5px; font-weight:600; color: white; } .sub_title_wrap{ width:100%; background-color:blue; float:left; margin-top:25px; } #content_container .sub_title_wrap h5{ font-size:20px; float:left; margin-left:11px; font-family: 'Notokr'; } .sub_title_mark{ width: 4px; height: 20px; background-color: #52c16c; float: left; margin-top: 5px } .text_box{ width: 100%; float: left; margin-top: 25px; background-color: gray; } #content_container .text_box h1 { font-size:23px; color:#3b9f3b; text-align:left; margin-bottom:0px; margin-top:0px; padding-top:0px; font-weight:500; font-family: 'NanumSquare'; } #content_container .text_box p{ color:#5d5d5d; font-size:16px; } #content_container .text_box p span{ font-family: 'Notokr', color:#383838; } #mission{ width: 100%; float: left; margin-top: 25px; background-color: blue; position: relative; height:45.937vw; } #mission img{ height:45.937vw; position: absolute; left: 0; margin-left: 0; top: 0; } }table end @media all and (max-width:760px) { #img_con{ width: 100%; height: 200px; position: relative; background: url(images/sub/introduce_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color:gray; } #content_container{ width:100%; } .sub_title_container{ width: 200px; margin-top: 25px; background-color: blue; float: left; } #content_container #img_con h1{ width: 90%; height: 100px; font-size: 17px; text-align: center; position: absolute; line-height: 23px; margin-left: -45.5%; font-weight: 600; color: white; } .sub_title_wrap{ margin-top:0; } #content_container .sub_title_wrap h5{ font-size:20px; float:left; margin-left:11px; font-family: 'Notokr'; } .sub_title_mark{ width: 4px; height: 20px; background-color: #52c16c; float: left; margin-top: 5px } .text_box{ width: 100%; float: left; margin-top: 25px; background-color: gray; } #content_container .text_box h1 { font-size:18px; line-height: 1.3em; color:#3b9f3b; text-align:left; margin-bottom:0px; margin-top:0px; padding-top:0px; font-weight:500; font-family: 'NanumSquare'; } #content_container .text_box p{ color:#5d5d5d; font-size:14px; } #content_container .text_box p span{ font-family: 'Notokr', color:#383838; } #mission{ width: 100%; float: left; margin-top: 25px; background-color: blue; position: relative; height:45.937vw; } #mission img{ height:45.937vw; position: absolute; left: 0; margin-left: 0; top: 0; } }end @media all and (max-width:420px) { .sub_title_container{ width: 200px; margin-top: 25px; background-color: blue; float: left; } #content_container #img_con h1{ width: 100%; height:50px; width:75%; height:100px; font-size: 17px; text-align: center; position: absolute; line-height: 23px; margin-left:-37.5%; margin-left: -39.583%; margin-top: -52.5px; font-weight:600; color: white; background-color: blue; } #content_container #img_con h1 br {display:none; } }end @media all and (max-width:960px) { }end ********************************************** 인사말 미션비젼 끝 ********************************************** ************ ******************************************************찾아오시는길************************************************************** @media all and (max-width:760px) { #content_container .sub_title_wrap h5{ font-size:20px; float:left; margin-left:1%; margin-top:1%; } .sub_title_mark{ width:4px; height: 20px; background-color:#52c16c; float:left; margin-top:4px; } #content_container{ width:100%; } #map_wrap{ width:99%; height:360px; float:left; margin-left:1%; margin-top:25px; } #table1 table{ height:84px; margin-left:1%; float:left; margin-top:50px; border-top-color:black; } #table1 td{ border:1px solid #dbdbdb; border-right:0px; border-left:0px; border-top:0px; border-bottom:0px; text-align:center; font-family: 'Notokr'; line-height:39px; color:#5d5d5d; } #table1 th{ height:42px; border:1px solid #dbdbdb; border-right:0px; border-top:0px; border-bottom:0px; text-align:center; line-height:39px; color:#383838; font-family: 'Notokr'; background-color:#f2f2f2f2; } #table1 th:first-child{ border-left:0px; } #table1 td:first-child{ border-left:0px; } #call{ margin-top:60px; } #table2 table{ margin-left:1%; float:left; margin-top:25px; border-top-color:black; } #table2 td{ border:1px solid #dbdbdb; border-right:0px; border-left:0px; border-top:0px; border-bottom:0px; text-align:center; font-family: 'Notokr'; line-height:39px; color:#5d5d5d; border-left:0px; } #table2 td:first-child{ border-left:0px; width:66%; } #table2 th:first-child{ border-left:0px; } .call_title{ background-color:#f2f2f2f2; } .call_mobile{ line-height:30px; } }end ************************************************ 찾아오시는길 end************************************************************* @media all and (min-width:960px) and( max-width:1199px) { #visit_con_wrap{ width:100%; background-color:#808080; float:left; margin-top:25px; } #visit_con_l{ width:49%; height:100%; background-color:blue; float:left; margin-left:1%; margin-right:3%; } #visit_con_l img{ } #visit_con_l{ width:300px; } .visit_box2 mg{ } }end *********************************************** 입퇴원절차 ******************************************************************* @media all and (max-width:1199px){ .sub_container{ width: 100%; height:100px; background-color: blue; margin: 0 auto; } h1{ font-size: 32px; color: #383838; } #content_container .sub_title_wrap h5{ font-size:28px; float:left; margin-left:11px; font-family: 'Notokr'; } .sub_title_mark{ width:4px; height: 23px; background-color:#52c16c; float:left; margin-top:14px; } .con{ margin-top: 25px; width: 100%; height: 66px; float: left; background-color: blue; margin-left:1%; } #the_content .con h5{ margin-left: 11px; font-size: 28px; color: #5d5d5d; font-family: 'Notokr'; } #admission p{ font-size: 22px; color: #5d5d5d; margin-top: 25px; font-size: 16px; margin-left: 11px; } .icon_wrap{ width: 99%; height: 163px; background-color: blue; margin-left: 1%; margin-top: 25px; } .icon_con{ width:163px; height: 163px; border-radius: 50%; background-color: white; position: relative; border: 1px solid #dbdbdb; float: left; } .icon_con img{ position: absolute; left: 50%; margin-left: -34.5px; top: 33px; } .icon_con>p>span{ font-size:16px; } #the_content .icon_con p{ bottom: 13%; text-align: center; font-size: 14px; color: #5d5d5d; margin-top:65%; line-height:16px; font-family: 'Notokr'; } #the_content .icon_con p span{ font-size: 11px; font-family: 'Notokr'; } #con2_icon_b{ margin-top:30px; } .icon_con:last-child{ margin-right: 0px; } .arrow{ width: 3.1%; height: 163px; background-color: gray; float: left; position:relative; } .arrow_img{ position:absolute; left:50%; top:50%; margin-left:-11.5px; margin-top:-22.5px; } #need table{ width: 98%; height: 160px; background-color: blue; margin-top: 25px; float: left; border: 1px solid #dbdbdb; border-top-width: 2px; border-top-color: #505050; border-spacing: 0px; } #need tr{ width: 100%; height: 80px; border-bottom-style: dashed; background-color: aqua; border-top: none; border-left: none; border-left: none; border-right: none; } .arrange_th{ border:1px solid #dbdbdb; border-left: 0px; border-top:0px; width: 25%; background-color: #f2f2f2; font-size: 16px; color: #5d5d5d; line-height:80px; text-align:center; font-family: 'Notokr'; l } #arrange_th_b{ border:1px solid #dbdbdb; border-right:1px; border-bottom:0px; } .arrange_td_r{ border:1px solid #dbdbdb; border-left: 0px; border-right:1px; border-right:0px; text-align:center; } .arrange_td_r:last-child{ border-bottom:0px; } #con_3_text{ width: 100%; margin-top: 25px; float: left; } #con_3_text>p{ margin-left: 1%; color: #5d5d5d; font-size: 16px; } #con_3_text>p>span{ color: #038718; margin-right: 0.3%; } #proof{ width: 100%; margin-top: 25px; } #proof table{ width: 97%; height: 342px; background-color: blue; margin-top: 25px; float: left; border: 1px solid #dbdbdb; border-top-width: 2px; border-top-color: #505050; border-spacing: 0px; background-color: white; } .con_6_l{ width: 30%; background-color: #f2f2f2; border:1px solid #dbdbdb; border-bottom: 0px; border-left: 0px; border-right: 1px; height: 38px; text-align:center; } .td_r{ text-align:center; } #line1{ border:1px solid #dbdbdb; border-bottom: 0px; border-right: 1px; border-bottom:0px; border-top: 0px; border-left:0px; text-align:center; line-height:40px; } #proof td{ border:1px solid #dbdbdb; border-bottom: 0px; border-right: 0px; border-left:0px; text-align: center; height:38px; } #con7{ width: 100%; margin-top: 25px; } #proof2 table{ width: 97%; height: 380px; background-color: blue; margin-top: 25px; float: left; border: 1px solid #dbdbdb; border-top-width: 2px; border-top-color: #505050; border-spacing: 0px; background-color: white; } .th_first{ border: 1px solid #dbdbdb; border-bottom: 0px; border-right: 0px; background-color: #f2f2f2f2; font-size: 16px; color: #5d5d5d; height:38px; } .td_pay{ width: 50%; } .list{ width: 25%; } .code{ width: 8%; } .pay{ width: 8%; } #the_content #admission h5{ font-size:22px; } #the_content #discharge h5{ font-size:22px; } #the_content #need h5{ font-size:22px; } }end @media all and (min-width:760px) and (max-width:960px){ #the_content #admission h5{ font-size:18px; } #the_content #discharge h5{ font-size:18px; } #admission p { font-size:14px; } #con_3_text p{ font-size:14px; } #the_content #need h5 { font-size:18px; } .icon_con{ width:130px; height:130px; margin-top: 3% } .icon_con img{ width:50px; height:52px; margin-left:-25px; } .arrow{ height:130px; width:5%; margin-top: 3%; background-color:blue; } .arrow img{ width:18px; height:37px; margin-left:-9px; margin-bottom:-18.5px; } #the_content .icon_con p { font-size:12px; } #the_content .icon_con p span{ font-size:8px; } }end @media all and (max-width:759px){ #the_content #admission h5{ font-size:18px; } #the_content #discharge h5{ font-size:18px; } #admission p { font-size:14px; } #con_3_text p{ font-size:14px; } #the_content #need h5 { font-size:18px; } .icon_con{ width:130px; height:130px; margin-top: 3% } .icon_con img{ width:50px; height:52px; margin-left:-25px; } .arrow{ height:130px; width:5%; margin-top: 3%; background-color:blue; } .arrow img{ width:18px; height:37px; margin-left:-9px; margin-bottom:-18.5px; } #the_content .icon_con p { font-size:12px; } #the_content .icon_con p span{ font-size:8px; } }end @media all and (max-width: 420px){ .arrow{ height:130px; width:8%; margin-top: 3%; background-color:blue; } }end *********************************************** 입퇴원절차 end ******************************************************************* ************************************************* 치매환자지원 ***************************************************************** @media all and (min-width: 960px) and (max-width:1199px){ .con1_in_wrap{ width: 100%; height: 339px; height:28.25vw; float: left; background-color: blue; margin-top: 25px; margin-left: 0px; } .con1_in{ width: 31.583%; height: 257px; background-color: gray; float: left; margin-right: 24.6px; position: relative; } con1_in_img1{ width: 31.583%; height: 257px; background-color: gray; float: left; margin-right: 24.6px; position: relative; } #con1_in_img1{ width: 31.583%; height: 257px; } #con1_in_img3{ width: 31.583%; height: 257px; } .con1_in_text{ width: 332px; width:87.598%; height: 164px; height:130px; height:11vw; background-color: white; position: absolute; left: 50%; margin-left:-43.799%; top:70%; box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); } #the_content .con1_in_text p{ text-align: center; font-size: 15px; color: #5d5d5d; margin-top: 25px; margin:0 auto; padding-top:20px; } .text_line{ width: 100%; height: 4px; background-color: #52c16c; float: left; margin-top: 5%; position: absolute; left:0; bottom:0; } #con3 img{ width: 100%; margin: 0 auto; } }end @media all and (min-width: 759px) and (max-width:960px){ .con1_in_wrap{ width: 781px; height: 339px; height: 28.25vw; height: 800px; float: left; argin-left: -189.5px; position: relative; left: 50%; } .con1_in{ width: 50%; height: 257px; background-color: gray; float: left; margin-right: 24.6px; margin-right:2%; position: relative; float:left; } #con1_in_img1{ width: 379px; height: 257px; left:25%; float:left; } #con1_in_img2{ width: 379px; height: 257px; left: 51.5%; top: -32%; margin-top: 100px; float: left; } #con1_in_img3{ width: 379px; height: 257px; margin-top: 85px; top: -12%; left: 0%; float: left; } .con1_in_text{ width: 332px; width:87.598%; height: 164px; height:130px; height:11vw; background-color: white; position: absolute; left: 50%; margin-left:-43.799%; top:70%; box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); z-index:5; } #the_content .con1_in_text p{ text-align: center; font-size: 15px; color: #5d5d5d; margin-top: 25px; margin:0 auto; padding-top:45px; } .text_line{ width: 100%; height: 4px; background-color: #52c16c; float: left; margin-top: 5%; position: absolute; left:0; bottom:0; } #con3 img{ width: 100%; margin: 0 auto; } } @media all and (max-width:760px){ .con1_in_wrap{ width: 379px; height: 339px; height:28.25vw; height:1100px; float: left; background-color: blue; margin-top: 25px; margin-left: -189.5px; position: relative; left:50%; } .con1_in{ width: 50%; height: 257px; background-color: gray; float: left; margin-right: 24.6px; margin-right:2%; position: relative; float:left; } #con1_in_img1{ width: 379px; height: 257px; left:25%; float:left; } #con1_in_img2{ width: 379px; height: 257px; left:25%; margin-top:100px; float:left; } #con1_in_img3{ width: 379px; height: 257px; margin-top:100px; float:left; } .con1_in_text{ width: 332px; width:87.598%; height: 164px; height:130px; height:11vw; background-color: white; position: absolute; left: 50%; margin-left:-43.799%; top:70%; box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); z-index:5; } #the_content .con1_in_text p{ text-align: center; font-size: 15px; color: #5d5d5d; margin-top: 25px; margin:0 auto; padding-top:45px; } .text_line{ width: 100%; height: 4px; background-color: #52c16c; float: left; margin-top: 5%; position: absolute; left:0; bottom:0; } #con3 img{ width: 100%; margin: 0 auto; } }end *************************************** 치매환자지원 end ******************************************************** 생신잔치 수라상 @media all and (min-width: 960px) and (max-width:1199px){ #pro_wrap{ width:100%; height:300px; background-color:gray; float:left; margin-top:25px; } .pro_r img{ width:500px; height:300px; float:left; background-color:yellow; position: absolute; right:0%; } .pro_b{ width:100%; height:390px; float:left; background-color:#dbdbdb; margin-top:25px; background: url(images/sub/sura.jpg); background-size:cover; background-positon:center; position:relative; } } end @media all and (min-width: 760px) and (max-width:959px){ #pro_wrap{ width:100%; height:300px; background-color:gray; float:left; margin-top:25px; } .pro_r img{ width:500px; height:300px; float:left; background-color:yellow; position: absolute; left:5%; } #the_content .pro_l #pro_l_in h2{ font-size:22px; } #the_content .pro_l #pro_l_in p { font-size:15px; line-height:18px; } .pro_b{ width:100%; height:320px; float:left; background-color:#dbdbdb; margin-top:25px; background: url(images/sub/sura.jpg); background-size:cover; background-positon:center; position:relative; } }end @media all and (max-width: 759px){ .pro_r{ width:70%; height:200px; position:absolute; top:0; left:50%; margin-left:-35%; } .pro_r img{ width:100%; height:200px; } .pro_l{ width:100%; height:200px; height:26.315vw; float:left; position:absolute; top:65%; } #pro_wrap{ width:100%; height:400px; height:72.613vw; background-color:gray; float:left; margin-top:25px; position:relative; } #the_content .pro_l #pro_l_in h2{ font-size:18px; } #the_content .pro_l #pro_l_in p { font-size:14px; line-height:18px; margin-top: 52px } .pro_b{ width:100%; height:320px; float:left; background-color:#dbdbdb; margin-top:25px; background: url(images/sub/sura.jpg); background-size:cover; background-positon:center; position:relative; } #the_content .pro_b h2 { font-size:20px; } #the_content .pro_b p{ font-size:14px; } } @media all and (max-width: 460px){ .pro_r{ width:70%; height:200px; position:absolute; top:0; left:50%; margin-left:-35%; } .pro_r img{ width:100%; height:200px; } .pro_l{ width:100%; height:200px; height:26.315vw; float:left; position:absolute; top:75%; margin-left:-1%; } #pro_wrap{ width:100%; height:400px; height:72.613vw; background-color:gray; float:left; margin-top:25px; position:relative; } #the_content .pro_l #pro_l_in h2{ font-size:18px; text-align:center; left: 40%; margin-left: -18%; } #the_content .pro_l #pro_l_in p { font-size:14px; line-height:18px; margin-top: 52px; margin-left: -32%; } .pro_b{ width:100%; height:320px; float:left; background-color:#dbdbdb; margin-top:25px; background: url(images/sub/sura.jpg); background-size:cover; background-positon:center; position:relative; } #the_content .pro_b h2 { font-size:20px; } #the_content .pro_b p{ font-size:14px; } } @media all and (max-width: 1199px){ #visit_con{ width:100%;height:37.604vw;background-color:blue;} }end */