@charset "utf-8"; @import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); /* 나눔명조 == font-family: 'Nanum Myeongjo', serif; */ @font-face { font-family: 'GmarketSansMedium'; src: url('/fonts/GmarketSansMedium.woff') format('woff'); /* CSP(font-src 'self') 대응 위해 로컬 호스팅 */ font-weight: normal; font-style: normal; } .sub_top_common{} .subTop{width:1200px; margin:0 auto; overflow:hidden; padding-top:70px;} .subTop h1{float:left; font-size:42px; color:#313131; font-weight:bold; font-family: 'Nanum Myeongjo', serif;} .sub_visual .location{float:left; text-align:right; font-weight:300; margin-top:27px;} .sub_visual .location a{font-size:13px; color:#929292; vertical-align:middle;} .sub_visual .location .home img{margin-right:8px;} .sub_visual .location span{font-size:13px; color:#929292; padding:0 9px; vertical-align:middle;} .sub_visual .location .here{padding:0; color:#222;} .sub_visual{height:300px; overflow:hidden; } .sub_visual .fullview{height:310px; background:url("/img/okbyun/sub_visual23.jpg") center top ;} .sub_visual .intro{height:300px; background:url("/img/okbyun/sub_visual01.jpg") center top ;} .sub_visual .history{height:300px; background:url("/img/okbyun/sub_visual02.jpg") center top ;} .sub_visual .step{height:300px; background:url("/img/okbyun/sub_visual03.jpg") center top ;} .sub_visual .diagnosis{height:300px; background:url("/img/okbyun/sub_visual04.jpg") center top ;} .sub_visual .gma{height:300px; background:url("/img/okbyun/sub_visual05.jpg") center top ;} .sub_visual .locationsub{height:300px; background:url("/img/okbyun/sub_visual06.jpg") center top ;} .sub_visual .intestine{height:300px; background:url("/img/okbyun/sub_visual07.jpg") center top ;} .sub_visual .esophagitis{height:300px; background:url("/img/okbyun/sub_visual08.jpg") center top ;} .sub_visual .digestion{height:300px; background:url("/img/okbyun/sub_visual09.jpg") center top ;} .sub_visual .irritable{height:300px; background:url("/img/okbyun/sub_visual10.jpg") center top ;} .sub_visual .brainsub{height:300px; background:url("/img/okbyun/sub_visual11_1.jpg") center top ;} .sub_visual .headache{height:300px; background:url("/img/okbyun/sub_visual12.jpg") center top ;} .sub_visual .adhdsub{height:300px; background:url("/img/okbyun/sub_visual13_1.jpg") center top ;} .sub_visual .ticsub{height:300px; background:url("/img/okbyun/sub_visual14_1.jpg") center top ;} .sub_visual .torticollis{height:300px; background:url("/img/okbyun/sub_visual15.jpg") center top ;} .sub_visual .skin{height:300px; background:url("/img/okbyun/sub_visual16.jpg") center top ;} .sub_visual .noticesub{height:300px; background:url("/img/okbyun/sub_visual17.jpg") center top ;} .sub_visual .newssub{height:300px; background:url("/img/okbyun/sub_visual18.jpg") center top ;} .sub_visual .broadcast{height:300px; background:url("/img/okbyun/sub_visual_add.jpg") center top ;} .sub_visual .reviewsub{height:300px; background:url("/img/okbyun/sub_visual19.jpg") center top ;} .sub_visual .videoreviewsub{height:300px; background:url("/img/okbyun/sub_visual20.jpg") center top } .sub_visual .consultsub{height:300px; background:url("/img/okbyun/sub_visual21.jpg") center top ;} .sub_visual .loginsub{height:300px; background:url("/img/okbyun/sub_visual22.jpg") center top ;} .sub_visual p{color:#4c4b4b; font-size:23px; font-weight:200; line-height:35px; padding-top:20px} .sub_visual p span{font-size:38px;} /*상단*/ .sub_upimg{ position:relative; width:100%; background:#9ab846} .sub_upimg div{ position:relative; height:260px; background:url('/img/okbyun/consult_img.jpg') center top no-repeat; } .sub_upimg div p{ display:none} /* 고치기 전 */ .subCon{overflow:hidden; position:relative; color:#333;} .subCon .conTit{text-align:center;} .subCon .conTit span{display:inline-block; height:37px; line-height:36px; padding:0 5px; font-size:30px; color:#565656; font-weight:300; border-top:2px solid #555; border-bottom:2px solid #555; margin:100px 0 43px;} .subCon .conTxt{text-align:center; font-size:40px; color:#333; font-weight:200; margin-bottom:100px; letter-spacing:-4px;} /* 고치기 전 끝 */ /* 큰 글씨 제목 */ .subCon{overflow:hidden; position:relative; color:#333;} .ConTit{text-align:center;} .ConTit span{display:inline-block; height:37px; line-height:36px; padding:0 5px; font-size:38px; color:#b5c97e; font-weight:600; margin:100px 0 25px; } /* color:#b5c97e; border-top:2px solid #555; border-bottom:2px solid #555; */ .ConTxt{text-align:center; font-size:50px; color:#333; font-weight:200; margin-bottom:40px; letter-spacing:-2px;} /* margin-bottom:100px; */ .ConTxt b{ font-weight:bold} /* 큰 글씨 진한 */ .gamin_txt{ font-weight:600; } /* 선 */ .subCon .conline{ color:#000; width:102px; text-align:center; display:block; margin:0 auto; margin-bottom:62px; } .con1200{width:1200px; margin:0 auto;} .virus_tabb{ width:1200px; height:160px; margin:0 auto; } .virus_tabb li{ float:left; padding-top:66px; } .virus_tabb li a{ font-size:30px; width:594px; color:#8c8c8c; padding-top:30px; padding-bottom:30px; text-align:center; display:inline-block; border:1px solid #b7b7b7;} #virus_tabb{ width:1200px; height:160px; margin:0 auto; } #virus_tabb li{ float:left; padding-top:66px; } #virus_tabb li a{ width:398px; font-size:22px; color:#8c8c8c; padding-top:22px; padding-bottom:22px; text-align:center; display:inline-block; border:1px solid #b7b7b7;} /* 전체 보기 */ .full_box{ width:1200px; height:310px; margin:0 auto; padding-top:50px; } .full_box .fullview_left{ float:left; } .full_box .fullview_left .list_01, .full_box .fullview_left .list_02, .full_box .fullview_left .list_03{ position:relative; width:246px; height:303px; float:left; margin-left:40px; } .full_box .fullview_left ul li a{ font-size:20px; line-height:2.6; } .full_box .fullview_left ul li a:hover{ color:#679300; } .full_box .fullview_left .list_01 li{ width:246px; height:47px; border-bottom:1px solid #a9a9a9; } .full_box .fullview_left .list_01 li:first-child{ background:#5e9f00; border-bottom:0px; } .full_box .fullview_left .list_01 li:first-child p{ color:#fff; font-size:22px; padding-left:20px; padding-top:10px; font-weight:bold } .full_box .fullview_left .list_01 li span{ margin-left:7px; margin-right:7px; color:#9bcc2f; font-weight:bold } .full_box .fullview_left .list_02 li{ width:246px; height:47px; border-bottom:1px solid #a9a9a9; } .full_box .fullview_left .list_02 li:first-child{ background:#9ab625; border-bottom:0px; } .full_box .fullview_left .list_02 li:first-child p{ color:#fff; font-size:22px; padding-left:20px; padding-top:10px; font-weight:bold } .full_box .fullview_left .list_02 li span{ margin-left:7px; margin-right:7px; color:#9ab625; font-weight:bold } .full_box .fullview_left .list_03 li{ width:246px; height:47px; border-bottom:1px solid #a9a9a9; } .full_box .fullview_left .list_03 li:first-child{ background:#5e9f00; border-bottom:0px; } .full_box .fullview_left .list_03 li:first-child p{ color:#fff; font-size:22px; padding-left:20px; padding-top:10px; font-weight:bold } .full_box .fullview_left .list_03 li span{ margin-left:7px; margin-right:7px; color:#9bcc2f; font-weight:bold } .full_box .fullview_right{ width: 247px; height: 303px; float:left; margin-left:50px; } .full_box .fullview_right ul li span{ font-size:18px; } .full_box .fullview_right ul li.consut a{ position:relative; width:214px; height:56px; margin-bottom:10px; display:inline-block; background:#fff; border:1px solid #dedede; color:#3c3c3c; padding-left:30px; padding-top:28px; font-size:23px; } .full_box .fullview_right ul li.consut a:hover{ color:#218000; border:1px solid #218000; } .full_box .fullview_right ul li.reviw a{ position:relative; width:214px; height:56px; margin-bottom:10px; display:inline-block; background:#fff; border:1px solid #dedede; color:#3c3c3c; padding-left:30px; padding-top:28px; font-size:23px; } .full_box .fullview_right ul li.reviw a:hover{ color:#218000; border:1px solid #218000; } .full_box .fullview_right ul li.videoreviw a{ position:relative; width:214px; height:56px; margin-bottom:10px; display:inline-block; background:#fff; border:1px solid #dedede; color:#3c3c3c; padding-left:30px; padding-top:28px; font-size:23px; } .full_box .fullview_right ul li.videoreviw a:hover{ color:#218000; border:1px solid #218000; } /* 장누수증후군 */ .intestine01{text-align:center;} .intestine01 .intestine01_01{overflow:hidden; font-size:0;} .intestine01 .intestine01_01 li{display:inline-block; width:300px; margin-right:24px; vertical-align:middle;} .intestine01 .intestine01_01 li:last-of-type{margin-right:0;} .intestine01 .intestine01_01 li img{width:100%;} .intestine01 .intestine01_01 li .txt_wrap{height:234px; border:1px solid #e7e7e7; border-top:0; color:#333; font-weight:500;} .intestine01 .intestine01_01 li .txt_wrap .num{display:inline-block; font-size:15px; margin-top:40px; padding-bottom:10px; border-bottom:1px solid #333;} .intestine01 .intestine01_01 li .txt_wrap .tit{font-size:35px; margin:17px 0 38px;} .intestine01 .intestine01_01 li .txt_wrap .txt{font-size:18px; color:#787878; font-weight:200; line-height:24px;} .intestine01 .check_point{font-size:18px; margin:100px 0 45px; letter-spacing:1px; font-weight:bold;} .intestine01 .intestine01_02{max-width:1572px; margin:0 auto; padding:44px 0; position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .intestine01 .intestine01_02_arrow{position:absolute; bottom:-21px; left:50%; margin-left:-21px;} .intestine01 .intestine01_02 ul{width:1200px; margin:0 auto; overflow:hidden;} .intestine01 .intestine01_02 ul li{float:left; width:400px;} .intestine01 .intestine01_02 ul li p{font-size:20px; font-weight:200; line-height:27px; margin-top:26px;} .intestine01 .check_point_txt{font-size:30px; line-height:44px; font-weight:200; margin-top:60px;} .intestine01 .check_point_txt span{display:block; font-weight:500; color:#1e1e1e;} .intestine02{text-align:center;} .intestine02 .intestine02_txt{height:1547px; padding:100px 0; background:#f1f2ec url("/img/okbyun/intestine02_bg.jpg") center top no-repeat;} .intestine02 .intestine02_txt .search_bar{width:1010px; height:108px; line-height:82px; font-size:33px; color:#334116; font-weight:bold; border:12px solid #689a24; box-sizing:border-box; margin:0 auto; text-indent:23px; padding-right:90px; background:url("/img/okbyun/search_bar_icon.png") right 23px center no-repeat; text-align:left;} .intestine02 .intestine02_txt .search_answer{margin:125px 0 160px; font-size:38px; color:#1a3a00; line-height:60px;} .intestine02 .intestine02_txt .search_answer span{display:inline-block; font-size:24px; font-weight:300; border-bottom:1px solid #ababab; line-height:1; padding-bottom:10px; margin-bottom:15px;} /* 장누수증후군 새로 */ #syndrome01 ul li h1{ text-align:left; } #syndrome01 .syndrome02{ position:relative; width:100%; margin-top:130px; margin-bottom:80px; } #syndrome01 .syndrome02 .syndrome02_1 { position:relative; width:100%; background:#fff5f5; padding-top:80px; padding-bottom:90px; } #syndrome01 .syndrome02 .syndrome02_1 div{ position:relative; width: 1140px; margin:0 auto; } #syndrome01 .syndrome02 .syndrome02_1 div .syndrome02_img01{ text-align:center;} #syndrome01 .syndrome02 .syndrome02_1 div h1{ font-size:30px; color:#1b1b1b; font-weight:500; line-height:1.5; text-align:left; margin-top:60px;} #syndrome01 .syndrome02 .syndrome02_1 div h1 b{ color:#af3838 } #syndrome01 .syndrome02 .syndrome02_1 div .ConTxt_bottom{ font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:30px; } #syndrome01 .syndrome02 .syndrome02_2 { position:relative; width:100%; background:#ffeeee; padding-top:40px; padding-bottom:40px; } #syndrome01 .syndrome02 .syndrome02_2 div{ position:relative; width: 1140px; height:477px; margin:0 auto; } #syndrome01 .syndrome02 .syndrome02_2 .syndrome02_2_left{ width:310px; float:left; } #syndrome01 .syndrome02 .syndrome02_2 .syndrome02_2_right{ width:740px; float:right; } #syndrome01 .syndrome02 .syndrome02_2 .syndrome02_2_right img{ margin-top:75px;} #syndrome01 .syndrome02 .syndrome02_2 .syndrome02_2_right p{ font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:30px; } #syndrome01 .syndrome02 .syndrome02_3{ position:relative; width:100%; background:#fff5f5; padding-top:80px; padding-bottom:40px; } #syndrome01 .syndrome02 .syndrome02_3 div{ position:relative; width: 1187px; margin:0 auto; } #syndrome01 .syndrome02 .syndrome02_3 .cron_top{ width:1070px; padding:50px; border:7px solid #ba462c; background:#fff} #syndrome01 .syndrome02 .syndrome02_3 .cron_top h1{ font-size:35px; color:#ba462c} #syndrome01 .syndrome02 .syndrome02_3 .cron_top h1 span{color:#a5a7a5; font-weight:normal; font-size:25px;} #syndrome01 .syndrome02 .syndrome02_3 .cron_top hr{ width:50px; display:inline-block; border:2px solid #ba462c; margin-top:15px; margin-bottom:15px;} #syndrome01 .syndrome02 .syndrome02_3 .cron_top p{ font-size:25px; color:#515151 } #syndrome01 .syndrome02 .syndrome02_3 .cron_bottom{ height:571px; background:url('/img/okbyun/cron_bg.jpg') no-repeat; } #syndrome01 .syndrome02 .syndrome02_3 .cron_bottom p{ width:765px; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; padding-top:60px; } #syndrome01 .syndrome02 .syndrome02_3 .cron_bottom h3{background:#ba462c; width:760px; border-radius:30px; color:#fff; line-height:2; font-size:25px; text-align:center; margin-top:50px; font-weight:300} #syndrome01 .syndrome02 .syndrome02_3 .cron_bottom h1{ font-size:40px; color:#ba462c; line-height:2; padding-left:25px; } /* 영상 탭 */ .tab_wrap{width:1200px; margin:0 auto; } /* background:#f1f2ec; */ .tab_wrap .tab{overflow:hidden;} /* 영상 탭 선택 */ .tab_wrap .tab li{float:left; width:399px; height:70px; line-height:70px; box-sizing:border-box; border:0px; border-bottom:1px solid #cdd1c1; border-right:1px solid #cdd1c1; font-size:21px; color:#868783; font-weight:400; cursor:pointer; background:#fff;} /* f8f9f3 */ .tab_wrap .tab li:last-of-type{ border-right:0px; } .tab_wrap .tab li.on{color:#fff; background:#b5c97e } /*background:url("/img/okbyun/tab_on.png") center bottom no-repeat; */ .tab_wrap .tab li.on span{color:#334116;} /* 영상 배경 비젠*/ .tab_wrap div div{ width:1140px; padding:29px; border:1px solid #cdd1c1; background:#fff; height:585px; border-top:0; display:none;} /* */ .tab_wrap div div.on{display:block;} .tab_wrap div div img{width:1140px; height:585px;} .tab_wrap > img{margin:33px 0 28px;} .tab_wrap > p{font-size:30px; line-height:45px; margin-top:100px;} .tab_wrap > p span{color:#63961b;} /* 새로 */ .tab_wrap div{ position:relative; width:1198px; background:#fff; border:1px solid #cdd1c1; height: 750px; } /* height:552px;*/ .tab_wrap .movie_tab{ position:relative; width:760px; height:466px; float:left; } .tab_wrap .movie_tab li{ width:756px; height:395px; border-top:0; padding-top:40px; padding-bottom:40px; padding-left:40px; display:none; } /* border:1px solid #cdd1c1; background:#fff; */ .tab_wrap .movie_tab li.on{display:block;} .tab_wrap .movie_tab li img{width:756px; height:395px;} .tab_wrap .movie_tab li h1{ text-align: left; font-family: 'Noto Sans KR', sans-serif; color: #44580c; font-size: 25px; line-height: 2.5;} .tab_wrap .movie_tab li h1 span{ background: #a0b95a; color:#fff; padding: 2px 10px; border-radius: 50%; font-family: system-ui; margin-right: 10px;} .tab_wrap .movie_tab li p{ text-align: left; width: 1050px; font-size: 17px; line-height: 1.6; letter-spacing: -1.5px; color:#808080; font-weight:normal; margin-left: 48px; } .tab_wrap .movie_tab li p b{ color:#54574c } /* 실제 후기 */ .sreview{ position:relative; width:100%; margin-top: 90px; background: #f1f2ec; } /* background: #f1f2ec; */ .sreview div{ width:1300px; margin:0 auto; padding:113px 50px; background:#f1f2ec; } .sreview div p{ font-size:25px; text-align:center; line-height: 4; color:#575757 } .sreview div h1{ font-size: 40px; text-align: center; font-weight:normal; letter-spacing:-2px; } .sreview div h1 b{ color:#4a8714 } .sreview div h1 span{ background:#5e9c27; color:#fff; padding: 0 10px; } .sreview .sreview_box{ position:relative; width:1130px; height:420px; margin:0 auto; margin-top: 20px } .sreview .sreview_box li{ width:520px; height:420px; float:left; margin-left: 65px; } .sreview .sreview_box li:first-child{ margin-left:0px; } .sreview .sreview_box li div{ width:520px; height:130px; padding:0px; background: #5e9c27 }/* */ .sreview .sreview_box li div p{ color:#fff; line-height:1.2; text-align:left; border-left: 1px solid #fff; left: 30px; position: relative; top: 30px; padding-left: 10px; display: inline-block;} .sreview #review2btn{ color:#fff; text-align:center; padding: 0px; margin-top: 50px; } .sreview #review2btn a{ color: #fff; font-size: 20px; display: inline-block; width: 779px; background: linear-gradient( to left, #9dbd47, #6aa784 ) ; padding: 20px; } /* #74ad1c */ /* 과민성대장증후군 영상 옆 글씨 */ .irritable03_tab .gmin_right{ position:relative; width:356px; height:400px; float:right; text-align:left; display:inline-block; border:0px } /* float:right; */ .irritable03_tab .gmin_right h1{ font-size:28px; font-weight:300; margin-top:30px; line-height:1.5; } .irritable03_tab .gmin_right ul { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin-top:15px; margin-bottom:15px; padding-top:5px; padding-bottom:5px; } .irritable03_tab .gmin_right ul p{ font-size:20px; font-weight:300; line-height:2 } .irritable03_tab .gmin_right span{ font-size:20px; font-weight:300; color:#537c27; } .irritable03_tab .gmin_right a img{ width:344px; height:55px; margin-top:49px; } .intestine03 ul{width:1200px; margin:0 auto 55px; overflow:hidden;} .intestine03 ul li{float:left; width:587px; margin-right:26px; margin-bottom:42px;} .intestine03 ul li:nth-of-type(2n){margin-right:0;} .intestine03 ul li h1{font-size:30px; color:#000; margin:35px 0 20px; font-weight:normal } /*#619519 */ .intestine03 ul li p{ font-size:17px; line-height:32px; margin-top:10px; display:inline-block; letter-spacing:0.1px; color:#323232; font-weight:300; } .intestine03 ul li table{width:100%; text-align:center; margin-bottom: 12px } .intestine03 ul li td{ width:30px; border:1px solid #fff; font-size:15px; line-height:2; color:#fff; background:#82bf4b; } /*9dbd47 #9dbd47 #82bf4b linear-gradient( to bottom, #9dbd47, #6a9d2f)*/ .intestine03 ul li span{font-size:18px; font-weight:200; line-height:32px; margin-top:10px; display:inline-block} .intestine03 .intestine03_img{ background:#e2e1e6 top center; text-align:center;} /* 과민성대장 뉴스 새로 박스 라인 */ .intestine03 .intestine03_img img{ } /*border:1px solid #dddddd*/ /* 과민성대장증후군 원인 */ #intestine04{ margin-bottom:140px } #intestine04 ul{ overflow:hidden; width:1200px; margin:0 auto; } #intestine04 ul li{ position:relative; width:1197px; height:125px; clear:both; margin-bottom:22px; } /* border:1px solid #e7e7e7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; */ #intestine04 ul li .intestine04_left{ float:left; width:336px; height:125px; } #intestine04 ul li .intestine04_right{ float:left; width:860px; height:125px; background:#f1f0ee } #intestine04 ul li .contxt_txt{ font-size:28px; text-align:center; color:#676767; font-weight:300; line-height:4.5 } /*78a226 background:#fff; border:1px solid #a0a0a0; color:#444; background:#75a337;*/ #intestine04 ul li .contxt_txt b{ } #intestine04 ul li p.sec{padding:28px 0 22px;} #intestine04 ul li p.sec span{display:block; font-size:15px; color:#777; font-weight:300; margin-top:10px;} /* 변한의원 치료원리 새로 */ .intestine02 .answer{ position:relative; width:794px; height:590px; margin:0 auto; margin-bottom:65px; } .intestine02 .answer p{font-size:40px; font-weight:600; color:#0e0e0e; line-height:1.5 } .intestine02 .answer span{font-size:33px; color:#333; line-height:45px; font-weight:200; letter-spacing:-1px;} .intestine02 .answer ul { position:relative; width:674px; height:470px; margin:0 auto; margin-top:70px; } .intestine02 .answer ul li{float:left; } .intestine02 .answer ul li p{ margin-left:48px; font-size:33px; color:#333; line-height:3; font-weight:700; letter-spacing:-2px; } .intestine02 .answer ul li:first-child p{ margin-left:-40px;} .intestine02 .intestine02_food_stress{ width:100%; background:#81b256} .intestine02 .intestine02_food_stress div{ width:980px; margin:0 auto; text-align:left; padding:42px; } .intestine02 .intestine02_food_stress div h1{ font-size:25px; color:#fff; line-height:3; font-weight:600; letter-spacing:-1px; } .intestine02 .intestine02_food_stress div h1 span{ margin-left:20px; } .intestine02 .intestine02_food_stress div p{ font-size:20px; color:#fff; line-height:1.5; font-weight:300; letter-spacing:0.1px; } .intestine02 .intestine02_food_stress_more{ width:100%; height:357px; background:#ededed; margin-top:42px;} .intestine02 .intestine02_food_stress_more ul{ position:relative; width:1200px; height:357px; margin:0 auto; text-align:left; background:url("/img/okbyun/food_stress_back.jpg") no-repeat} .intestine02 .intestine02_food_stress_more ul li{ width:550px; float:left; padding-left:56px; margin-top:87px; } .intestine02 .intestine02_food_stress_more ul li:first-child{ width:582px; height:167px; float:left; border-right:1px solid #2a2a2a; padding-left:0px; } .intestine02 .intestine02_food_stress_more ul li h1{ font-size:50px; color:#303030; line-height:1.3; font-weight:600; letter-spacing:-1px; padding-top:25px; } .intestine02 .intestine02_food_stress_more ul li h1 span{ font-size:30px; } .intestine02 .intestine02_food_stress_more ul li p{ font-size:20px; color:#2c2c2c; line-height:1.5; font-weight:300; letter-spacing:0.1px; } /*고치기 전*/ .intestine04 ul{overflow:hidden; width:1200px; margin:0 auto;} .intestine04 ul li{float:left; width:370px; margin-right:15px; padding:9px; border:1px solid #e7e7e7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .intestine04 ul li:last-of-type{margin-right:0;} .intestine04 ul li p{font-size:25px; font-weight:500; text-align:center; padding:40px 0 35px;} .intestine04 ul li p.sec{padding:28px 0 22px;} .intestine04 ul li p.sec span{display:block; font-size:15px; color:#777; font-weight:300; margin-top:10px;} /*고치기 전 끝 */ .intestine05{position:relative; text-align:center; border-bottom:1px solid #e5e5e5; padding-bottom:100px; margin-top:60px} /*margin-top:60px*/ .intestine05 .intestine05_ul{max-width:1572px; margin:0 auto; padding:45px 0 60px; position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .intestine05 .intestine05_ul_arrow{position:absolute; bottom:-21px; left:50%; margin-left:-21px;} .intestine05 .intestine05_ul ul{width:1200px; margin:0 auto; overflow:hidden;} .intestine05 .intestine05_ul ul li{float:left; width:390px; margin-right:15px;} .intestine05 .intestine05_ul ul li:last-of-type{margin-right:0;} .intestine05 .intestine05_ul ul li p{font-size:28px; font-weight:500; margin-top:30px;} .intestine05 .intestine05_txt{margin:55px 0 40px; font-size:38px; color:#689a24; line-height:60px;} .intestine05 .intestine05_txt span{display:block; font-size:24px; color:#333; font-weight:300; margin-bottom:15px;} /* 변한의원 치료과정 새로 */ .intestine05 .conbig_txt{ position:relative; width:1100px; height:100px; border:6px solid #7cb44a; margin:0 auto; } .intestine05 .conbig_txt h1{ font-size:36px; font-weight:300; color:#5a8732; line-height:2.6 } .intestine05 .intestine05_img{ margin-top:62px; margin-bottom:75px; } .intestine05 .intestine05_txtp{ font-size:36px; line-height:1.6; font-weight:300; margin-bottom:90px; } .intestine05 .intestine05_txtp b{ color:#4f8f15 } .intestine05 .intestine05_txtp .txtp_big{ font-size:50px; background:url('/img/okbyun/highlight18.gif') no-repeat; background-position-x:15px;} .intestine05 .intestine05_txtp span{ font-weight:500; font-size:38px;} .intestine05 .aungu_box{ position:relative; width:900px; height:44px; margin:0 auto; } .intestine05 .aungu_box p{ font-size:18px; float:left; color:#888888; line-height:2.5; padding-left:20px; } .intestine05 .aungu_box ul{ position:relative; float:right; width:648px; height:44px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } .intestine05 .aungu_box ul li{ float:left; margin-left:30px;} .intestine05 .advantag5_box_arrow_top{ position:absolute; bottom:-21px; left:50%; margin-left:-21px; } /* 검진 및 진단 새로 */ .intestine06_1{ position:relative; width:100%; height:1596px; margin-top:82px; background:url('/img/okbyun/intestine06_backimg.jpg') center center fixed; background-size: cover; letter-spacing:0.5px } .intestine06_1 .checkup{ position:relative; width:1200px; height: 1327px; margin:0 auto; padding-top:160px; } .intestine06_1 .conline{ color:#000; width:90px; text-align:center; display:block; margin-top:37px; margin-bottom:37px;} .intestine06_1 .chekup_bigtxt{ text-align:center; font-size:40px; color:#fff; font-weight:500 } .intestine06_1 .chekup_bigtxt_bottom{ text-align:center; font-size:30px; font-weight:200; color:#fff; line-height:1.5; margin-bottom:80px } .intestine06_1 .chekup_bigtxt_bottom>span{ color:#d3ffab; font-weight:600; font-size:40px; } .intestine06_1 .checkup .checkup_list ul{ width:1200px; margin:0 auto; height:452px; } .intestine06_1 .checkup .checkup_list ul li{ position:relative; float:left; width:390px; height:440px; margin-left:13px;} .intestine06_1 .checkup .checkup_list ul li img{ width:390px;} .intestine06_1 .checkup .checkup_list ul li:first-child{ margin-left:0px; } .intestine06_1 .checkup .checkup_list ul li .contxt_txt{ width:390px; height:180px; background:#fff; text-align:center; } .intestine06_1 .checkup .checkup_list ul li .contxt_txt p{ color:#282828; font-size:20px; font-weight:500; line-height:2.5; padding-top:25px; padding-bottom:10px; } .intestine06_1 .checkup .checkup_list ul li .contxt_txt span{ line-height:1.5; font-size:20px; font-weight:300; color:#696969} .intestine06_1 .checkup .checkup_list .list_to{ clear:both; } .intestine06_1 .checkup .checkup_list .list_to .buten_bg{ width:390px; height:440px; background:url('/img/okbyun/buten_bg.png') no-repeat; text-align:center; } .intestine06_1 .checkup .checkup_list .list_to .buten_bg a{ width:390px; height:440px; display:inline-block; color:#fff} .intestine06_1 .checkup .checkup_list .list_to .buten_bg h1{margin-top:115px; font-weight:500; font-size:28px; line-height:2} .intestine06_1 .checkup .checkup_list .list_to .buten_bg span{ font-size:20px; font-weight:300; line-height:1.3 } .intestine06_1 .checkup .checkup_list .list_to .buten_bg p{ margin-left:80px; margin-top:40px; width:218px; height:51px; line-height:3; font-size:16px; border:1px solid #fff;border-radius:30px} /* 한약치료 새로 */ .intestine07_1{ position:relative; width:1200px; height: 1133px; margin:0 auto; padding-top:160px; letter-spacing:0.5px } .intestine07_1 .conline{ color:#000; width:90px; text-align:center; display:block; margin-top:37px; margin-bottom:37px;} .intestine07_1 .chekup_bigtxt{ text-align:center; font-size:40px; color:#fff; font-weight:600 } .intestine07_1 h1{ font-size:25px; text-align:center; font-weight:400 } .intestine07_1 h1 span{ font-size:33px; font-weight:600; color:#639623 } .intestine07_1 .intestine07_topbox{ position:relative; width:1200px; height: 276px; margin-top:85px;} .intestine07_1 .intestine07_topbox .intestine07_left{ width:587px; height:276px; float:left;} .intestine07_1 .intestine07_topbox .intestine07_right{ width:612px; height:276px; float:right; background:#7db536; text-align:left; color:#fff; } .intestine07_1 .intestine07_topbox .intestine07_right h1{ text-align:left; margin-left:49px; margin-top:70px; font-size:25px; margin-bottom:20px; } .intestine07_1 .intestine07_topbox .intestine07_right p{ text-align:left; margin-left:49px; font-size:19px; line-height:1.5; font-weight:300; } .intestine07_1 ul{ position:relative; width:1200px; height:452px; margin-top:55px; letter-spacing:0.3px; } .intestine07_1 ul li{ width:232px; height:452px; float:left; margin-left:9px; background:#f4f4f4; text-align:center; } .intestine07_1 ul li h1{ color:#fff; width:55px; height:58px; background:#d9d9d9; line-height:2; margin:0 auto} .intestine07_1 ul li p{ font-size:20px; font-weight:400; color:#2c2c2c; line-height:2; padding-top:50px; } .intestine07_1 ul li b{ color:#578f00} .intestine07_1 ul li img{ margin-top:30px; } .intestine07_1 ul li:first-child{ margin-left:0px;} .intestine07_1 ul li.chan_back3{ background:#fdfdfd } .intestine07_1 ul li h1.chan_back02{ background:#8abe48;} .intestine07_1 ul li.chan_back4{ background:#fdfdfd } .intestine07_1 ul li.chan_back>p{ width:178px; border-bottom:1px solid #828282; margin:0 auto; padding-bottom:10px; color:#578f00; font-weight:600} .intestine07_1 ul li.chan_back>span{ font-size:20px; color:#2c2c2c; font-weight:300; line-height:1.3; display:inline-block; margin-top:22px; } .intestine07_1 ul li.chan_back3>p{ width:178px; border-bottom:1px solid #828282; margin:0 auto; padding-bottom:10px; color:#578f00; font-weight:600} .intestine07_1 ul li.chan_back3>span{ font-size:20px; color:#2c2c2c; font-weight:300; line-height:1.3; display:inline-block; margin-top:22px; } /* 식이요법 새로 */ .intestine08_1{ position:relative; width:100%; height: 556px; margin-bottom:30px; padding-top:70px; letter-spacing:0.3px; } .intestine08_1 .conline{ color:#000; width:90px; text-align:center; display:block; margin-top:37px; margin-bottom:37px;} .intestine08_1 .chekup_bigtxt{ text-align:center; font-size:40px; color:#fff; font-weight:600 } .intestine08_1 .intestine08_topbox{ position:relative; width:100%; height: 377px; margin-top:50px; background:#f1f2ec; } .intestine08_1 .intestine08_topbox .intestine08_food{ position:relative; width:1200px; height: 303px; margin:0 auto; top:35px; background:#fff } .intestine08_1 .intestine08_topbox .intestine08_food .intestine08_left{ width:596px; height:303px; float:left; } .intestine08_1 .intestine08_topbox .intestine08_food .intestine08_right{ width:600px; height:303px; float:right; } .intestine08_1 .intestine08_topbox .intestine08_food .intestine08_right h1{ font-size:25px; color:#639623; font-weight:400; margin-left:48px; margin-top:52px;} .intestine08_1 .intestine08_topbox .intestine08_food .intestine08_right span{ font-size:20px; color:#1a3a00; font-weight:300; margin-left:48px; line-height:2.5; } .intestine08_1 .intestine08_topbox .intestine08_food .intestine08_right p{ width:520px; height:110px; font-size:18px; color:#323232; font-weight:300; padding-top:10px; margin-left:48px; text-align:left; border-top:1px solid #717171; line-height:2; } /* 치료 과정 버튼 */ .chiro_btn{ width:1198px; height:119px; padding-top:10px; background: linear-gradient( to left, #9dbd47, #6aa784 ); margin:0 auto; color:#fff } .chiro_btn h1{ font-size:30px; font-weight:400; margin-left:90px; line-height:2; } .chiro_btn span{ font-size:21px; font-weight:200; margin-left:90px; } .chiro_btn p{ position:relative; float:right; width:218px; height:50px; text-align:center; border:1px solid #fff; border-radius:30px; line-height:2.5; font-size:18px; right:58px; bottom:30px; } /* 변한의원 더보기 버튼 */ .chekup_btn{ position:relative; width:600px; height:96px; margin:0 auto; padding-top:80px; } .chekup_btn a{ border:1px solid #78a226; display:inherit; text-align:center; background:#fff; color:#3a7c00; font-size:22px; font-weight:bold; line-height:3; border-radius:7px; } /* 의료진소개 */ .intro01{overflow:hidden; margin:100px auto;} .intro01 .intro01_txt{float:left; width:528px; text-align:center;} .intro01 img{float:right;} .intro01_txt .intro01_tit{display:inline-block; font-size:60px; color:#1e1e1e; line-height:80px; font-family:'Nanum Myeongjo', serif; margin-top:30px; letter-spacing:-7px;} .intro01_txt .intro01_tit span{display:block;} .intro01_txt .intro01_tit .line{border-bottom:2px solid #494949;} .intro01_txt .intro01_tit .name{font-size:40px; color:#757575; font-weight:bold; letter-spacing:-5px; margin:23px 0 100px; line-height:1;} .intro01_txt ul{text-align:left; margin-left:30px;} .intro01_txt ul p{width:125px; font-size:28px; font-weight:bold; margin-bottom:47px; padding-top:13px; border-top:2px solid #c3c3c3; font-family:'Nanum Myeongjo', serif;} .intro01_txt ul li{font-size:18px; font-weight:200; line-height:32px;} .intro02{height:1200px; margin-top:-400px; background:#f8faee url("/img/okbyun/intro02_bg.png") top center no-repeat; overflow:hidden;} .intro02 .con1200{margin-top:400px;} .intro02 .intro01_txt ul{margin-left:472px;} .intro03{margin-top:-302px; overflow:hidden;} .intro03 dt{float:left; width:372px; margin-top:90px;} .intro03 dd{float:left; width:calc(100% - 472px); margin-left:100px;} .intro03 dd .intro01_txt{display:inline-block; margin-left:100px;} .intro03 dd .intro01_txt:last-of-type{margin:45px 0 0 0;} .intro03 dd .intro01_txt ul{margin-left:0;} .intro03 dd .intro01_txt ul p{letter-spacing:-3.8px;} .intro03 dd .intro01_txt ul li span{font-weight:500;} /* 의료진소개 새로 */ #intro_box{ position:relative; width:100%; margin:0 auto; padding-top:100px; } #intro_01{ position:relative; width:1200px; height:406px; margin:0 auto; margin-bottom:100px; } #intro_01 .intro_01_left{width:561px; height:406 px; float:left;} #intro_01 .intro_01_right{ position:relative; width:579px; height:406px; float:right; } #intro_01 .intro_01_right span{ font-size: 20px; color:#619519; font-weight: 500; } #intro_01 .intro_01_right h1{ font-size: 35px; color:#1a3a00; font-weight:300; line-height: 45px; margin-top:14px; padding-bottom:40px;} #intro_01 .intro_01_right thead th p{ width:40px; text-align:left; font-size:20px; font-weight:400; border-top:4px solid #9dbd47; color:#313131; padding-bottom:20px; padding-top:10px; } #intro_01 .intro_01_right tbody td{ font-size:15px; color:#787878; line-height:2.3; padding-right:30px; font-weight:300; padding-left:30px;} #intro_01 .intro_01_right tbody .intro_01_td{ border-right:1px solid #cccccc; padding-left:0px; } #intro_02{position:relative; width:100%; height:390px; background:url('/img/okbyun/intro_02_bgimg.jpg') top center fixed; background-size:cover; } #intro_02 .intro_02_txt{ position:relative; width:1200px; margin:0 auto; text-align:center; } #intro_02 .intro_02_txt h1{ font-size:38px; font-weight:400; line-height:3; color:#fff; padding-top:50px; font-family:'Nanum Myeongjo', serif} #intro_02 .intro_02_txt .intro_02_line{ width:840px; height:1px; background:#c2c2c2; margin:0 auto; } #intro_02 .intro_02_txt p{ font-size:20px; color:#fff; line-height:2; font-weight:300; padding-top:30px; } #intro_03{ position:relative; width:1200px; margin:0 auto; margin-top:70px; } #intro_03 li{ float:left; margin-bottom:24px } #intro_03 li img{ cursor:pointer; } #intro_04{ position:relative; width:1200px; margin:0 auto; } #intro_04 h1{ font-size:40px; text-align:center; font-weight:500; } #intro_04 p{ font-size:25px; text-align:center; font-weight:200; line-height:3 } #intro_04 table{ margin-top:100px; } #intro_04 table tr{ border-bottom:90px solid #fff; } #intro_04 table th{ width:200px; } #intro_04 table td{ width:388px; vertical-align:top; } #intro_04 table td h1{ font-size:30px; text-align:left; } #intro_04 table td span{ font-size:22px; text-align:left; font-weight:300; line-height:3; color:#333333; } #intro_04 table td p{ font-size:16px; text-align:left; line-height:2; width:348px; text-align:justify } #intro_05 div{ position:relative; width:1200px; margin:0 auto; background:#f2f2f2; padding-bottom:90px; } #intro_05 div h1{ font-size:35px; line-height:1.3; text-align:center; color:#484848; font-weight:500; padding-top:80px; padding-bottom:60px; } #intro_05 div h1 b{ color:#338b63; font-weight:500; } #intro_05 div ul{ position:relative; width:1060px; height:209px; margin:0 auto; } #intro_05 div ul li{ float:left; margin-left:26px; } #intro_05 div ul li:first-child{margin-left:0px; } #intro_06{ position:relative; width:1200px; margin:0 auto; padding-bottom:90px; } #intro_07{ position:relative; width:1200px; height:600px; margin:0 auto; } #intro_07 h1{ font-size:40px; text-align:center; font-weight:500; } #intro_07 p{ font-size:25px; text-align:center; font-weight:200; line-height:3; margin-bottom:50px; } #intro_07 ul{position:relative; width:950px; height:306px; float:left; } #intro_07 ul li{ float:left; margin-left:21px; } #intro_07 ul li:first-child{ margin-left:0px; } #intro_07 .booktxt{ position:relative; width:210px; padding-left:30px; height:306px; float:right; border-left:1px solid #c8c8c8; } #intro_07 .booktxt p{ font-size:20px; text-align:left; font-weight:500; margin-bottom:0px; } #intro_07 .booktxt span{ font-size:18px; font-weight:200; line-height:2 } #intro_08{ position:relative; width:1200px; margin:0 auto; } #intro_08 div{ position:relative; width:1200px; height:300px; background:#52555c } #intro_08 p{ font-size:32px; text-align:center; color:#a0efe9; font-weight:300; line-height:1.3; padding-top:65px; } #intro_08 h1{ font-size:42px; text-align:center; color:#fff; font-weight:500; line-height:2; } #intro_09{ position:relative; width:1200px; margin:0 auto; } #intro_09 table{} #intro_09 table tr{ border-bottom:20px solid #fff } #intro_09 table td{ padding-right:20px;} #intro_09 table th{ text-align:left; vertical-align:top;} #intro_09 table th h1{font-size:26px; line-height:2; font-weight:500; } #intro_09 table th p{ font-size:17px; line-height:2; font-weight:300; color:#6d6d6d } /* 연혁 */ .history01{height:724px; background:url("/img/okbyun/history01_bg.png") top 90px center no-repeat; overflow:hidden;} .history01 p{margin-top:100px; font-size:40px; font-weight:bold; margin-bottom:15px; font-family:'Nanum Myeongjo', serif;} .history01 span{font-size:18px; color:#787878; font-weight:200; line-height:32px;} .history02{margin-top:-281px; overflow:hidden;} .history02 dt{float:left; width:546px;} .history02 dt > img{margin-left:63px;} .history02 dt .bar{width:1px; height:100px; background:#bebebe; margin:45px 0 50px 279px;} .history02 dt .bar.h245{height:245px;} .history02 dt .bar:first-of-type{margin-top:0;} .history02 dt .history02_text{margin-left:94px;} .history02 dt .history02_text .tit{font-size:60px; color:#1e1e1e; font-family:'Nanum Myeongjo', serif; letter-spacing:-6px;} .history02 dt .history02_text .tit span{display:block; font-size:30px; color:#7b7b7b; letter-spacing:-3px; margin-top:15px;} .history02 dt .history02_text img{margin:40px 0 32px 132px;} .history02 dt .history02_text .txt{font-size:18px; font-weight:200; line-height:32px;} .history02 dd{float:left; width:calc(100% - 546px);} .history02 dd .bar{width:1px; height:100px; background:#bebebe; margin:45px 0 50px 387px;} .history02 dd .bar.h188{height:188px;} .history02 dd .bar.h200{height:200px;} .history02 dd .bar:first-of-type{margin-top:230px;} .history02 dd .history02_text{margin-right:94px; text-align:right;} .history02 dd .history02_text .tit{font-size:60px; color:#1e1e1e; font-family:'Nanum Myeongjo', serif; letter-spacing:-6px;} .history02 dd .history02_text .tit span{display:block; font-size:30px; color:#7b7b7b; letter-spacing:-3px; margin-top:15px;} .history02 dd .history02_text img{margin:40px 124px 32px 0;} .history02 dd .history02_text .txt{font-size:18px; font-weight:200; line-height:32px;} .history03{width:1140px; margin:95px auto 100px;} .history04{height:381px; background:url("/img/okbyun/history04_bg.jpg") top center no-repeat; overflow:hidden; text-align:center;} .history04 p{font-size:24px; color:#fff; font-weight:300; line-height:38px; margin:80px 0 30px;} .history04 span{font-size:55px; color:#9dbd47;} /* 초진절차 */ #step_box{ position:relative; width:1200px; height:5300px; margin:0 auto; padding-top:100px; } #step01{ position:relative; width:1200px; height:406px; margin-bottom:100px; } #step01 .step_01_left{width:561px; height:406 px; float:left;} #step01 .step_01_right{ position:relative; width:579px; height:406px; float:right; } #step01 .step_01_right span{ font-size: 20px; color:#619519; font-weight: 500; } #step01 .step_01_right h1{ font-size: 35px; color:#1a3a00; font-weight:300; line-height: 45px; margin-top:14px; } #step01 .step_01_right p{font-size:20px; color:#787878; font-weight:200; margin-top:24px; line-height:28px; letter-spacing:0.1px;} /* line-height:1.5; letter-spacing:0.1px; */ #step02{ position:relative; width:1200px; height:737px; text-align: center;} #step02 .step_02_top{ width: 1140px; margin:0 auto; } #step02 .step_02_bottom h1{ font-size:40px; font-weight:200; margin-top:88px; margin-bottom:40px; line-height:44px; } #step02 .step_02_bottom div{ width:840px; height:1px; background:#c2c2c2; margin:0 auto; } #step02 .step_02_bottom p{ font-size:30px; font-weight:200; margin-top:40px; line-height:44px; margin-bottom:34px; } #step02 .step_02_bottom span{ color:#951919; font-size:18px; } #step03{ position:relative; width:1200px; height:2000px; text-align: center; } #step03 h1{ font-size:48px; font-weight:200; margin-top:10px; margin-bottom:30px; line-height:44px; } /* margin-top:30px; */ #step03 p{ font-size:25px; font-weight:200; margin-bottom:30px; line-height:44px; } #step03 .step03_top{ position:relative; width:1200px; height:252px; margin-top:46px; } #step03 .step03_top .step_03_left{ width:591px; height:252px; float:left; } #step03 .step03_top .step_03_right{ position:relative; width:574px; height:252px; float:right; text-align:left } #step03 .step03_top .step_03_right h1{ font-size:28px; line-height:20px; font-weight:500 } #step03 .step03_top .step_03_right p{ font-size:20px; font-weight:200; line-height:32px; letter-spacing:0.1px; } .step_line_c{ margin-top:78px; margin-bottom:70px;} #step03 .step03_bottom{position:relative; width:1200px; height:937px; } #step03 .step03_bottom ul{ position:relative; width:1200px; height:448px; text-align:left; margin-top:80px; margin-bottom:65px; } #step03 .step03_bottom ul li{ width:374px; float:left; margin-left:39px; } #step03 .step03_bottom ul li:first-child{ margin-left:0px; } #step03 .step03_bottom ul li h1{ font-size:28px; line-height:20px; font-weight:500; color:#155b27 } #step03 .step03_bottom ul li p{ font-size:18px; font-weight:200; line-height:32px; letter-spacing:0.1px; } #step03 .step03_bottom .step_03_stor{ font-size:27px; font-weight:500; color:#fff; background:#619519; padding-bottom:10px; padding-top:10px; margin-bottom:0px; } /* line-height:40px; */ #step04{ position:relative; width:1200px; height:1350px; text-align: center; } #step04 h1{ font-size:48px; font-weight:200; margin-top:30px; margin-bottom:30px; line-height:44px; } #step04 p{ font-size:25px; font-weight:200; margin-bottom:30px; line-height:44px; } #step04 .step04_top { position:relative; width:1200px; height:256px; margin-top:60px; margin-bottom: 57px; } #step04 .step04_top .step_04_left{ width:591px; height:252px; float:left; } #step04 .step04_top .step_04_right{ position:relative; width:574px; height:252px; float:right; text-align:left} #step04 .step04_top .step_04_right h1{ font-size:35px; line-height:20px; font-weight:500; color:#446b0f } #step04 .step04_top .step_04_right p{ font-size:20px; font-weight:200; line-height:32px; letter-spacing:0.1px; } #step04 .step04_center { position:relative; width:1200px; height:283px; } #step04 .step04_center .step_04_left{ width:591px; height:252px; float:left; text-align:left; } #step04 .step04_center .step_04_left p{ font-size:20px; font-weight:200; line-height:32px; margin-top:30px; letter-spacing:0.1px; } #step04 .step04_center .step_04_left table{width:100%; text-align:center; margin-bottom: 12px } #step04 .step04_center .step_04_left td{ width:30px; border:1px solid #fff; font-size:15px; line-height:2; color:#fff; background:#92b5d2; padding-top:5px; padding-bottom:5px; } #step04 .step04_center .step_04_right{ float:right; } #step04 .step04_bottom { position:relative; width:1200px; height:283px; margin-top:68px; margin-bottom: px; } #step04 .step04_bottom .step_04_left{ width:591px; height:252px; float:left; } #step04 .step04_bottom .step_04_right{ position:relative; width:574px; height:252px; float:right; text-align:left } #step04 .step04_bottom .step_04_right h1{ font-size:28px; line-height:20px; font-weight:500; margin-top:10px; } #step04 .step04_bottom .step_04_right p{ font-size:20px; font-weight:200; line-height:32px; letter-spacing:0.1px; } #step04 .step04_bottom .step_04_right span{ color:#b65757; font-weight:400 } #step05{ position:relative; width:1200px; height:754px; text-align: center; } #step05 h1{ font-size:48px; font-weight:200; margin-top:30px; margin-bottom:30px; line-height:44px; } #step05 p{ font-size:25px; font-weight:200; margin-bottom:30px; line-height:44px; } #step05 .step05_top { position:relative; width:1200px; height:256px; margin-top:60px; margin-bottom: 57px; } #step05 .step05_top .step_05_left{ width:591px; height:252px; float:left; } #step05 .step05_top .step_05_right{ position:relative; width:574px; height:252px; float:right; text-align:left} #step05 .step05_top .step_05_right h1{ font-size:28px; line-height:20px; font-weight:500; } #step05 .step05_top .step_05_right p{ font-size:20px; font-weight:200; line-height:32px; letter-spacing:0.1px;} .step01{max-width:1572px; margin:100px auto 0; padding-bottom:60px; position:relative; border-bottom:1px solid #e5e5e5;} .step01 .con1200{position:relative;} .step01 .step01_01{width:80px; height:80px; line-height:80px; font-size:16px; font-weight:500; text-align:center; position:absolute; top:0; left:0;} .step01 .step01_02{width:80px; height:80px; line-height:80px; font-size:16px; color:#fff; font-weight:500; text-align:center; position:absolute; top:0; right:0;} .step01 ul{width:999px; margin:3px auto 0; overflow:hidden;} .step01 ul li{width:123px; float:left; text-align:center;} .step01 ul li p{font-size:16px; font-weight:500; line-height:20px;} .step01 ul li span{display:inline-block; font-size:15px; color:#777; font-weight:300; margin-top:7px;} .step01 .intestine01_02_arrow{position:absolute; bottom:-21px; left:50%; margin-left:-21px;} .step02{text-align:center;} .step02 .tit{font-size:30px; font-weight:200; line-height:44px; margin:60px 0 90px;} .step02 .tit span{color:#1e1e1e; font-weight:500;} .step02_img{position:relative;} .step02_img div{text-align:left;} .step02_img .step02_txt01{width:575px; position:absolute; top:263px; right:0;} .step02_img .step02_txt01 p{font-size:18px; color:#9dbd47; font-weight:bold; margin-bottom:100px;} .step02_img .step02_txt01 p:nth-of-type(3){margin-bottom:762px;} .step02_img .step02_txt01 p:nth-of-type(4){margin-bottom:21px;} .step02_img .step02_txt01 p:last-of-type{margin-bottom:0;} .step02_img .step02_txt01 p span{display:block; font-size:15px; color:#333; font-weight:300; margin-top:9px; line-height:22px;} .step02_img .step02_txt01 .step02_txt01_img{position:absolute; top:140px; right:68px;} .step02_img .step02_txt02{width:575px; position:absolute; top:812px; left:0; text-align:right;} .step02_img .step02_txt02 p{font-size:18px; color:#595959; font-weight:bold; margin-bottom:170px;} .step02_img .step02_txt02 p:nth-of-type(2){margin-bottom:135px;} .step02_img .step02_txt02 p:nth-of-type(3){margin-bottom:100px;} .step02_img .step02_txt02 p span{display:block; font-size:15px; color:#333; font-weight:300; margin-top:9px; line-height:22px;} /* 진단/치료 */ .diagnosis01{height:1020px; overflow:hidden;} /*background:#f1f2ec; */ .diagnosis01 .diagnosis01_img01{position:relative; height:162px; margin:100px 0;} .diagnosis01 .diagnosis01_img01 img{width:1572px; position:absolute; top:0; left:50%; margin-left:-786px;} .diagnosis01 .search_bar{width:1010px; height:108px; line-height:82px; font-size:33px; color:#334116; font-weight:bold; border:12px solid #689a24; box-sizing:border-box; margin:0 auto; text-indent:23px; padding-right:90px; background:url("/img/okbyun/search_bar_icon.png") right 23px center no-repeat;} .diagnosis01 .search_answer{margin-top:60px; font-size:38px; color:#1a3a00; line-height:60px; text-align:center;} .diagnosis01 .search_answer span{display:inline-block; font-size:24px; font-weight:300; border-bottom:1px solid #ababab; line-height:1; padding-bottom:10px; margin-bottom:15px;} .diagnosis02{width:1012px; margin:-273px auto 100px;} .diagnosis03{max-width:1572px; margin:0 auto; border-bottom:1px solid #9dbd47;} .diagnosis03 ul{overflow:hidden; width:1012px; margin:0 auto;} .diagnosis03 ul li{float:left; width:50%; height:69px; line-height:68px; font-size:20px; color:#808080; font-weight:bold; box-sizing:border-box; border-top:1px solid #9dbd47; border-left:1px solid #9dbd47; text-align:center; cursor:pointer;} .diagnosis03 ul li:last-of-type{border-right:1px solid #9dbd47;} .diagnosis03 ul li.on{background:#9dbd47; color:#fff;} .diagnosis03_txt{width:1012px; margin:60px auto 0; display:none;} .diagnosis03_txt.on{display:block;} .diagnosis03_txt dl{font-size:0; margin-bottom:40px;} .diagnosis03_txt dl:last-of-type{margin-bottom:0;} .diagnosis03_txt dl dt{display:inline-block; width:50%; vertical-align:middle; font-size:28px; color:#619519; font-weight:500;} .diagnosis03_txt dl dt span{display:block; font-size:18px; color:#333; font-weight:200; line-height:32px; margin-top:30px;} .diagnosis03_txt dl dd{display:inline-block; width:50%; vertical-align:middle;} /* 치료과정 새로 */ #treatment_top{ position:relative; width:1200px; height:570px; margin:0 auto; margin-bottom:150px; padding-top:100px } #treatment_top .step_01_left{width:561px; height:406 px; float:left;} #treatment_top .step_01_right{ position:relative; width:579px; height:406px; float:right; } #treatment_top .step_01_right span{ font-size: 20px; color:#619519; font-weight: 500; } #treatment_top .step_01_right h1{ font-size: 35px; color:#1a3a00; font-weight:300; line-height: 45px; margin-top:14px; } #treatment_top .step_01_right p{font-size:20px; color:#787878; font-weight:200; margin-top:24px; line-height:1.6; letter-spacing:0.1px;} .treatment_center{position:relative; width:100%; height:328px; background:url('/img/okbyun/treatment_center_bg.jpg') no-repeat center center; margin-bottom:70px; } .treatment_center span{ float:left; font-size:80px; font-weight:700; color:#fff } .treatment_center p{ text-align:center; font-size:35px; font-weight:500; float:left; line-height:1.3; padding-left:30px; padding-right:30px; color:#fff; letter-spacing:-1px; } .treatment_center div{ position:relative; width:697px; height:124px; margin:0 auto; padding-top:110px; } /* 치료과정 프로그램 숫자 */ .treatment_01 { position:relative; width:100%; padding-bottom:30px; } .treatment_01 .step03_top{ position:relative; width:1200px; height:300px; margin:0 auto; margin-top:46px; } .treatment_01 .step03_top .step_03_left{ width:591px; height:252px; float:left; } .treatment_01 .step03_top .step_03_right{ position:relative; width:574px; height:252px; float:right; text-align:left } .treatment_01 .step03_top .step_03_right h1{ font-size:28px; line-height:20px; font-weight:500; margin-top:10px; margin-bottom:30px; } .treatment_01 .step03_top .step_03_right p{ font-size:20px; font-weight:200; line-height:32px; letter-spacing:0.1px; } .treatment_01 .treatment_smtxt{ font-size:20px; text-align:center; font-weight:200; margin-bottom:30px; line-height:2 } /* 원장님 진료 부터 4개 사진 */ .treatment_01 .treatment_list{ position:relative; width:1200px; height:279px; margin:0 auto; margin-top:89px; margin-bottom:104px;} .treatment_01 .treatment_list li{ float:left; } .treatment_01 .treatment_list .tlist_01{ width:292px; height:279px; background:url('/img/okbyun/treatment_list_1.jpg') no-repeat} .treatment_01 .treatment_list .tlist_01 p{ position:relative; color:#fff; font-size:23px; font-weight:400; top:225px; left:80px; } .treatment_01 .treatment_list .tlist_02{ width:303px; height:279px; background:url('/img/okbyun/treatment_list_2.jpg') no-repeat} .treatment_01 .treatment_list .tlist_02 p{ position:relative; color:#fff; font-size:23px; font-weight:400; top:225px; left:85px; } .treatment_01 .treatment_list .tlist_03{ width:305px; height:279px; background:url('/img/okbyun/treatment_list_3.jpg') no-repeat} .treatment_01 .treatment_list .tlist_03 p{ position:relative; color:#fff; font-size:23px; font-weight:400; top:225px; left:80px; } .treatment_01 .treatment_list .tlist_04{ width:300px; height:279px; background:url('/img/okbyun/treatment_list_4.jpg') no-repeat} .treatment_01 .treatment_list .tlist_04 .tlist_04_1{ position:relative; color:#101010; font-size:23px; font-weight:400; top:18px; left:40px; } .treatment_01 .treatment_list .tlist_04 .tlist_04_2{ position:relative; color:#101010; font-size:23px; font-weight:400; top:65px; left:40px; } .treatment_01 .treatment_list .tlist_04 .tlist_04_3{ position:relative; color:#101010; font-size:23px; font-weight:400; top:110px; left:40px; } .treatment_01 .treatment_list .tlist_04 .tlist_04_4{ position:relative; color:#fff; font-size:23px; font-weight:400; top:160px; left:100px; } /* 장내세균분석 */ .virus01{margin:100px auto; position:relative; margin-top:60px } .virus01 .bar{width:50%; height:1px; background:#e7e7e7; position:absolute; top:206px; left:0;} .virus01 dl{overflow:hidden;} .virus_tit_bar{width:94px; height:3px; background:#a4c153; margin-bottom:20px;} .virus_tit{font-size:55px; font-weight:200; line-height:70px; letter-spacing:-4px;} .virus01 dt{float:left; width:50%;} .virus01 dt ul{margin:100px 0 0 30px;} .virus01 dt ul li{font-size:20px; font-weight:200; margin-bottom:14px; height:25px; line-height:25px;} .virus01 dt ul li:last-of-type{margin-bottom:0;} .virus01 dt ul li span{display:inline-block; vertical-align:top; width:25px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#a4c153; color:#fff; text-align:center; font-size:15px; font-weight:500; margin-right:13px;} .virus01 dd{float:left; width:50%;} .virus02 dl{overflow:hidden; margin-bottom:100px;} .virus02 dl:last-of-type{margin-bottom:0;} .virus02 dl:first-of-type dt{margin-top:54px; height:96px; border-right:1px solid #cbcbcb;} .virus02 dl:first-of-type dd{padding-top:54px; border-top:1px solid #cbcbcb; border-left:0;} .virus02 dl dt{float:left; width:400px; box-sizing:border-box; padding-left:30px;} .virus02 dl dt span{display:inline-block; font-size:15px; font-weight:500; padding-bottom:10px; border-bottom:1px solid #333;} .virus02 dl dt p{font-size:35px; font-weight:500; margin-top:15px;} .virus02 dl dd{float:left; width:calc(100% - 400px); box-sizing:border-box; border-left:1px solid #cbcbcb;} .virus02 dl dd > span{display:inline-block; font-size:22px; color:#619519; font-weight:500; padding-left:50px; letter-spacing:-2px;} .virus02 dl dd > p{font-size:18px; color:#787878; font-weight:200; line-height:28px; margin-top:18px; padding-left:50px;} .virus02 dl dd .imgWrap{overflow:hidden; margin-top:22px; padding-left:50px;} .virus02 dl dd .img_swrap{ overflow:hidden; margin-top:22px; padding-left:50px; } .virus02 dl dd .img_swrap div{float:left } .virus02 dl dd .img_textlist{ overflow:hidden; margin-top:22px; padding-left:50px; } .virus02 dl dd .img_textlist li{ display:inline-block; margin-bottom:33px; width:100% } .virus02 dl dd .img_textlist li img{ float:left; margin-right:25px; } .virus02 dl dd .img_textlist li h1{ font-size:20px; line-height:2} .virus02 dl dd .img_textlist li p{ font-size:18px; color:#787878; font-weight:200; line-height:25px; } /* 장내세균분석 새로 */ #gma01{ position:relative; width:1059px; border:6px solid #47bd81; height:px; margin:0 auto; margin-top:76px; padding-top:72px; padding-bottom:60px; } #gma01 p{ font-size:28px; text-align:center; } #gma01 h1{ text-align:center; font-size:50px; color:#319e67; line-height:1.6} #gma01 .small{ font-size:20px; text-align:center; font-weight:200; line-height:3 } #gma02{ position:relative; width:1106px; margin:0 auto; margin-top:120px; } #gma02 .gma02_txt{ position:relative; width:790px; height:138px; margin:0 auto; } #gma02 .gma02_txt .im_left{ position:relative; width:18px; height:108px; border-left:3px solid #47bd81; border-top:3px solid #47bd81; border-bottom:3px solid #47bd81; float:left; } #gma02 .gma02_txt .im_center{ width:600px; float:left; margin-left:75px;} #gma02 .gma02_txt .im_center p{text-align:center; font-size:30px; color:#24513a; font-weight:300} #gma02 .gma02_txt .im_center h1{ text-align:center; font-size:48px; color:#309c65; line-height:1.5} #gma02 .gma02_txt .im_right{ position:relative; width:18px; height:108px; border-right:3px solid #47bd81; border-top:3px solid #47bd81; border-bottom:3px solid #47bd81; float:right; } #gma02 ul{ position:relative; width:1106px; height:315px; margin:0 auto; margin-top:60px; } #gma02 ul li{ width:268px; height:315px; float:left; margin-left:10px; } #gma02 ul li:first-child{ margin-left:0px;} #gma02 ul li p{ font-size:23px; text-align:center; padding-top:25px; color:#3f3f3f } #gma03{ position:relative; width:100%; background:#f9f9f9; margin-top:140px; } #gma03 div{ position:relative; width:1116px; margin:0 auto; padding-top:118px; padding-bottom:100px;} #gma03 div h1{ text-align:center; font-size:50px; color:#2d2d2d; } #gma03 div p{ font-size:22px; text-align:center; color:#1b1b1b; line-height:1.8; font-weight:300; padding-top:30px; padding-bottom:60px; } #gma03 div .small{ font-size:20px; text-align:center; font-weight:200; letter-spacing:12px; text-transform:uppercase; color:#a0a0a0; line-height:2.5; padding-top:0px; padding-bottom:0px;} #gma04{ position:relative; width:100%; margin-top:140px; margin-bottom:180px; } #gma04 .gma04_top{ position:relative; width:1116px; margin:0 auto;} #gma04 .gma04_top p{ font-size:22px; text-align:center; color:#1b1b1b; line-height:1.8; font-weight:300; padding-top:40px; padding-bottom:60px;} #gma04 .gma04_bottom{ position:relative; width:100%; height:705px; top:30px; background: linear-gradient( to right, #ecf2dc, #ecf2dc, #d6e8a4, #d6e8a4 ); } #gma04 .gma04_bottom p{ position:absolute; width:637px; background:#47bd81; border-radius:10px; text-align:center; font-size:32px; color:#fff; font-weight:bold; line-height:3; top:-40px; left:50%; transform:translateX(-50%); } #gma05{ position:relative; width:100%; background:#fafafa } #gma05 div{ position:relative; width:1116px; margin:0 auto; padding-top:90px; padding-bottom:60px; } #gma05 div .gma05_top{ width:560px; height:111px; margin-left:5px; padding-top:0px; padding-bottom:50px; } #gma05 div .gma05_top img{ float:left; margin-right:30px; } #gma05 div .gma05_top p{ font-size:29px; font-weight:300; line-height:1.5} #gma05 div .gma05_top h1{ font-size: 48px; } #gma05 ul{ position:relative; width:1116px; height:608px;} #gma05 ul li{ width:235px; float:left; margin-left:43px; text-align:center; } #gma05 ul li p{ font-size:30px; font-weight:bold; line-height:3 } #gma05 ul li h1{ font-size:28px; line-height:3} #gma05 ul li p.small{ font-size:20px; font-weight:400; line-height:1.5 } #gma06{ position:relative; width:100%; margin-top:60px; } #gma06 div{ position:relative; width:1116px; margin:0 auto; padding-top:90px; padding-bottom:40px; } #gma06 div .gma06_top{ width:1000px; height:111px; margin-left:5px; padding-top:0px; padding-bottom:50px; } #gma06 div .gma06_top img{ float:left; margin-right:30px; } #gma06 div .gma06_top p{ font-size:29px; font-weight:300; line-height:1.5} #gma06 div .gma06_top h1{ font-size: 48px; } #gma06 div .gma06_bottom{ padding-top:0px; } #gma06 div .gma06_bottom p{ font-size:22px; background:#f9f9f9; padding:20px 40px; line-height:2; font-weight:300; margin-bottom:50px; } #gma06 div .chamgo{font-size:20px; text-align:center; } #gma07{ position:relative; width:100%; margin-top:60px; background:#eff9f8; padding-top:70px; padding-bottom:100px; } #gma07 .gma07_box{ position:relative; width:1116px; margin:0 auto; } #gma07 .gma07_box h1{ font-size:48px; text-align:center; font-weight:200; line-height:3} #gma07 .gma07_box h1 b{ font-weight:bold; } #gma07 .gma07_box p{ font-size:20px; font-weight:300; line-height:2; text-align:center;} #gma07 .gma07_box p.gangjo{ font-size:40px; line-height:1.7; background:#47bd81; color:#fff; font-weight:bold; margin-top:20px; margin-bottom:40px; } #gma07 .gma07_box p.chamgo{font-size:25px; text-align:center; font-weight:bold; color:#368a5f; margin-top:20px; margin-bottom:70px; } /*만성알레르기 검사 새로*/ #igg01{ position:relative; width:1059px; border:6px solid #9dbd47; height:px; margin:0 auto; margin-top:76px; padding-top:72px; padding-bottom:60px; } #igg01 p{ font-size:28px; text-align:center; } #igg01 h1{ text-align:center; font-size:50px; color:#607d12; line-height:1.6} #igg01 .small{ font-size:20px; text-align:center; font-weight:200; line-height:3 } #igg02{ position:relative; width:100%; background:#f9f9f9; margin-top:140px; } #igg02 div{ position:relative; width:1116px; margin:0 auto; padding-top:118px; padding-bottom:100px;} #igg02 div h2{ text-align:center; font-size:30px; color:#7b7b7b; font-weight:300; line-height:2 } #igg02 div h1{ text-align:center; font-size:50px; color:#2d2d2d; } #igg02 div p{ font-size:22px; text-align:center; color:#1b1b1b; line-height:1.8; font-weight:300; padding-top:30px; padding-bottom:60px; } #igg02 div .small{ font-size:20px; text-align:center; font-weight:200; letter-spacing:7px; text-transform:uppercase; color:#a0a0a0; line-height:2.5; padding-top:0px; padding-bottom:0px;} #igg03{ position:relative; width:1106px; margin:0 auto; margin-top:120px; } #igg03 h2{ font-size:50px; font-weight:200; text-align:center; } #igg03 h2 b{ font-weight:bold; line-height:3} #igg03 .gma02_txt{ position:relative; width:1000px; height:138px; margin:0 auto; margin-top:20px; margin-bottom:50px; } #igg03 .gma02_txt .im_left{ position:relative; width:18px; height:108px; border-left:8px solid #e7e7e7; border-top:8px solid #e7e7e7; border-bottom:8px solid #e7e7e7; float:left; } #igg03 .gma02_txt .im_center{ width:800px; float:left; margin-left:75px;} #igg03 .gma02_txt .im_center p{text-align:center; font-size:35px; color:#919191; font-weight:300} #igg03 .gma02_txt .im_center h1{ text-align:center; font-size:40px; color:#88a638; line-height:1.5} #igg03 .gma02_txt .im_right{ position:relative; width:18px; height:108px; border-right:8px solid #e7e7e7; border-top:8px solid #e7e7e7; border-bottom:8px solid #e7e7e7; float:right; } #igg03 .igg03_bottom{ font-size:22px; text-align:center; color:#1b1b1b; line-height:1.8; font-weight:300; padding-top:60px; padding-bottom:150px; } #igg04{ position:relative; width:100%; } #igg04 div{ position:relative; width:1116px; margin:0 auto; padding-top:90px; padding-bottom:100px; } #igg04 div .gma05_top{ width:560px; height:111px; margin-left:5px; padding-top:0px; padding-bottom:50px; } #igg04 div .gma05_top img{ float:left; margin-right:30px; } #igg04 div .gma05_top p{ font-size:29px; font-weight:300; line-height:1.5} #igg04 div .gma05_top h1{ font-size: 48px; } #igg04 div ul{ width:1132px; height: 553px; } #igg04 div ul li{ float:left; margin-left:8px; margin-bottom:8px; } #igg04 div ul li:first-child{ margin-left:0px; } #igg04 div ul li.cb{ margin-left:0px; } #igg05{ position:relative; width:100%; } #igg05 div{ position:relative; width:1116px; margin:0 auto; padding-top:90px; padding-bottom:60px; } #igg05 div .gma06_top{ width:900px; height:111px; margin-left:5px; padding-top:0px; padding-bottom:50px; } #igg05 div .gma06_top img{ float:left; margin-right:30px; } #igg05 div .gma06_top p{ font-size:29px; font-weight:300; line-height:1.5} #igg05 div .gma06_top h1{ font-size: 48px; } #igg05 div .gma06_bottom{ padding-top:0px; height:427px; } #igg05 div .gma06_bottom .igg05_left{ position:relative; width:580px; height:429px; float:left; padding-top:0px; } #igg05 div .gma06_bottom .igg05_right{ position:relative; width:480px; height:300px; float:left; padding-top:95px; padding-left:40px; } #igg05 div .gma06_bottom .igg05_right p{ font-size:23px; line-height:2; } #igg05 div .gma06_bottom .igg05_right .chamgo{ font-size:18px; color:#8c8c8c; line-height:4} #igg05 div .gma06_mit{ padding-top:5px } #igg05 div .gma06_mit h1{ font-size:30px; text-align:center; font-family:'Nanum Myeongjo', serif; font-weight:300; padding-bottom:40px; } #igg05 div .gma06_mit h1 span{ font-size:35px; font-weight:bold} #igg05 div .gma06_mit p{ font-size:22px; background:#f0f0f0; text-align:center; color:#787878; padding:30px; line-height:1.5; font-weight:300 } #igg06{ position:relative; width:100%; margin-top:60px; background:#f9f9f9; padding-top:70px; padding-bottom:100px; } #igg06 .gma07_box{ position:relative; width:1116px; margin:0 auto; } #igg06 .gma07_box h1{ font-size:48px; font-weight:200; text-align:center; line-height:3} #igg06 .gma07_box h1 b{ font-weight:bold; } #igg06 .gma07_box p{ font-size:20px; font-weight:300; line-height:2; text-align:center; padding-bottom:40px; } #igg06 .gma07_box p.gangjo{ font-size:40px; line-height:1.7; background:#47bd81; color:#fff; font-weight:bold; margin-top:20px; margin-bottom:40px; } #igg06 .gma07_box p.chamgo{font-size:25px; text-align:center; font-weight:bold; color:#8aac31; margin-top:20px; margin-bottom:70px; } /*소변 유기산 */ .virus02 dl dd .img_textlist_2{ position:relative; width:746px; height:132px; border:1px solid #d1d1d1; margin-left:50px; margin-top:21px; } .virus02 dl dd .img_textlist_2 .img_textlist_left{ float:left; width:223px; height:132px; } .virus02 dl dd .img_textlist_2 .img_textlist_right{ float:right; width:523px; } .virus02 dl dd .img_textlist_2 .img_textlist_right p{ font-size:18px; color:#787878; font-weight:200; line-height:25px; padding:30px; } .virus02 dl dd .img_textlist_2 .img_textlist_right span{ color:#80a125; font-weight:300; text-decoration : underline; } .imgBig_wrap li{ margin-bottom:35px;} .urinetable{ width:746px; margin-left:50px; } .urinetable th{ background:#a4c153; color:#fff; font-size:18px; font-weight:400; line-height:2.5 } .urinetable td{ border:1px solid #d1d1d1; padding-left:40px; font-size:16px; font-weight:400; color:#404040; line-height:2.5} .virus02 dl dd .img_textleft{ float:left; width:610px; } .virus02 dl dd .viru_color1{color:#3f91bf; margin-right:5px; font-weight:400} .virus02 dl dd .viru_color2{color:#275d83; margin-right:5px; font-weight:400} .virus02 dl dd .viru_color3{color:#9dbd47; margin-right:5px; font-weight:400} .virus02 dl dd .viru_color4{color:#c15632; margin-right:5px; font-weight:400} .virus02 dl dd .imgWrap div{float:left;} .virus02 dl dd .imgWrap div:first-of-type{padding-right:94px; margin-right:94px; border-right:1px dashed #7d7d7d;} .virus02 dl dd .imgWrap div:first-of-type img{margin-left:23px;} .virus02 dl dd .imgBig_wrap{text-align:right; margin-top:22px;} .virus02 dl dd .imgBig_wrap img{margin-bottom:10px;} .virus02 dl dd .imgBig_wrap img:last-of-type{margin-bottom:0;} .virus02 dl.last dd ul{padding-left:50px;} .virus02 dl.last dd ul li{font-size:24px; font-weight:300; margin-bottom:14px; height:25px; line-height:25px;} .virus02 dl.last dd ul li:last-of-type{margin-bottom:0;} .virus02 dl.last dd ul li span{display:inline-block; vertical-align:top; width:25px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#a4c153; color:#fff; text-align:center; font-size:15px; font-weight:500; margin-right:13px;} .virus02_07{overflow:hidden;} .virus02_07 > img{padding-bottom:4px;} .virus02_07 ul{width:748px; overflow:hidden; float:right;} .virus02_07 ul li{width:20%; float:left; box-sizing:border-box; border:1px solid #e5e5e5; border-right:0; text-align:left;} .virus02_07 ul li:last-of-type{border-right:1px solid #e5e5e5;} .virus02_07 ul li img{width:100%; border-bottom:1px solid #e5e5e5;} .virus02_07 ul li div{height:185px;} .virus02_07 ul li div p{font-size:18px; color:#787878; font-weight:200; padding-left:30px; margin-bottom:12px; background:url("/img/okbyun/virus02_07_list.png") left 18px top 8px no-repeat;} .virus02_07 ul li div p:first-of-type{margin-top:22px;} .virus02_07 ul li div p:last-of-type{margin-bottom:0;} .virus02_07 ul li div p span{display:block; font-size:12px; margin-top:12px;} /* 소변유기산 검사 새로 */ #urine01{ position:relative; width:1059px; border:6px solid #62b7db; height:px; margin:0 auto; margin-top:76px; padding-top:72px; padding-bottom:60px; } #urine01 p{ font-size:28px; text-align:center; } #urine01 h1{ text-align:center; font-size:50px; color:#369dc9; line-height:1.6} #urine01 .small{ font-size:20px; text-align:center; font-weight:200; line-height:3 } #urine02{ position:relative; width:1106px; margin:0 auto; margin-top:120px; } #urine02 div{ width:960px; margin:0 auto; border-bottom:1px solid #a0a0a0; margin-bottom:30px; } #urine02 div h1{ text-align:center; font-size:50px; font-weight:200; padding-bottom:25px; } #urine02 div h1 b{ color:#369dc9 } #urine02 p{ font-size:22px; text-align:center; color:#1b1b1b; line-height:1.8; font-weight:300; } #urine02 p.gangjo{ text-align:center; font-size:33px; line-height:1.7; background:#369dc9; color:#fff; font-weight:bold; margin-top:60px; margin-bottom:40px; } #urine02 ul{ position:relative; width:1106px; height:315px; margin:0 auto; margin-top:60px; } #urine02 ul li{ width:268px; height:315px; float:left; margin-left:10px; } #urine02 ul li:first-child{ margin-left:0px;} #urine02 ul li p{ font-size:22px; text-align:center; padding-top:25px; color:#3f3f3f } #urine03{ position:relative; width:100%; background:#f4f4f4; margin-top:80px; } #urine03 div{ position:relative; width:1106px; margin:0 auto; padding-top:30px; padding-bottom:100px } #urine03 div h1{ font-size:48px; font-weight:200; margin-bottom:25px; margin-top:100px; border-left:8px solid #369dc9; padding-left:20px; padding-bottom:10px; } #urine03 div p{ font-size:22px; color:#1b1b1b; line-height:1.8; font-weight:300; } #urine03 div ul{ position:relative; width:1102px; height:1200px; margin:0 auto; margin-top:60px; } #urine03 div ul li{ position:relative; width:404px; height:550px; padding-left:40px; padding-right:40px; background:#fff; border-radius:30px; float:left; margin-left:94px; margin-bottom:50px; } #urine03 div ul li:first-child{ margin-left:15px; } #urine03 div ul li.cb{ margin-left:15px;} #urine03 div ul li .urine03_uptxt{ text-align:center; font-size:26px; font-weight:bold; border:3px solid #62b7db; color:#369dc9; width:260px; margin:0 auto; border-radius:30px; margin-bottom:30px; margin-top:30px; } #urine03 div ul li .urine03_txt{ margin-top:30px; text-align:center; font-size:20px; } #urine04{ position:relative; width:100%; background:#fafafa; margin-top:90px; } #urine04 div{ position:relative; width:1116px; margin:0 auto; padding-top:90px; padding-bottom:90px; } #urine04 div .gma05_top{ width:560px; height:111px; margin-left:5px; padding-top:0px; padding-bottom:50px; } #urine04 div .gma05_top img{ float:left; margin-right:30px; } #urine04 div .gma05_top p{ font-size:29px; font-weight:300; line-height:1.5} #urine04 div .gma05_top h1{ font-size: 48px; } #urine04 .urinetable{ width:1110px; margin-left:3px; } #urine04 .urinetable th{ border:1px solid #369dc9; background:#369dc9; color:#fff; font-size:20px; font-weight:400; line-height:2.3 } #urine04 .urinetable td{ border:1px solid #d1d1d1; background:#fff; padding-left:40px; font-size:18px; font-weight:400; color:#404040; line-height:2.5} /*맞춤 한약 페이지 새로*/ #medicine01{ position:relative; width:100%; height:515px; background:url('/img/okbyun/hanyack_bg.jpg'); background-size: cover; background-repeat: no-repeat; padding-top:80px; } #medicine01 div{ width:1112px; margin:0 auto; background:#fff; text-align:center; } #medicine01 div h1{ font-size:45px; width:860px; margin:0 auto; border-bottom:1px solid #b3b3b3; padding-bottom:20px; padding-top:90px; margin-bottom:20px; } #medicine01 div h1 b{ color:#70960c } #medicine01 div p{ font-size:22px; color:#1b1b1b; line-height:1.5; font-weight:300; padding-bottom:90px; } #medicine01 div p b{ color:#80a226 } #medicine02{ position:relative; width:100%; background:#f8f8f8; padding-bottom:130px; } #medicine02 div{width:981px; margin:0 auto; } #medicine02 div h1{ width:750px; text-align:center; background:#fff; margin:0 auto; line-height:2; font-size:38px; font-weight:400; border:6px solid #83aa1b; margin-bottom:90px; } #medicine02 div h1 b{ color:#83aa1b } #medicine02 div ul{ width:810px; height:230px; margin:0 auto; margin-top:66px; } #medicine02 div ul li{ float:left; margin-left:64px; } #medicine02 div ul li:first-child{margin-left:0px; } #medicine02 div p{ font-size:22px; color:#1b1b1b; line-height:1.8; font-weight:300; text-align:center; margin-top:90px; } #medicine02 div p b{ color:#5d9602} #medicine03{ position:relative; width:981px; height:629px; margin:0 auto; margin-top:130px; margin-bottom:130px; background:url('/img/okbyun/hanyack_jero.jpg') no-repeat; } #medicine03 h2{ text-align:center; font-size:30px; font-weight:300; color:#4e6628; padding-top:84px; padding-bottom:10px; } #medicine03 h1{ text-align:center; font-size:40px; color:#5d9602; padding-bottom:33px; } #medicine03 p{ text-align:center; font-size:22px; color:#494949; font-weight:300; line-height:1.8} #medicine04{ position:relative; width:100%; background:#f7f7f7; padding-top:130px; padding-bottom:100px; } #medicine04 div{ width:1104px; margin:0 auto; } #medicine04 div h1{ font-size:40px; text-align:center; } #medicine04 div h1 b{ color:#5d9602 } #medicine04 p.gangjo{ text-align:center; font-size:30px; line-height:1.7; background:#5a9102; color:#fff; font-weight:500; margin-top:40px; margin-bottom:40px; } /* 역류성식도염 */ .intestine01 .esophagitis01_01 li .txt_wrap{height:auto;} .intestine01 .esophagitis01_01 li .txt_wrap .tit{font-size:25px; line-height:40px; margin: 15px 0 38px;} .intestine02 .esophagitis02_txt{height:1842px; padding:100px 0; background:#eff0e9 url("/img/okbyun/esophagitis02_bg.jpg") center top no-repeat;} .esophagitis02_answer{overflow:hidden; margin:100px auto 130px; text-align:left;} .esophagitis02_answer dt{float:left; width:548px;} .esophagitis02_answer dt img{margin:14px 0 0 120px;} .esophagitis02_answer dd{float:left; width:calc(100% - 548px);} .esophagitis02_answer dd p{font-size:38px; color:#1a3a00; line-height:45px; letter-spacing:-3px;} .esophagitis02_answer dd span{display:inline-block; font-size:18px; line-height:30px; font-weight:200; margin-top:15px;} .esophagitis02 .tab_wrap{background:none;} .esophagitis02 .tab_wrap ul li{font-size:20px;} .esophagitis02_warning{padding:40px; background:#689a24; margin-bottom:35px;} .esophagitis02_warning p{font-size:30px; color:#fff; margin:10px 0 15px;} .esophagitis02_warning span{font-size:18px; color:#cdeaa5; line-height:25px; font-weight:300;} .esophagitis02 .tab_wrap > p{font-weight:200; line-height:1; margin-top:100px; } /* 기존 영상 */ .esophagitis02 .tab_wrap > span{font-weight:500; font-size:30px;} .esophagitis02_num{width:930px; height:auto!important; line-height:43px; font-size:0; border:0px!important; } /* 기존 영상 margin:28px auto 33px; background:#fff; height:43px; */ .esophagitis02_num p{display:inline-block; font-size:18px; font-weight:300; height:25px; line-height:25px; vertical-align:middle; margin-right:75px;} .esophagitis02_num p:last-of-type{margin-right:0;} .esophagitis02_num p span{display:inline-block; vertical-align:top; width:25px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#a4c153; color:#fff; text-align:center; font-size:15px; font-weight:500; margin-right:10px;} .esophagitis03{margin-top:100px;} .esophagitis04 ul li p.long{line-height:32px; padding:21px 0 16px;} .esophagitis06 ul{width:1200px; margin:0 auto; overflow:hidden;} .esophagitis06 ul li{float:left; width:380px; margin-right:20px;} .esophagitis06 ul li:last-of-type{margin-right:0;} .esophagitis06 ul li p{font-size:28px; color:#619519; margin:35px 0 30px;} .esophagitis06 ul li span{font-size:18px; font-weight:200; line-height:32px;} /* 역류성식도염 새로 */ #esophagitis01 ul li h1{ text-align:center; } #esophagitis05{ position:relative; width:100%; height:1000px; background:#f8f8f8; margin-bottom:50px; } #esophagitis05 .esophagitis05_box{ position:relative; width:1187px; height:834px; margin:0 auto; padding-top:147px; } #esophagitis05 .esophagitis05_box p{font-size:28px; text-align:center; font-weight:300; color:#333333} #esophagitis05 .esophagitis05_box h1{font-size:43px; text-align:center; font-weight:300; line-height:2; color:#333333 } #esophagitis05 .esophagitis05_box h1 span{ color:#398e00; font-weight:600; } #esophagitis05 .esophagitis05_box h1 b{ color:#398e00; font-weight:800; font-size:55px; } #esophagitis05 .esophagitis05_box .esophagitis05_img{ position:relative; height:380px; margin-top:40px; } #esophagitis05 .esophagitis05_box .esophagitis05_img div{ float:left; } #esophagitis05 .esophagitis05_box .esophagitis05_img p{ position:relative; margin-left:51px; margin-top:52px; font-size:32px; background:#398e00; color:#fff; font-weight:500; display:inline-block; line-height:2; padding-left:110px; padding-right:110px; } #esophagitis05 .esophagitis05_box .esophagitis05_img h1{ position:relative; font-size:55px; margin-left:90px; margin-top:20px; display:inline-block; color:#282828 } #esophagitis05 .esophagitis05_box table{} #esophagitis05 .esophagitis05_box td p{ font-size:22px; text-align:left; color:#1b1b1b; line-height:2; padding-left:20px} #esophagitis06{} #esophagitis06 .esophagitis06_top{ position:relative; width:1187px; height:740px; margin:0 auto; } #esophagitis06 .esophagitis06_top p{font-size:22px; line-height:2; font-weight:300; color:#1b1b1b; margin-bottom:50px; } #esophagitis06 .esophagitis06_center{ position:relative; width:100%; height:740px; background:#f1f7ef; } #esophagitis06 .esophagitis06_center div{ position:relative; width:1187px; height:740px; margin:0 auto; } #esophagitis06 .esophagitis06_center div p{ font-size:22px; line-height:2; font-weight:300; color:#151515; padding-top:92px; padding-bottom:40px; } #esophagitis06 .esophagitis06_center div p b{ color:#346806; font-weight:500; } #esophagitis06 .esophagitis06_bottom{ position:relative; width:100%; height:387px; background:#717577; margin-bottom:200px; } #esophagitis06 .esophagitis06_bottom div{ position:relative; width:1187px; height:387px; margin:0 auto; background:url('/img/okbyun/esophagitis06_bottom_img.jpg') no-repeat; padding-top:100px} #esophagitis06 .esophagitis06_bottom div p{ color:#fff; font-size:27px; text-align:center; line-height:2; font-weight:200 } #esophagitis06 .esophagitis06_bottom div p b{ font-weight:500; color:#b2e5a3} #esophagitis06 .esophagitis06_bottom div h1{ color:#fff; font-size:32px; text-align:center; line-height:2; font-weight:200; } #esophagitis06 .esophagitis06_bottom div h1 b{ color:#b2e5a3 } /* 소화불량 */ .digestion01 .check_point_txt span{display:inline; font-weight:500; color:#1e1e1e;} .digestion02 .esophagitis02_txt{height:auto; padding:0; background:none;} .digestion02 .esophagitis02_answer{background:#f1f2ec; padding:47px 0 75px; margin-bottom:0;} .digestion02 .esophagitis02_answer dt{float:left; width:50%;} .digestion02 .esophagitis02_answer dt img{margin:0 0 0 260px;} .digestion02 .esophagitis02_answer dd{float:left; width:calc(50% - 40px); margin:40px 0 0 40px;} .digestion02 .esophagitis02_answer dd span{display:inline-block; font-size:24px; font-weight:normal; border-bottom:1px solid #ababab; color:#333; line-height:40px; padding-bottom:0; margin-bottom:0; margin-top:0;} .digestion02 .esophagitis02_answer dd p{line-height:60px; letter-spacing:-2px; margin-top:10px;} .digestion02 .digestion02_02{max-width:1572px; margin:0 auto 100px; padding-bottom:75px; position:relative; border-bottom:1px solid #e5e5e5;} .digestion02 .digestion02_02 > p{font-size:30px; line-height:44px; font-weight:200; margin-bottom:40px;} .digestion02 .digestion02_02 > p span{color:#689a24; font-weight:500;} .digestion02 .digestion02_02 > p strong{font-weight:500;} .digestion02_02_img{position:relative; width:648px; height:220px; margin:0 auto;} .digestion02_02_txt{overflow:hidden; position:absolute; top:0; left:0;} .digestion02_02_txt li{float:left; width:142px; margin-right:111px;} .digestion02_02_txt li:last-of-type{margin-right:0;} .digestion02_02_txt li p{font-size:20px; font-weight:500; margin-top:73px;} .digestion02_02_txt li span{display:block; font-size:18px; font-weight:500; line-height:25px; margin-top:85px;} .digestion02_02_txt li:nth-of-type(2) p{line-height:23px; margin-top:60px;} .digestion02_02_txt li:nth-of-type(2) span{margin-top:70px;} .digestion02_02_txt li:last-of-type p{font-size:18px; font-weight:bold; color:#fff; line-height:25px; margin-top:61px;} .digestion02 .digestion02_02_arrow{position:absolute; bottom:-21px; left:50%; margin-left:-21px;} .digestion02 .tab_wrap div{ } /* 기존 영상 background:#f1f2ec;*/ .digestion02 .tab_wrap > p{font-weight:normal; margin-top:90px;} .digestion02 .tab_wrap div.digestion02_num{margin-top:20px; font-size:0; height:auto; border:0px; } /*background:#fff; 동영상 */ .digestion02_num p{display:inline-block; font-size:18px; font-weight:300; line-height:30px; vertical-align:middle; margin-right:80px; text-align:center;} .digestion02_num p:last-of-type{margin-right:0;} .digestion02_num p span{display:block; width:25px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#a4c153; color:#fff; text-align:center; font-size:15px; font-weight:500; margin:0 auto 7px; text-indent:-1px;} .digestion02_num p:first-of-type{margin-right:100px;} .digestion02_num p:first-of-type span{margin-bottom:18px;} .digestion06 ul{width:1060px; margin:0 auto; overflow:hidden;} .digestion06 ul li{float:left; width:460px; margin-right:140px; text-align:center;} /* 소화불량(담적) 새로 */ #digestion01 .digestion_g01{ position:relative; width: 1185px; height:332px; margin:0 auto; margin-bottom:140px; } #digestion01 .digestion_g01 li{ float:left; margin-left:18px; } #digestion01 .digestion_g01 li:first-child{ margin-left:7px; } #digestion01 .digestion_g01 li p{ font-size:20px; height:75px; line-height:1.5; padding-top:12px; text-align:center; background:#9dbd47; color:#fff } /* #6a9d2f #9dbd47 linear-gradient( to bottom, #9dbd47, #6a9d2f)*/ #digestion01 .digestion_g01 li .pbr{ padding-top:0px; padding-bottom:12px;} #digestion01 .digestion_g02{ margin-bottom:200px; } #digestion01 .digestion_g02 .digestion_gs{ position:relative; width: 1140px; height:203px; margin:0 auto; margin-top:20px; padding-bottom:40px; background:url('/img/okbyun/digestion_g02_bg.jpg') no-repeat; background-size: contain; border-bottom:1px solid #4f6c00} #digestion01 .digestion_g02 .digestion_gs li{ width:174px; float:left; font-size:35px; font-weight:500; color:#212121; margin-top:100px; margin-left:48px; text-align:center; } #digestion01 .digestion_g02 .digestion_gs li:first-child{ margin-left:40px; } #digestion01 .digestion_g03{ position:relative; width: 1140px; margin:0 auto; } #digestion01 .digestion_g03 img{ width:1140px; } #digestion01 .digestion_g03 .ConTxt_bottom{ font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:50px; margin-bottom:200px;} #digestion02{ position:relative; width:100%; height:578px; background:url('/img/okbyun/digestion02_bg.jpg'); margin-bottom:90px; background-position-y:-20px; } #digestion02 .digestion02_box{ position:relative; width: 1140px; height:598px; text-align:center; margin:0 auto; background:url('/img/okbyun/digestion02_g.jpg') no-repeat; background-size: contain; } #digestion02 .digestion02_box p{ color:#fff; font-size:26px; font-weight:300; line-height:2; padding-top:110px;} #digestion02 .digestion02_box p b{ color:#d4ffae } #digestion02 .digestion02_box h1{ color:#dfffc3; font-size:55px; font-weight:600; line-height:3; } #digestion02 .digestion02_box h1 b{ font-size:70px; background:url('/img/okbyun/highlight18_2.png') no-repeat; background-position-x:25px; } #digestion03{ position:relative; width:2100px; height:1000px; background:url('/img/okbyun/digestion03_g.jpg') no-repeat; left:50%; display:block; position:relative; margin-left:-1050px; } #digestion03 .digestion03_box{ position:relative; width: 1140px; height: 652px; margin:0 auto; } #digestion03 .digestion03_box .digestion03_box_txt{ position:relative; width: 439px; height: 652px; text-align:right; padding-top:100px; display:inline-block; left:700px; } #digestion03 .digestion03_box .digestion03_box_txt h1{ font-size: 38px; font-weight:300; line-height:1.2; } #digestion03 .digestion03_box .digestion03_box_txt p{ font-size:18px; line-height:2.5; margin-top:30px; font-weight:200; } #digestion03 .digestion03_box .digestion03_box_txt h3{ font-size:27px; line-height:3;} #digestion03 .digestion03_box .digestion03_box_txt h3 b{ color:#76b425} /* 과민성 대장증후군 옛날 */ .irritable01 .esophagitis01_01 li .txt_wrap .tit{font-size:22px;} .irritable01 .intestine01_02 ul li{float:left; width:300px;} .irritable02 .esophagitis02_answer{overflow:hidden; margin:100px auto 0; text-align:center;} .irritable02 .esophagitis02_answer .con1200{width:776px;} .irritable02 .esophagitis02_answer dt{float:none; width:100%;} .irritable02 .esophagitis02_answer dt img{margin:14px 0 0 89px;} .irritable02 .esophagitis02_answer dd{float:none; width:100%;} .irritable02 .esophagitis02_answer dd p{font-size:38px; color:#333; line-height:45px; font-weight:200; letter-spacing:-3px;} .irritable02 .esophagitis02_answer dd p span{font-size:38px; font-weight:500; border-bottom:0;} .irritable02 .esophagitis02_warning{margin-bottom:0;} .irritable02_02{padding:100px 0; background:#f1f2ec;} .irritable02_02 dl{width:1140px; margin:0 auto; overflow:hidden;} .irritable02_02 dl dt{float:left; width:530px; margin-right:40px;} .irritable02_02 dl dd{float:left; width:calc(100% - 610px); box-sizing:border-box; padding-left:40px; text-align:left;} .irritable02_02 dl dd .irritable02_02_txt01{font-size:20px; color:#619519; font-weight:500;} .irritable02_02 dl dd .irritable02_02_txt02{font-size:35px; color:#1a3a00; font-weight:500; line-height:45px; margin-top:14px;} .irritable02_02 dl dd .irritable02_02_txt03{font-size:18px; color:#787878; font-weight:200; margin-top:24px; line-height:28px; letter-spacing:-1.5px;} .irritable02 .digestion02_02{margin:95px auto 0; padding-bottom:0; position:relative; border-bottom:0; text-align:center;} .irritable02 .digestion02_02 > p{font-size:35px; color:#9dbd47; line-height:1; font-weight:normal; margin-bottom:28px;} .irritable02 .digestion02_02 > p strong{font-weight:bold;} .digTxt{ font-size:25px; font-weight:200 } /* 치료 과정 */ .advantag5{ position:relative; width:100%; height:1580px; } .advantag5 .advantag5_box_arrow_top{ position:absolute; left:50%; margin-left:-21px; top:-20px; } .advantag5 .advantag5_bigtxt{ text-align:center; font-size:35px; font-weight:300; color:#000; line-height:50px; margin-top:50px; margin-bottom:40px } .advantag5 .advantag5_bigtxt_bottom{ width:500px; margin:0 auto; text-align:center; font-size:35px; font-weight:300; color:#000; margin-top:50px; margin-bottom:40px; line-height:2; } .advantag5 .advantag5_bigtxt_bottom span{ font-weight:bold; color:#487c02} .advantag5_bigtxt_small{ position:relative; text-align:center; font-size:30px; top:30px; display:none } .advantag5 .advantag5_bigtxt_bottom .giho{ color:#a9aaad; font-size:50px } .advantag5_box{ max-width:1600px; margin:0 auto; border-top:1px solid #e5e5e5; height:1200px; background:url('/img/okbyun/advantag5_back_1.jpg') no-repeat; background-position-y:310px } .advantag5_box .advantag5_list{ position:relative; width:684px; height:798px; left: 542px; top: 60px; } .advantag5_box .advantag5_list li .round_txt{ font-size:20px; font-weight:200; display:inline-block } .advantag5_box .advantag5_list li .round_txt .tw_txt{ position:relative; top:-20px; margin-left:10px; } .advantag5_box .advantag5_list li .round_txt .round_num{ background:#75a337; border-radius:100px; color:#fff; padding: 15px 20px 15px 20px; text-align:center; float:left; font-size:20px;} .advantag5_box .advantag5_list li .round_txt p{ float:left; font-size:25px; margin-left:15px; font-weight:300; text-align:right; line-height:1.5 } .advantag5_box .advantag5_list li .round_txt p span{ color:#487d00; font-weight:600 } .advantag5_box .advantag5_list .num1{ position:relative; top:5px; left:50px } .advantag5_box .advantag5_list .num2{ position:relative; left:190px; top:100px;} .advantag5_box .advantag5_list .num3{ position:relative; left:230px; top:200px;} .advantag5_box .advantag5_list .num4{ position:relative; left:190px; top:300px; } .advantag5_box .advantag5_list .num5{ position:relative; left:80px; top:350px; } .advantag5 .advantag5_gmp{ position:relative; width:100%; height:240px; background: #f4f4f4; top:10px; } .advantag5 .advantag5_gmp .advantag5_gmp_b{ width:1100px; margin:0 auto; padding-top:20px; } .advantag5 .advantag5_gmp .advantag5_gmp_b .advantag5_gmp_b_left{ float:left; margin-right:50px } .advantag5 .advantag5_gmp .advantag5_gmp_b .advantag5_gmp_b_left img{ width:250px } .advantag5 .advantag5_gmp .advantag5_gmp_b .advantag5_gmp_b_right h1{ margin-top: 40px; font-size:25px; } .advantag5 .advantag5_gmp .advantag5_gmp_b .advantag5_gmp_b_right p{ font-size:20px; font-weight:200; line-height:1.5; margin-top:10px; } /* 식이상담 */ .food_speek{ position:relative; width:100%; height:800px; } .food_speek .advantag5_box_arrow_top{ position:absolute; left:50%; margin-left:-21px; top:-20px; } .food_speek .food_speek_box{ max-width:1600px; margin:0 auto; border-top:1px solid #e5e5e5; } .food_speek .food_speek_box .food_speek_bigtxt{ text-align:center; font-size:35px; font-weight:300; color:#000; line-height:50px; margin-top:50px; margin-bottom:40px } .food_speek .food_speek_pic{ position:relative; width:100%; height:502px; background: #f1f2ec; top:10px; } .food_speek .food_speek_pic .food_speek_pic_b{ width:1100px; margin:0 auto; padding-top:75px; } .food_speek .food_speek_pic .food_speek_pic_b .food_speek_pic_left{ float:left; margin-right:50px } .food_speek .food_speek_pic .food_speek_pic_b .food_speek_pic_right h1{margin-top: 40px; font-size:35px; color:#619519; font-weight:500; line-height:2 } .food_speek .food_speek_pic .food_speek_pic_b .food_speek_pic_right h3{ color:#1a3a00; font-size:20px; } .food_speek .food_speek_pic .food_speek_pic_b .food_speek_pic_right p{ font-size:20px; font-weight:200; line-height:1.5; margin-top:20px;} /* 변한의원 더보기 */ .more_bottom{ position:relative; width:100%; height:374px; background:#e0dedd; margin-top:100px } .more_bottom ul{ position:relative; width:1200px; height:374px; margin:0 auto; } .more_bottom ul li{float:left; } .irritable03 ul li span strong{font-weight:500;} /* 영상 */ .irritable03_tab{background:#f1f2ec; text-align:center; padding:95px 0;} .irritable03_tab .tab_wrap .tab li{font-size:19px;} .irritable03_tab .irritable03_tab_txt01{width:656px; font-size:24px; margin:0 auto 17px; font-weight:300; padding-bottom:10px; border-bottom:1px solid #ababab; border-top:1px solid #ababab; padding-top:10px;} .irritable03_tab .irritable03_tab_txt02{font-size:38px; line-height:60px; color:#1a3a00; margin-bottom:85px;} #irritable03_tab{background:#f8f8f8;} /* 과민성대장증후군 진단을 위해서는 세가지를 봐야합니다. */ .irritable03_tab #irritable03_tab_txt02{width:920px; margin:0 auto; padding-top:12px; padding-bottom:12px; font-size:38px; line-height:60px; color:#323232; margin-bottom:85px; border-bottom:1px solid #ababab; border-top:1px solid #ababab; } .irritable03_tab .tab_wrap > p{font-weight:300; margin-top:100px; } .irritable03_tab .tab_wrap > span{font-size:30px; font-weight:500;} .irritable06 ul{width:970px; margin:0 auto; overflow:hidden; font-size:0;} .irritable06 ul li{float:none; display:inline-block; vertical-align:middle; width:460px; margin-right:50px;} .irritable06 ul li:last-of-type{margin-right:0;} .irritable06 ul li p{font-size:28px; color:#619519; margin:0 0 30px;} .irritable06 ul li span{font-size:18px; font-weight:200; line-height:32px;} /* 자율신경실조증 */ .brain01_img{width:1200px; margin:0 auto 100px;} .brain01_img > img{width:100%; margin-bottom:90px;} .brain01_img .brain01_txt01{font-size:30px; color:#666; font-weight:200; line-height:45px;} .brain01_img .brain01_txt01 span{font-weight:normal;} .brain01_img .brain01_txt02{font-size:38px; line-height:60px; margin-top:25px;} .brain01_img .brain01_txt02 span{color:#9dbd47;} .brain01 .intestine01_02 ul li p span{font-weight:normal;} .brain02_txt{padding:100px 0; background:#f6f6f6; text-align:center;} .brain02_txt span{display:inline-block; font-size:38px; color:#689a24; padding-bottom:9px; border-bottom:1px solid #689a24;} .brain02_txt p{font-size:24px; font-weight:300; line-height:40px; margin-top:13px;} .brain02_img{width:1200px; margin:0 auto; position:relative;} .brain02_img_txt{width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; padding:55px 85px; overflow:hidden;} .brain02_img_txt dt{float:left; width:210px;} .brain02_img_txt dt p{height:60px; line-height:60px; color:#fff; background:#a6c649; font-weight:bold; font-size:33px; margin-top:0; margin-bottom:36px;} .brain02_img_txt dt ul{text-align:left;} .brain02_img_txt dt ul li{font-size:24px; margin-bottom:24px; font-weight:300;} .brain02_img_txt dt ul li:last-of-type{margin-bottom:0;} .brain02_img_txt dt ul li span{font-size:24px; padding-bottom:0; border:0; color:#709b05; font-weight:500;} .brain02_img_txt dd{float:right; width:210px;} .brain02_img_txt dd p{height:60px; line-height:60px; color:#fff; background:#909090; font-weight:bold; font-size:33px; margin-top:0; margin-bottom:36px;} .brain02_img_txt dd ul{text-align:left;} .brain02_img_txt dd ul li{font-size:24px; margin-bottom:24px; font-weight:300;} .brain02_img_txt dd ul li:last-of-type{margin-bottom:0;} .brain02_img_txt dd ul li span{font-size:24px; padding-bottom:0; border:0; color:#457f93; font-weight:500;} .brain04 .tab_wrap > img{margin:33px 0 57px;} .brain04_num{text-align:left; height:auto!important; border:0px!important; } /* 기존 영상 */ .brain04_num p{padding-left:26px; font-size:24px; margin-bottom:35px; line-height:35px;} .brain04_num p:last-of-type{margin-bottom:0;} .brain04_num p strong{display:inline-block; padding-right:20px; margin-right:20px; border-right:2px solid #b1b5a6;} .brain04_num p span{font-weight:bold; color:#63961b;} .brain06 ul{margin-bottom:0;} .brain06 ul li{margin-bottom:0;} .brain07 div{height:795px;} /* 자율신경실조증 새로*/ #brain01{ } #brain01 ul{ position:relative; width:1130px; margin:0 auto; } #brain01 ul li{ position:relative; width:1130px; height:253px; margin-bottom:18px; } #brain01 ul li img{ width:565px; height:253px; float:left; } #brain01 ul li div{ width:565px; height:253px; float:right; background:linear-gradient( to bottom, #6a9d2f, #9dbd47); }/*background:#9dbd47*/ #brain01 ul li div h1{ font-size:23px; color:#fff; font-weight:400; margin-left:40px; margin-top:30px; margin-bottom:20px; } #brain01 ul li div p{ font-size:20px; color:#fff; font-weight:200; margin-left:40px; line-height:1.8} #brain01 .brain01_bottom{ position:relative; width:100%; height:320px; background:#f8f8f8; margin-top:80px; margin-bottom:100px; } #brain01 .brain01_bottom div{ width:1130px; margin:0 auto; } #brain01 .brain01_bottom div h1{ font-size:33px; color:#1d1d1d; font-weight:300; padding-top:70px; padding-bottom:27px; } #brain01 .brain01_bottom div .brain01_bottom_conline{ color:#000; width:1000px; display:block; } #brain01 .brain01_bottom div p{ font-size:23px; color:#; line-height:2; font-weight:300; padding-top:20px;} #brain02{ position:relative; width:100%; background:#f4f5ee; margin-bottom:150px; } #brain02 .ConTxt_bottom{ position:relative; width:1140px; margin:0 auto; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left;} #brain02 .ConTxt_bottom b{color:#7ba211; font-weight:500; } #brain02 .brain02_bottom{ position:relative; width:1140px; margin:0 auto; font-size:20px;; text-align:center; color:#1b1b1b; font-weight:300; line-height:2;} #brain02 .brain02_bottom_h1{ position:relative; width:1140px; margin:0 auto; font-size:37px; text-align:center; font-weight:300; line-height:4; padding-bottom:80px; } #brain02 .brain02_bottom_h1 b{ color:#7ba211 } #brain02_img{ position:relative; width:1130px; margin:0 auto; background:#f6f6f6; border:1px solid #c8c8c8; margin-top:70px; margin-bottom:70px; } #brain02_img img{ width:1000px; margin-left:40px; } #brain02_img .brain02_img_txtt{ position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:55px 85px; overflow:hidden;} #brain02_img .brain02_img_txtt dt{float:left; width:210px;} #brain02_img .brain02_img_txtt dt p{text-align:center; height:60px; line-height:60px; color:#fff; background:#a6c649; font-weight:bold; font-size:33px; margin-top:0; margin-bottom:36px;} #brain02_img .brain02_img_txtt dt ul{text-align:left;} #brain02_img .brain02_img_txtt dt ul li{font-size:24px; margin-bottom:24px; font-weight:300;} #brain02_img .brain02_img_txtt dt ul li:last-of-type{margin-bottom:0;} #brain02_img .brain02_img_txtt dt ul li span{font-size:24px; padding-bottom:0; border:0; color:#709b05; font-weight:500;} #brain02_img .brain02_img_txtt dd{float:right; width:210px;} #brain02_img .brain02_img_txtt dd p{text-align:center; height:60px; line-height:60px; color:#fff; background:#909090; font-weight:bold; font-size:33px; margin-top:0; margin-bottom:36px;} #brain02_img .brain02_img_txtt dd ul{text-align:left;} #brain02_img .brain02_img_txtt dd ul li{font-size:24px; margin-bottom:24px; font-weight:300;} #brain02_img .brain02_img_txtt dd ul li:last-of-type{margin-bottom:0;} #brain02_img .brain02_img_txtt dd ul li span{font-size:24px; padding-bottom:0; border:0; color:#457f93; font-weight:500;} #headache02 .brain03_brain{position:relative; width:100%; height:562px; background:url('/img/okbyun/brain02_brain_bg.jpg'); } #headache02 .brain03_brain div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/brain02_brain_img.jpg') no-repeat; } #headache02 .brain03_brain div p{ position:relative; width:547px; height:262px; left:580px; top:80px; display:inline-block; font-size:27px; color:#fff; font-weight:300; text-align:right; line-height:2.5 } #headache02 .brain03_brain div p b{ font-weight: 500} #headache02 .brain04_brain{position:relative; width:100%; height:562px; background:url('/img/okbyun/torticollis05_bg.jpg'); } #headache02 .brain04_brain div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/torticollis05.jpg') no-repeat; } #headache02 .brain04_brain div p{ position:relative; width:547px; height:262px; left:580px; top:80px; display:inline-block; font-size:27px; color:#fff; font-weight:300; text-align:right; line-height:2.5 } #headache02 .brain04_brain div p b{ font-weight: 500} /* 두통/어지러움 */ .headache02{height:1280px; text-align:center; overflow:hidden; background:url("/img/okbyun/headache02_bg.png") center bottom no-repeat;} .headache02 div p{font-size:30px; font-weight:200; line-height:44px; margin-top:40px;} .headache02 div p:first-of-type{margin-top:90px;} .headache02 div p span{display:block; font-weight:500; color:#1e1e1e;} .headache03{text-align:center;} .headache03 .headache03_txt p{font-size:30px; font-weight:400; line-height:44px; margin-top:40px;} .headache03 .headache03_txt p span{color:#698a15;} .headache03 .headache03_img{padding:70px 0; margin-top:60px; background:#f6f6f6;} .headache05 .tab_wrap .tab li{width:600px;} .headache06_txt{background:#f5f5f5;} .headache06_txt dl{overflow:hidden} .headache06_txt dl dt{float:left; width:50%;} .headache06_txt dl dd{float:left; width:calc(50% - 50px); margin-left:50px;} .headache06_txt dl dd .headache06_txt01{font-size:28px; font-weight:500; margin-top:60px;} .headache06_txt dl dd .headache06_txt02{font-size:25px; margin:33px 0 13px;} .headache06_txt dl dd .headache06_txt03{font-size:18px; font-weight:200; line-height:32px; margin-bottom:13px;} .headache06_txt dl dd .headache06_txt04{font-size:35px; font-weight:500; color:#619519; line-height:45px;} .headache07 ul{width:1200px; margin:0 auto 50px; overflow:hidden; font-size:0;} .headache07 ul:last-of-type{margin-bottom:0;} .headache07 ul li{float:none; display:inline-block; vertical-align:middle; width:50%;} .headache07 ul li:first-of-type{text-align:center;} .headache07 ul li:last-of-type{width:calc(50% - 32px); margin-left:32px;} .headache07 ul li p{font-size:28px; color:#619519; margin:0 0 30px;} .headache07 ul li span{font-size:18px; font-weight:200; line-height:32px;} .headache07 ul li span strong{font-weight:normal; font-weight:20px;} /* 두통/어지러움 새로 */ #headache00{ position:relative; width:1140px; margin:0 auto; padding-bottom:120px;} #headache00 .head_btxt{ width:1100px; text-align:center; background:#9dbd47; color:#fff; margin:0 auto; font-size:28px; line-height:2} #headache00 img{ width:1120px; margin:0 auto; margin-top:30px;} #headache00 h2{ font-size:60px; text-align:center; color:#9dbd47; line-height:1.3} #headache01{} #headache01 .headache01_g01{ position:relative; width:1250px; height:289px; margin:0 auto; } #headache01 .headache01_g01 li{ width:239px; height:286px; float:left; margin-left:10px; } #headache01 .headache01_g01 li:first-child{ margin-left:7px;} #headache01 .headache01_g01 li p{ text-align:center; background:#9dbd47; color:#fff; line-height:3; font-size:20px; } #headache01 .ConTxt_bottom{ position:relative; width:1140px; margin:0 auto; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:50px; margin-bottom:140px;} .tab_wrap h1{ font-size:23px; line-height:3; margin-top:30px; } .tab_wrap table{ width:100%; } .tab_wrap table tr{ border-top:1px dotted #c1d194 } .tab_wrap table tr:first-child{ border-top:0px; } .tab_wrap table th{ padding-bottom:22px; padding-top:22px; padding-right:22px; } .tab_wrap table td{ font-size:18px; text-align:left; font-weight:300; line-height:2 } #headache02 .headache02_brain{position:relative; width:100%; height:562px; background:url('/img/okbyun/headache02_brain_bg.jpg'); } #headache02 .headache02_brain div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/headache02_brain_img.jpg') no-repeat; } #headache02 .headache02_brain div p{ position:relative; width:547px; height:262px; left:580px; top:80px; display:inline-block; font-size:27px; color:#fff; font-weight:300; text-align:right; line-height:2.5 } #headache02 .headache02_brain div p b{ font-weight: 500} #headache02 .headache02_brain_2{position:relative; width:100%; height:562px; background:url('/img/okbyun/dotong_02_bg.jpg'); } #headache02 .headache02_brain_2 div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/dotong_02.jpg') no-repeat; } #headache02 .headache02_brain_2 div p{ position:relative; width:547px; height:262px; left:580px; top:110px; display:inline-block; font-size:27px; color:#fff; font-weight:300; text-align:right; line-height:2.5 } #headache02 .headache02_brain_2 div p b{ font-weight: 500} #headache02 .headache02_btxt { text-align:center; font-size:50px; padding-top:90px; font-weight:300; margin-bottom:100px; } #headache02 .headache02_btxt b{ color:#5b9a4b} #headache02 .headache02_btxt span{ background:#5b9a4b; font-weight:bold; padding-left:30px; padding-right:30px; color:#fff } #headache02 .headache02_brainbottom{ position:relative; width:100%; height:910px; background:#f8f8f8; } #headache02 .headache02_brainbottom div{ position:relative; width:1184px; height:824px; margin:0 auto; text-align:center; } #headache02 .headache02_brainbottom div h1{ font-size:50px; font-weight:600; line-height:2; color:#749e00; padding-top:80px; } #headache02 .headache02_brainbottom div h1 span{ font-weight:200; font-size:42px; color:#333333 } #headache02 .headache02_brainbottom div h1 b{ color:#405700 } #headache02 .headache02_brainbottom div h2{ font-size:50px; font-weight:600; } #headache02 .headache02_brainbottom div p{ font-size:25px; color:#1b1b1b; font-weight:300; line-height:5; } #headache02 .headache02_brainbottom ul li{ float:left; width:218px; height:98px; margin-left:77px; margin-top:22px; } #headache02 .headache02_brainbottom ul li:first-child{ margin-left:24px; } #headache02 .headache02_brainbottom ul li p{ font-size:20px; line-height:1.5; color:#1b1b1b; font-weight:400; } #headache03{} #headache03 div{ position:relative; width:1184px; margin:0 auto; } #headache03 div p{ font-size:26px; font-weight:300; text-align:center; color:#1b1b1b; line-height:2; padding-top: 80px; } #headache03 div p b{ color:#618900 } #headache03 div h1{ font-size:48px; font-weight:300; text-align:center; padding-top:100px; padding-bottom:150px; } #headache03 div h1 span{ background:#7cb44a; font-weight:500; color:#fff; padding-left:8px; padding-right:8px; } #headache04{ } #headache04 .headache04_list{ position:relative; width:1184px; margin:0 auto;} #headache04 .headache04_list ul{ position:relative; height: 385px; } #headache04 .headache04_list ul li{ width:357px; height:381px; float:left; margin-left:29px; border:1px solid #e5e6e6; box-sizing: border-box; } #headache04 .headache04_list ul li div{ height:169px; } #headache04 .headache04_list ul li div h1{ font-size:30px; font-weight:500; padding-top:46px; } #headache04 .headache04_list ul li div p{ font-size:25px; font-weight:300; line-height:2; color:#6b6b6b} #headache04 .headache04_txt{ font-size:47px; font-weight:200; color:#333333; line-height:4; margin-bottom:50px; } #headache04 .headache04_txt b{ color:#7b9a27; font-size:50px; } #headache04 .headache04_txt span{ color:#547007; font-size:50px; font-weight:600; } #headache04 .intestine02_food_stress div p{ line-height:1.8 } #headache04 .intestine02_food_stress div p b{ color:#384d00 } #headache05 .headache05_img{ width:100%; background:#c8e0ec; margin-top:62px; margin-bottom:75px; } #headache06{ position:relative; padding-top:160px; padding-bottom:80px; } #headache06 .conline{ color:#000; width:90px; text-align:center; display:block; margin-top:37px; margin-bottom:37px;} #headache06 .chekup_bigtxt{ text-align:center; font-size:40px; color:#fff; font-weight:600 } #headache06 h1{ font-size:25px; text-align:center; font-weight:400 } #headache06 h1 b{ color:#639623} #headache06 h1 span{ font-size:33px; font-weight:600; color:#639623 } #headache06 .headache06_sonai{ position:relative; width:100%; height:797px; background:#f6f6f6; margin-top:70px; } #headache06 .headache06_sonai div{ position:relative; width:1100px; margin:0 auto; height:641px; padding-top:60px; } #headache06 .headache06_sonai div p{ font-size:27px; text-align:center; font-weight:300; line-height:1.5; padding-top:60px; } #headache06 .headache06_dasang{ position:relative; width:100%; height:270px; background:#635752; } #headache06 .headache06_dasang div{ width:1148px; height:px; margin:0 auto; } /* ADHD */ .adhd01_img{margin-bottom:0;} .adhd02 > div{height:493px; background:#f6f6f6 url("/img/okbyun/adhd02_bg.jpg") center top no-repeat; overflow:hidden;} .adhd02 .adhd02_txt01{font-size:24px; font-weight:300; margin:130px 0 8px;} .adhd02 .adhd02_txt02{font-size:38px; color:#689a24; line-height:60px; letter-spacing:-3.5px;} .adhd02 .adhd02_txt03{font-size:30px; font-weight:300; margin-top:47px;} .adhd02 .adhd02_txt03 span{font-weight:normal;} .adhd03 .headache03_img{padding:70px 0; margin-top:0;} .adhd03 .headache03_txt > span{display:inline-block; font-size:18px; font-weight:300; line-height:32px; margin-top:40px;} .adhd03 .headache03_txt p{font-size:30px; font-weight:300; line-height:44px;} .adhd03 .headache03_txt p strong{font-weight:500;} .adhd03 .headache03_txt p span{font-weight:500; color:#689a24;} .adhd05{margin-top:100px;} .adhd05_num{width:930px; height:auto!important; margin:28px auto 33px; line-height:43px; font-size:0;} .adhd05_num p{display:inline-block; font-size:18px; font-weight:300; height:25px; line-height:25px; vertical-align:middle; margin-right:75px;} .adhd05_num p:last-of-type{margin-right:0;} .adhd05_num p span{display:inline-block; vertical-align:top; width:25px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#a4c153; color:#fff; text-align:center; font-size:15px; font-weight:500; margin-right:10px;} /* adhd 새로 */ #adhd01 .digestion_g01{ position:relative; width: 1185px; height:332px; margin:0 auto; } #adhd01 .digestion_g01 li{ float:left; margin-left:18px; } #adhd01 .digestion_g01 li:first-child{ margin-left:7px; } #adhd01 .digestion_g01 li p{ font-size:20px; height:75px; line-height:1.5; padding-top:12px; text-align:center; background:#9dbd47; color:#fff } /* #6a9d2f #9dbd47 linear-gradient( to bottom, #9dbd47, #6a9d2f)*/ #adhd01 .digestion_g01 li .pbr{ padding-top:0px; padding-bottom:12px;} #adhd01 .ConTxt_bottom{ position:relative; width:1140px; margin:0 auto; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:50px; margin-bottom:80px;} #adhd01 .ConTxt_bottom b{ color:#77991b } #adhd03{ position:relative; margin-bottom:80px; } #adhd03 .adhd03_box{ position:relative; width:100%; height:881px; background:#f6f6f6; margin-bottom:100px; } #adhd03 .adhd03_box .adhd03_sbox{ position:relative; width:1113px; height:456px; margin:0 auto; padding-top:64px; padding-bottom:51px; } #adhd03 .adhd03_box .adhd03_sbox .adhd03_left{ width:531px; float:left; } #adhd03 .adhd03_box .adhd03_sbox .adhd03_right{ width:535px; float:right; } #adhd03 .adhd03_box .adhd03_sbox .adhd03_right p{ font-size:18px; color:#1b1b1b; padding-top:90px; font-weight:300; line-height:2; text-align:justify; } #adhd03 .adhd03_box .adhd03_bottom{ position:relative; width:1122px; height:227px; background:#a2cd5a; margin:0 auto; } #adhd03 .adhd03_box .adhd03_bottom h1{ font-size:25px; color:#fff; font-weight:500; line-height:1.8; padding-left:45px; padding-top:43px; padding-bottom:5px; } #adhd03 .adhd03_box .adhd03_bottom p{ width:960px; font-size:18px; color:#fff; line-height:2; font-weight:200; padding-left:100px; } #adhd03 .adhd03_box .adhd03_bottom p b{ color:#efff37} #adhd03 .adhd03_txt{ position:relative; width:1113px; margin:0 auto; } #adhd04{ position:relative; margin-bottom:100px; } #adhd04 > div{height:493px; background:#f6f6f6 url("/img/okbyun/adhd02_bg.jpg") center top no-repeat; overflow:hidden;} #adhd04 .con1200 span{ font-size:19px; color:#525252; font-weight:300; line-height:1.5 } #adhd04 .adhd02_txt01{font-size:23px; font-weight:300; margin:130px 0 8px;} #adhd04 .adhd02_txt02{font-size:37px; color:#689a24; line-height:60px; letter-spacing:-3.5px;} #adhd04 .adhd02_txt03{font-size:27px; font-weight:300; margin-top:47px;} #adhd04 .adhd02_txt03 span{ font-size:27px; font-weight:normal; } #headache02 .adhd_brain{position:relative; width:100%; height:562px; background:url('/img/okbyun/adhd_brain05_bg.jpg'); } #headache02 .adhd_brain div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/adhd_brain05.jpg') no-repeat; } #headache02 .adhd_brain div p{ position:relative; width:547px; height:262px; left:580px; top:65px; display:inline-block; font-size:27px; color:#fff; font-weight:300; text-align:right; line-height:1.5 } #headache02 .adhd_brain div p b{ font-weight: 500} .tic02 > div{padding:100px 0; background:#f6f6f6; letter-spacing:-2px;} .tic02 > div > div{position:relative;} .tic02 > div .tic02_txt01{width:600px; height:175px; padding:30px; border:1px solid #000; box-sizing:border-box; letter-spacing:-1px;} .tic02 > div .tic02_txt01 p{font-size:18px; font-weight:bold; margin-bottom:10px;} .tic02 > div .tic02_txt01 span{font-size:18px; font-weight:200; line-height:32px;} .tic02 > div .tic02_txt02{font-size:24px; font-weight:300; line-height:40px; letter-spacing:-2px; margin-top:25px;} .tic02 > div .tic02_txt03{display:inline-block; font-size:30px; line-height:46px; color:#689a24; border-bottom:1px solid #689a24;} .tic02 > div .tic02_txt04{font-size:24px; font-weight:300; margin-bottom:15px;} .tic02 > div .tic02_txt04 span{display:inline-block; font-size:30px; line-height:46px; color:#689a24; font-weight:normal; border-bottom:1px solid #689a24;} .tic02 > div .tic02_txt05{font-size:24px; font-weight:300; line-height:40px;} .tic02_img{position:absolute; top:-40px; right:0;} .brain04_num p a{display:inline-block; width:68px;} .brain_txt .intestine05_txt{margin:55px 0 15px;} .brain_txt .brain_txt_wrap{width:580px; margin:0 auto 20px; text-align:left;} .brain_txt .brain_txt_wrap span{display:block; font-size:18px; line-height:30px; font-weight:300;} /* 피부 */ .skin01 .intestine01_01 li .txt_wrap{height:auto; padding-bottom:40px;} .skin01 .check_point_txt span{display:inline;} .skin02 .intestine02_txt{height:auto;} .skin02 .intestine02_txt .search_answer{margin-bottom:20px;} .skin02 .intestine02_txt .search_answer span{font-weight:bold;} .skin02 .intestine02_txt .search_answer02{font-size:24px; font-weight:300; line-height:37px; margin-bottom:120px;} .skin02 .tab_wrap > p{margin-bottom:30px;} .skin03 ul{width:795px;} /* 피부질환_새로*/ #skin01 table{ position:relative; width:1140px; margin:0 auto; } #skin01 table tr{ border-bottom:24px solid #fff;} #skin01 table th{ text-align:left; padding-left:50px; } #skin01 table th h1{ font-size:27px; line-height:2.5 } #skin01 table th p{ font-size:18px; font-weight:200; color:#696969; line-height:1.8 } #skin02 .skin02_g01{ position:relative; width:1140px; height:289px; margin:0 auto; } #skin02 .skin02_g01 li{ width:239px; height:286px; float:left; margin-left:56px; } #skin02 .skin02_g01 li:first-child{ margin-left:7px;} #skin02 .skin02_g01 li p{ text-align:center; background:#9dbd47; color:#fff; font-size:20px; padding-top:20px; padding-bottom:20px; line-height:1.3 } #skin02 .ConTxt_bottom{ position:relative; width:1140px; margin:0 auto; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:80px; margin-bottom:140px;} #skin02 .ConTit span{ color:#fff } .skin_box{position:relative; width:100%; height:562px; background:url('/img/okbyun/skin_smallbg.jpg'); } .skin_box div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/skin_backimg.jpg') no-repeat; } .skin_box div p{ position:relative; width:547px; height:262px; left:580px; top:80px; display:inline-block; font-size:27px; color:#585858; font-weight:300; text-align:right; line-height:2.5 } .skin_box div p b{ font-weight: 500; color:#b8272f } #skin03 .skin03_01{ position:relative; width:1140px; height:433px; margin:0 auto; } #skin03 .skin03_01 img{ float:left; } #skin03 .skin03_01 div{ width:600px; float:right; padding-right:30px; } #skin03 .skin03_01 div h1{ font-size:25px; font-weight:600; line-height:1.5; padding-top:30px; padding-bottom:30px; } #skin03 .skin03_01 div p{ font-size:20px; line-height:2; font-weight:200; color:#868686} #skin03 .skin03_01 div p b{ color:#668319; font-weight:400 } #skin03 .skin03_bottom{ position:relative; width:100%; height:350px; background:#f2f6ef; margin-top:60px; margin-bottom:80px; } #skin03 .skin03_bottom div{ position:relative; width:1180px; height:350px; margin:0 auto; background:url('/img/okbyun/skin03_bottom_bg.jpg') no-repeat; } #skin03 .skin03_bottom div h1{ font-size:27px; color:#49861e; text-align:left; font-weight:500; line-height:1.5; padding-top:90px; padding-left:40px; } #skin03 .skin03_bottom div p{ font-size:40px; color:#1c5400; font-weight:600; text-align:left; line-height:2; padding-left:40px; } .skin05_jindan{ position:relative; width:1140px; height:532px; margin:0 auto; padding-top:68px; padding-bottom:90px; } .skin05_jindan li{float:left; margin-left:80px; } .skin05_jindan li:first-child{ margin-left:40px; } /* 사경 */ .torticollis01 dl{overflow:hidden; font-size:0; margin-bottom:50px;} .torticollis01 dl:last-of-type{margin-bottom:0;} .torticollis01 dl dt{display:inline-block; width:50%; vertical-align:middle;} .torticollis01 dl dd{display:inline-block; width:50%; vertical-align:middle; padding-left:20px; box-sizing:border-box;} .torticollis01 dl dd .tit{font-size:28px; color:#619519; font-weight:500;} .torticollis01 dl dd .txt{font-size:18px; font-weight:300; margin:15px 0; line-height:32px;} .torticollis01 dl dd .txtBox{width:495px; padding:20px 30px; padding-right:0; box-sizing:border-box; border-top:1px solid #619519; border-bottom:1px solid #619519;} .torticollis01 dl dd .txtBox p{font-size:18px; margin-bottom:10px; line-height:25px;} .torticollis01 dl dd .txtBox p:last-of-type{margin-bottom:0;} .torticollis01 dl dd .txtBox p span{color:#619519; padding-right:10px;} .torticollis01 dl dd .txtBox p strong{display:inline-block; width:28px;} .torticollis01 dl dd .last{font-size:18px; font-weight:300; line-height:32px; margin-top:15px;} .torticollis01 dl dd .last span{color:#619519;} .torticollis01 dl dd .txtBox02{width:495px; border-bottom:1px solid #619519;} .torticollis01 dl dd .txtBox02 p{height:41px; line-height:41px; color:#fff; font-size:20px; font-weight:bold; background:#619519;} .torticollis01 dl dd .txtBox02 img{margin:4px 6px 0 10px;} .torticollis01 dl dd .txtBox02 span{display:inline-block; font-size:16px; color:#666; line-height:25px; padding:7px 0 7px 50px;} .torticollis01 dl > img{margin-top:100px;} .torticollis02{text-align:center;} .torticollis02 .torticollis02_img{margin:-50px 0 50px;} .torticollis02 .torticollis02_txt01{font-size:23px; font-weight:200; line-height:35px;} .torticollis02 .torticollis02_txt02{font-size:30px; font-weight:200; line-height:44px; margin:25px 0 15px;} .torticollis02 .torticollis02_txt02 span{font-weight:500; color:#1e1e1e;} .torticollis03 ul li{float:left; width:274px; margin-right:8px;} /* 사경 진전증 새로 */ #torticollis01 dl dd .tit{font-size:28px; color:#619519; font-weight:500; display:inline-block; padding-bottom:20px; } #torticollis01 dl dd .last{ width: 497px } #torticollis02{background:#fcfdf8; padding-bottom:90px; margin-top:130px; } #torticollis02 .torticollis02_box{ position:relative; width:1184px; height:516px; margin:0 auto; } #torticollis02 .torticollis02_box .torticollis02_left{ width:589px; height:516px; float:left; } #torticollis02 .torticollis02_box .torticollis02_right{ width:500px; height:301px; float:left; text-align:left; margin-top:90px; margin-left:25px; } #torticollis02 .torticollis02_box .torticollis02_right h1{ font-size:28px; padding-bottom:30px; color:#598817 } #torticollis02 .torticollis02_box .torticollis02_right p{ font-size:18px; line-height:2; padding-bottom:37px; } #torticollis03{ position:relative; width:1108px; height:1280px; margin:0 auto; } #torticollis03 ul.torticollis03_tab{ height: 32px; } #torticollis03 ul.torticollis03_tab li{ position: relative; float:left; width:550px; height: 70px; text-align:center; background: #eeeeee; border: 2px solid #fff; cursor: pointer; font-size:22px; font-weight:500; color:#777777; line-height:3 } #torticollis03 ul.torticollis03_tab li.active { background: #568518; color:#fff; } #torticollis03 .tab_container{ clear:both; width:1102px; height:679px; margin:0 auto; border:1px solid #eeeeee } #torticollis03 .tab03_content{ position:absolute; display: none; } #torticollis03 #tab1 .ttop{ width:1098px; height:325px; background:url("/img/okbyun/tab1_ttop.jpg") no-repeat; } #torticollis03 .ttop h1{ font-size:30px; color:#568518; font-weight:600; padding-left:72px; padding-top:64px; padding-bottom:15px; } #torticollis03 #tab1 .ttop p{font-size:18px; width:579px; line-height:2; padding-left:72px; font-weight:400 } #torticollis03 #tab1 .tbottom{ width:977px; height:270px; margin:0 auto; border-top:1px solid #969696; padding-top:38px; margin-top:38px; } #torticollis03 #tab1 .tbottom p{ background:#eeeeee; font-size:18px; line-height:2; padding-left:20px; width:660px; } #torticollis03 #tab1 .tbottom table{ margin-top:20px; } #torticollis03 #tab1 .tbottom table td{ background:#f7f7f7; width:193px; text-align:center; line-height:3; font-size:13px; border:3px solid #fff } #torticollis03 #tab2 .ttop{ width:1098px; height:325px; background:url("/img/okbyun/tab2_ttop.jpg") no-repeat; } #torticollis03 #tab2 .ttop p{font-size:18px; width:620px; line-height:2; padding-left:72px; font-weight:400 } #torticollis03 #tab2 .tbottom{ width:977px; height:270px; margin:0 auto; border-top:1px solid #969696; padding-top:38px; margin-top:38px; background:url("/img/okbyun/tab2_tbottom.jpg") no-repeat;} #torticollis03 #tab2 .tbottom h2{ background:#619519; font-size:18px; line-height:2; width:600px; color:#fff; font-weight:300 } #torticollis03 #tab2 .tbottom h2 img{ width:30px; margin-top:2px; margin-left:10px; margin-right:10px; } #torticollis03 #tab2 .tbottom p{ font-size:18px; font-weight:300; line-height:2; padding-top:20px; } #torticollis03 #tab2 .tbottom p span{ color:#619519; } #torticollis04 { position:relative; height:1169px; margin-top:100px; margin-bottom:160px; } #torticollis04 .torticollis04_box{ position:relative; width:1102px; margin:0 auto; } #torticollis04 .torticollis04_box .torticollis04_box_top{ position:relative; width:1098px; height:439px; margin:0 auto; } #torticollis04 .torticollis04_box .torticollis04_box_top .torticollis04_left{ width:530px; float:left; overflow:hidden} #torticollis04 .torticollis04_box .torticollis04_box_top .torticollis04_right{ width:568px; float:right; height:277px; background:#ecf6de; margin-top:55px; } #torticollis04 .torticollis04_box .torticollis04_box_top .torticollis04_right h1{ font-size:30px; color:#568518; margin-left:51px; margin-top:51px; } #torticollis04 .torticollis04_box .torticollis04_box_top .torticollis04_right h1 span{ font-size:15px;} #torticollis04 .torticollis04_box .torticollis04_box_top .torticollis04_right p{ font-size:18px; line-height:1.5; margin-left:51px; width:480px; margin-top:25px; } #torticollis04 .torticollis04_box .torticollis04_box_bottom{ font-size:18px; line-height:2; font-weight:300; padding-bottom:48px; } /* 틱장애 뚜렛 증후군*/ #tic01 .ConTxt_bottom{ position:relative; width:1140px; margin:0 auto; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:50px; margin-bottom:80px;} #tic01 .ConTxt_bottom b{ color:#77991b } #tic01 ul{ width:1051px; height:614px; margin:0 auto; } #tic01 ul li{ position:relative; width:325px; height:614px; float:left; margin-left:38px; } #tic01 ul li h1{ position:relative; width:144px; margin-top:264px; margin-left:93px; font-size:27px; text-align:center; display:inline-block; color:#fff; font-weight:500} #tic01 ul li p{ position:relative; width:270px; margin-left:45px; margin-top:104px; font-size:17px; color:#fff; line-height:1.9; font-weight:300 } #tic01 ul li.ticun_01{ background:url('/img/okbyun/ticimg_01.jpg') no-repeat; margin-left:0px;} #tic01 ul li.ticun_02{ background:url('/img/okbyun/ticimg_02.jpg') no-repeat; } #tic01 ul li.ticun_03{ background:url('/img/okbyun/ticimg_03.jpg') no-repeat; } #tic02{ margin-top:50px; } #tic02 .ConTxt_bottom{ position:relative; width:1140px; margin:0 auto; font-size:22px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; margin-top:50px; padding-bottom:160px;} #tic02 .ConTxt_bottom b{ color:#77991b } #tic03{ background:#f3f7ec; padding-bottom:92px; margin-bottom:170px; } #tic03 .tic03_box{ position:relative; width:1198px; height:493px; margin:0 auto; background:#fff; } #tic03 .tic03_box .tic03_left{ width:574px; height:384px; float:left; margin-left:70px; margin-top:60px; } #tic03 .tic03_box .tic03_left h1{ font-size:37px; color:#598817; font-weight:300; line-height:1.2} #tic03 .tic03_box .tic03_left p{ font-size:18px; line-height:1.7; font-weight:300 } #tic03 .tic03_box .tic03_right{ width:481px; float:right; margin-right:48px; margin-top:60px;} #headache02 .tic_brain{position:relative; width:100%; height:562px; background:url('/img/okbyun/tic_brain04_bg.jpg'); } #headache02 .tic_brain div{ position:relative; width:1184px; height:562px; margin:0 auto; background:url('/img/okbyun/tic_brain04.jpg') no-repeat; } #headache02 .tic_brain div p{ position:relative; width:547px; height:262px; left:580px; top:80px; display:inline-block; font-size:27px; color:#fff; font-weight:300; text-align:right; line-height:2.5 } #headache02 .tic_brain div p b{ font-weight: 500} .torticollis04_box .tic04_txt{ background:#b8d666; padding-top:25px; padding-bottom:25px; margin-bottom:50px; } .torticollis04_box .tic04_txt p{ font-size:22px; text-align:center; color:#fff; line-height:1.4; font-weight:500; } .torticollis04_box .tic04_txt p b{ color:#577601} .tic04_bigtxt{ border-left:13px solid #b8d666; padding-left:30px; padding-top:10px; padding-bottom:15px; margin-bottom:50px; margin-top:50px; } .tic04_bigtxt h1{ font-size:45px; font-weight:200 } .tic04_bottom_txt{ position:relative; width:1113px; background:#f9f9f9; margin-top:60px; } .tic04_bottom_txt h2{ font-size:28px; font-weight:300; line-height:1.5; padding-left:45px; padding-top:40px; } .tic04_bottom_txt p{ width:1015px; font-size:18px; color:#1b1b1b; font-weight:300; line-height:2; text-align:left; padding-left:45px; padding-top:30px; padding-bottom:45px; } /* 회원쪽 탭 */ .member_tab{overflow:hidden; margin-bottom:20px;margin-top:10px;} .member_tab li{float:left; width:14.28%; height:50px; line-height:48px; box-sizing:border-box; border:1px solid #619519; border-right:0; text-align:center;} .member_tab li:last-of-type{border-right:1px solid #619519;} .member_tab li a{display:block; width:100%; height:100%; font-size:16px;} .member_tab li:hover{background:#619519;} .member_tab li:hover a{color:#fff;} .member_tab li.on{background:#619519;} .member_tab li.on a{color:#fff;} /* 진료안내/위치 */ .location01{width:1012px; margin:100px auto 40px; overflow:hidden;} .location01 dt{float:left; width:197px;} .location01 dt .bar{width:45px; height:2px; background:#629b15; margin-bottom:26px;} .location01 dt .tit{font-size:28px; font-weight:500;} .location01 dd{float:left; width:calc(100% - 197px);} .location01 dd p{padding:25px 0 25px 30px;} .location01 dd p.time{font-size:18px; font-weight:300; background:url("/img/okbyun/location_list.png") left 16px top 33px no-repeat; border-top:1px solid #e7e7e7;} .location01 dd p.time span{display:inline-block; width:150px; font-weight:bold;} .location01 dd .time.last{padding-bottom:100px; border-bottom:1px solid #333; margin-bottom:40px;} .location01 dd .time.last strong span{color:#629b15;} .location01 dd .tit{font-size:35px; font-weight:200;} .location01 dd .tit strong{font-weight:500;} .location01 dd .btn{font-size:0; padding-left:16px; height:56px;} .location01 dd .btn p{display:inline-block; width:205px; height:53px; text-align:center; line-height:53px; font-weight:800; font-size:18px; padding:0; border:1px solid #ccc;} .location01 dd .btn p img{vertical-align:middle; margin-right:7px;} .location01 dd .btn a{display:inline-block; width:205px; height:53px; text-align:center; line-height:53px; font-weight:800; font-size:18px; padding:0; border:1px solid #141414; margin-left:12px; box-shadow:1px 1px 1px #404040;} .location01 dd .btn a img{vertical-align:middle; margin-right:7px;} .location_slide{width:1106px; height:664px; margin:0 auto 45px; padding-bottom:35px; position:relative;} .location_slide .bx-wrapper{height:664px;} .location_slide .bx-wrapper .bx-viewport{padding:0 447px; margin-left:-447px;} .location_slide .bx-wrapper ul{height:664px;} .location_slide .bx-wrapper ul li{width:1106px; height:664px; text-align:center; opacity:0.3;} .location_slide .bx-wrapper ul li img{width:1012px; height:664px;} .location_slide .bx-wrapper .bx-controls-direction{width:100%; position:absolute; top:50%; left:0; margin-top:-71.5px;} .location_slide .bx-wrapper .bx-controls-direction a{position:absolute; width:82px; height:75px; background-size:cover; text-indent:-9999px;} .location_slide .bx-wrapper .bx-prev{left:47px; background:url("/img/okbyun/location_left_btn.png") no-repeat;} .location_slide .bx-wrapper .bx-next{right:47px; background:url("/img/okbyun/location_right_btn.png") no-repeat;} .location_slide .bx-wrapper .bx-pager{width:100%; position:absolute; bottom:0; left:0; text-align:center;} .location_slide .bx-wrapper .bx-pager .bx-pager-item{display:inline-block; margin-right:15px;} .location_slide .bx-wrapper .bx-pager .bx-pager-item:last-of-type{margin-right:0;} .location_slide .bx-wrapper .bx-pager.bx-default-pager a{display:block; width:15px; height:15px; background:url("/img/okbyun/location_control_off.png") no-repeat; text-indent:-9999px;} .location_slide .bx-wrapper .bx-pager.bx-default-pager a.active{background:url("/img/okbyun/location_control_on.png") no-repeat;} .location_map{text-align:center; margin-bottom:45px} .location02{width:1012px; margin:0 auto; overflow:hidden;} .location02 dt{float:left; width:197px;} .location02 dt .bar{width:45px; height:2px; background:#629b15; margin-bottom:28px;} .location02 dt .tit{font-size:28px; font-weight:500;} .location02 dd{float:left; width:calc(100% - 197px);} .location02 dd p{padding:33px 0 33px 30px; font-size:22px; font-weight:500; border-top:1px solid #e7e7e7;} .location02 dd p:last-of-type{padding-bottom:100px;} .location02 dd p > strong{display:block; font-size:18px; font-weight:200; margin-top:17px;} .location02 dd p span{display:inline-block; width:168px; font-weight:500;} .location02 dd p span strong{display:inline-block; width:31px; height:31px; text-align:center; line-height:31px; font-size:18px; color:#fff; font-weight:normal; background:#898988; margin-right:10px; border-radius:15.5px; -moz-border-radius:15.5px; -webkit-border-radius:15.5px;} .location02 dd .bus{font-weight:200;} .location02 dd .bus:last-of-type{padding-bottom:0;} .location02 dd .bus02 span strong{background:#0b89d2;} .location02 dd .bus03 span strong{background:#4bb62e;} .location02 dd .bus04 span strong{background:#48922d;} /* 상담예약 tit */ .consult_tit{text-align:center; margin-bottom:40px;} .consult_tit .tit{font-size:35px; font-weight:200;} .consult_tit .tit strong{font-weight:500;} .consult_tit .txt{font-size:18px; margin:40px 0;} .consult_tit .btn a{display:inline-block; font-weight:800; font-size:18px; padding-right:40px; margin-right:40px; border-right:1px solid #ccc;} .consult_tit .btn a:last-of-type{margin-right:0; border-right:0; padding-right:0;} .consult_tit .btn a span{display:block; margin-bottom:25px; font-weight:300;} .consult_tit .btn a img{vertical-align:bottom; margin-right:7px;} @media all and (max-width:1300px){ .intestine01 .intestine01_01 li{width:285px; margin-right:20px;} .skin01 .intestine01_01 li{width:inherit; margin-right:24px;} } /*============================================== 게시판영역 ==============================================*/ .programCon{width:1200px; margin:50px auto 0; margin-top:0px; overflow:hidden; font-family:'Nanum Gothic', sans-serif; letter-spacing:0;} .login_wrap{width:calc(100% - 100px); padding:0 50px; text-align:center; margin-top:40px;} .login_wrap .login_txte_box{ width:520px; margin:0 auto; text-align:left; } .login_wrap .login_tit{color:#aeaeae; font-size:28px; font-weight:bold; display:inline-block; margin-top:35px; margin-left:20px; } .login_wrap .login_tit span{font-size:56px; font-weight:800;} .login_wrap .login_subtit{font-size:28px; color:#cfcfcf; margin:25px 0 15px;} .login_wrap .login_txt{font-size:16px; color:#898989; line-height:1.4;} .loginCon{margin-top:70px; overflow:hidden;} .loginCon li{width:50%; float:left;} .loginCon li dl{overflow:hidden; padding:15px 0; border:1px solid #dedede; box-sizing:border-box;} .loginCon li dl:last-of-type{margin-top:10px;} .loginCon li dl dt{float:left; width:60px; height:30px; padding:0 18px; border-right:1px solid #dedede; box-sizing:border-box;} .loginCon li dl dt img{margin-top:2.5px;} .loginCon li dl dd{float:left; width:488px;} .loginCon li dl dd input{width:448px; height:30px; margin:0 20px; font-size:14px; border:0; background:none;} .loginCon li .login_btn{display:block; height:60px; line-height:60px; color:#fff; font-size:22px; font-weight:bold; background:#619519; margin-top:20px;} .loginCon li.last{width:calc(50% - 100px); margin:0 50px; padding:30px 0 57px 50px; border-left:1px solid #dedede; box-sizing:border-box;} .loginCon li.last div{height:40px; line-height:40px; text-align:left;} .loginCon li.last div span{font-size:14px; color:#707478;} .loginCon li.last div a{display:inline-block; float:right; width:180px; height:40px; font-size:12px; color:#fff; background:#5b5b5b; text-align:center;} .loginCon li.last div:nth-of-type(2){margin-top:20px;} .sns_wrap{margin-top:20px;} .sns_wrap img{height:45px; cursor:pointer;} .findCon_wrap{width:600px; margin:0 auto;} .findTab{margin-top:70px; overflow:hidden;} .findTab li{float:left; width:50%; height:60px; line-height:60px; font-size:14px; box-sizing:border-box; background:#f5f5f5; color:#666; cursor:pointer;} .findTab li.on{background:#fff; font-weight:bold; border:1px solid #dedede; border-bottom:0;} .findCon{padding:25px; border:1px solid #dedede; border-top:0; box-sizing:border-box;} .findCon li{display:none;} .findCon li.on{display:block;} .findCon li dl{overflow:hidden; padding:15px 0; border:1px solid #dedede; box-sizing:border-box; margin-top:10px;} .findCon li dl:first-of-type{margin-top:0;} .findCon li dl dt{float:left; width:60px; height:30px; padding:0 18px; border-right:1px solid #dedede; box-sizing:border-box;} .findCon li dl dt img{margin-top:2.5px;} .findCon li dl dt .password_icon{margin-top:3px;} .findCon li dl dt .name_icon{margin-top:3.5px;} .findCon li dl dt .email_icon{margin-top:7px;} .findCon li dl dd{float:left; width:calc(100% - 60px);} .findCon li dl dd input{width:calc(100% - 40px); height:30px; padding:0 20px; font-size:14px; border:0;} .findCon li .login_btn{display:block; height:60px; line-height:60px; color:#fff; font-size:22px; font-weight:bold; background:#619519; margin-top:20px;} .secedeCon{width:550px; margin:70px auto 0; overflow:hidden;} .secedeCon li{width:100%;} .secedeCon li dl{overflow:hidden; padding:15px 0; border:1px solid #dedede; box-sizing:border-box;} .secedeCon li dl:last-of-type{margin-top:10px;} .secedeCon li dl dt{float:left; width:60px; height:30px; padding:0 18px; border-right:1px solid #dedede; box-sizing:border-box;} .secedeCon li dl dt img{margin-top:2.5px;} .secedeCon li dl dd{float:left; width:488px;} .secedeCon li dl dd input{width:448px; height:30px; margin:0 20px; font-size:14px; border:0;} .secedeCon li .login_btn{display:block; height:60px; line-height:60px; color:#fff; font-size:22px; font-weight:bold; background:#619519; margin-top:20px;} .bnaTop{overflow:hidden; font-size:14px;} .bnaTop span{float:left;; color:#444; line-height:30px;} .bnaTop .selectWrap{float:right; text-align:right; font-size:0;} .bnaTop .selectWrap select{width:110px; height:30px; font-size:14px; color:#171717; padding-left:12px; margin-right:9px; border:1px solid #dadada; vertical-align:middle;} .bnaTop .selectWrap input[type="text"]{width:156px; height:30px; padding:0 10px; border:1px solid #dadada; border-right:0; box-sizing:border-box; vertical-align:middle;} .bnaTop .selectWrap a{vertical-align:middle; display:inline-block; width:65px; height:30px; font-size:14px; color:#fefefe; background:#282828; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:30px;} .review_wrap{text-align:left; margin-top:20px;} .review_wrap table{width:100%; border-top:2px solid #888;} .review_wrap table tr{border-bottom:1px solid #e1e3e4;} .review_wrap table tr td{padding:30px 0;} .review_wrap table tr .imgTd{ padding:0px } .review_wrap table tr td > a > img{width:150px; height:180px;} .review_wrap table tr td.txtTd{ } /* vertical-align:top; */ .review_wrap table tr td .imgTitle{font-size:16px; color:#454545; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; } .review_wrap table tr td .imgTitle_sub{font-size:15px; color:#90929a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .review_wrap table tr td a{display:block; width:100%; height:100%;} .newIcon{margin-left:10px; /* vertical-align:middle; */} .noticeIcon{margin-right:10px; /* vertical-align:middle; */} .review_wrap table tr td.spanWrap{padding:0; font-size:0;} .review_wrap table tr td > span {display:inline-block; width:70px; height:45px; margin-right:10px; background:#dcdcdc; color:#8a8a8a; text-align:center; line-height:45px; box-sizing:border-box; font-size:13px;} .review_wrap table tr td > span:last-of-type{margin-right:0;} .review_wrap table tr td .answer{color:#fff; background:#93b537;} .review_wrap table tr td .hide{color:#888888; background:#ffffff;} .review_wrap table tr td .open{color:#000000; background:#ffffff;} .programPage{margin-top:75px; text-align:center; font-size:0;} .programPage a{display:inline-block; width:38px; height:38px; line-height:38px; font-size:14px; background:#fff; color:#807e7e; vertical-align:middle; border:1px solid #dadada; border-left:0; box-sizing:border-box;} /*.programPage a img{margin-top:13.5px;}*/ .programPage a img{margin-top:0px;} .programPage a.page_first{border-left:1px solid #dadada;} .programPage a.page_prev{border:0; width:43px; margin-right:24px;} .programPage a.page_next{border:0; width:43px; margin-left:24px;} .programPage a:hover{background:#679300; color:#fff;} .programPage a.active{background:#679300; color:#fff;} .programPage a.page_prev:hover, .programPage a.page_next:hover{background:inherit;} .readTop{width:calc(100% - 40px); border-top:2px solid #888; border-bottom:1px solid #c4c7ca; padding:20px;} .readTop .imgTitle{font-size:18px; color:#454545; line-height:1.5; font-weight:bold; margin-top:15px;} .readTop .imgTitle_sub{font-size:12px; color:#90929a;} .readEdit{width:calc(100% - 40px); padding:0 20px; margin:40px 0 60px; overflow:hidden; position:relative; font-size: 17px; line-height: 1.5; color: #2d2d2d;} .readEdit p{font-size: 17px; font-family: '맑은고딕'; line-height:30px; } .readEdit dl{width:60%; margin:0 20% 20px; overflow:hidden;} .readEdit dl dd, .readEdit dl dt{width:50%; text-align:center; float:left;} .readEdit div.photo img{width:284px; height:284px; float:none;} .readAnswer .answer_tit{width:100%; height:30px; line-height:30px; font-size:18px; color:#454545; border-top:2px solid #505050; border-bottom:1px solid #c7c7c7; padding:20px; font-weight:bold} .readAnswer .answer_txt{width:calc(100% - 40px); padding:25px 20px; line-height:30px; font-size:17px; font-family:'맑은고딕'} .player{width:790px; height:520px; margin:40px auto 0; background:#acacac;} .readImg{width:790px; height:520px; margin:40px auto 0; background:#acacac;} .readImg img{width:100%;} .readBottom table{width:100%; border-top:1px solid #c4c7ca; border-bottom:1px solid #c4c7ca;} .readBottom table tr{border-bottom:1px solid #e5e5e5;} .readBottom table tr:last-of-type{border-bottom:0;} .readBottom table tr th, .readBottom table tr td{height:40px; padding:0 30px; color:#999;} .readBottom table tr th{font-weight:normal; background:#fcfcfc;} .readBottom table tr th img{margin-left:10px; vertical-align:middle;} .readBottom table tr td a{color:#999;} .readBottom_btn{overflow:hidden; font-size:0; text-align:center; margin-top:40px;} .readBottom_btn dt{float:left;} .readBottom_btn dt a{display:inline-block; width:80px; height:40px; line-height:40px; font-size:13px; color:#fff; background:#b7b7b7;} .readBottom_btn dt a:first-of-type{margin-right:5px;} .readBottom_btn dd{}/*float:right;*/ .readBottom_btn dd a{display:inline-block; width:700px; line-height:2.5; font-size:20px; color:#fff; background:#585e62;} .videoCon_wrap{overflow:hidden; margin:20px 0 -60px; padding-top:40px; border-top:2px solid #888;} .videoCon_wrap ul{overflow:hidden;} .videoCon_wrap ul li{width:360px; float:left; margin-right:60px; margin-bottom:60px;} .videoCon_wrap ul li:nth-of-type(3n){margin-right:0;} .videoCon_wrap ul li a{display:block; width:100%; height:100%;} .videoCon_wrap ul li > img{width:358px; height:258px; border:1px solid #dcd9d9;} .videoCon_wrap ul li .txt_wrap{padding-top:10px; background:#060a16;} .videoCon_wrap ul li .txt_wrap > span{color:#90929a; font-size:13px;} .videoCon_wrap ul li .txt_wrap > span span{color:#d2d2d2; font-size:12px; padding:0 8px;} .videoCon_wrap ul li .txt_wrap p{font-size:16px; color:#fefeff; margin-top:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .writeForm{margin-top:60px; text-align:left;} .writeForm table{width:100%; border-top:2px solid #888;} .writeForm table tr{border-bottom:1px solid #e1e3e4; font-size:0;} .writeForm table tr th{height:70px; padding:0 30px; font-size:14px; color:#666; font-weight:normal;} .writeForm table tr td{height:70px; color:#999;} .writeForm table tr td input[type="text"]{height:43px; border-color:#dedede; font-size:14px; padding:0 20px;} .writeForm table tr td input[type="password"]{height:43px; border-color:#dedede; font-size:14px; padding:0 20px;} .writeForm table tr td .inputTxt{width:calc(50% - 40px);} .writeForm table tr td .inputNum{width:98px;} .writeForm table tr td .inputNum:first-of-type{margin-right:10px;} .writeForm table tr td .inputEmail{width:248px;} .writeForm table tr td .inputTit{width:calc(100% - 42px);} .writeForm table tr td select{width:140px; height:45px; padding:0 10px; font-size:14px; color:#666; margin-right:10px; text-align:center; text-align-last: center;} .writeForm table tr td select.selecEmail{width:290px;} .writeForm table tr td select option{text-align:center;} .writeForm table tr td span{margin:0 10px; font-size:18px; color:#999;} .writeForm table tr td span.label{font-size:14px;} .writeForm table tr td textarea{width:calc(100% - 32px); height:268px; padding:15px; margin:13px 0; resize:none; font-size:14px;} .writeForm_btn{text-align:center; margin-top:60px; font-size:0;} .writeForm_btn a{display:inline-block; width:180px; height:50px; line-height:50px; color:#fff; background:#619519; font-size:14px;} .writeForm_btn a:last-of-type{background:#b7b7b7; margin-left:10px;} .writeForm table tr td a.id_ch{display:inline-block; width:140px; height:45px; line-height:45px; font-size:14px; color:#fff; background:#b7b7b7; margin-left:10px; text-align:center; vertical-align:middle;} .writeForm table tr td a.zip_ch{display:inline-block; width:140px; height:45px; line-height:45px; font-size:14px; color:#fff; background:#b7b7b7; margin-left:10px; text-align:center; vertical-align:middle;} .writeForm table tr td .inputPass{width:calc(30% - 40px);} .writeForm table tr td span.password_ch{font-size:14px; color:#666; margin:0 60px 0 40px;} .writeForm table tr td.addr_td{padding:13px 0;} .writeForm table tr td.editor{padding:13px 0;} .writeForm table tr td .addr{width:calc(50% - 40px);} .branchSelect > p{font-size:14px; color:#454545; margin-bottom:10px; font-weight:bold; margin-top:60px;} .branchSelect > p:first-of-type{margin-top:0;} .branchSelect table tr td{overflow:hidden;} .branchSelect table tr td select{border:1px solid #dedede;} .branchSelect table tr td select.selectNum{width:140px;} .branchSelect table tr td label{font-size:14px; margin-right:30px;} .branchSelect table tr td input[type="checkbox"]{width:15px; height:15px; margin:-9px 10px 0 20px;} .branchSelect table tr td input[type="radio"]{width:15px; height:15px; margin-right:10px;} .branchSelect table tr td .spamCode{float:left; width:210px; height:100px; margin:13px 10px 13px 0; background:#fafafa; border:1px solid #e5e5e5; box-sizing:border-box; text-align:center;} .branchSelect table tr td input[type="text"].inputSpam{width:328px; height:48px; margin:13px 0 15px;} .branchSelect table tr td .spamTxt{font-size:14px;} .branchSelect table tr td .spamTxt img{margin-right:10px;} b{font-weight:bold} /* 외국인 유치 */ .e_slide{ position:relative; width:100%; height:520px; margin-top:160px; background:url('/img/okbyun/byun_E_slide_01.jpg') top center; background-size:cover} .e_slide div{ position:relative; width:1200px; height:224px; margin:0 auto; top:177px;} .e_slide div h1{color:#fff; font-size:33px; font-family:'Nanum Myeongjo', serif; letter-spacing:-1px; text-transform:uppercase; margin-bottom:20px;} .e_slide div p{ color:#fff; font-size:19px; font-weight:100; letter-spacing:0.5px; line-height:1.5} .e_jestory{ position:relative; width:1200px; height:265px; margin:0 auto; margin-top:65px; margin-bottom:65px;} .e_jestory .e_jleft{ width:744px; padding-top:45px; float:left; } .e_jestory .e_jleft h1{ font-size:30px; font-weight:400; margin-bottom:20px;} .e_jestory .e_jleft p{ font-size:18px; line-height:2; font-weight:300; width:640px; text-align: justify;} .e_talk{ width:100%; background:#f7f7f7; padding-bottom:60px; padding-top:60px;} .e_talk .e_talkbox{ position:relative; width:790px; height:100px; margin:0 auto; margin-bottom:40px;} .e_talk .e_talkbox li{float:left; } .e_talk .e_talkbox li p{ font-size:23px; font-family:'Nanum Myeongjo', serif; text-align:center; padding-left:50px; padding-right:50px; line-height:1.6} .e_talk .e_talkbox li span{ font-size:40px; font-family:'Nanum Myeongjo', serif; } .e_talk .e_listbox{position:relative; width:743px; height:250px; margin:0 auto; } .e_talk .e_listbox li{float:left; margin-left:35px; } .e_talk .e_listbox li:first-child{margin-left:0px;} .e_talk .e_listbox li p{ font-size:15px; text-align:center; font-weight:300; line-height:1.5} .e_history{position:relative; width:100%; height:700px; background:url('/img/okbyun/english/chim_img.jpg') top center; background-size:cover; } .e_history div{ width:1200px; height:700px; margin:0 auto; } .e_history div img{ width:500px; margin-top:117px; margin-left:20px; float:left; } .e_history div ul{ position:relative; width:650px; height:585px; color:#fff; float:right; margin-top:80px; } .e_history div ul li{ font-size:16px; font-weight:300; line-height:2.1; list-style-type:square; letter-spacing:0.5px;} .e_history div ul li h1{ font-size:24px; font-weight:300; line-height:1.3; margin-left:-20px; letter-spacing:-1px;} .e_history div ul li .e_line{ font-size:17px; font-weight:300; border:3px solid #fff; border-radius:50px; display:inline-block; padding:8px; padding-left:20px; padding-right:20px; text-align:center; margin-top:20px; margin-bottom:20px; margin-left:-20px; } .e_belief{} .e_belief .e_belief_box{ position:relative; width:1200px; height:569px; margin:0 auto; margin-top:90px; } .e_belief .e_bleft{ position:relative; width:750px; height:561px; float:left;} .e_belief .e_bleft h1{ font-size:23px; font-weight:400; margin-bottom:25px; line-height:1.4} .e_belief .e_bleft p{ font-size:18px; line-height:1.8; font-weight:300; width:700px; text-align: justify;} .e_prossece{ position:relative; width:1200px; height:1070px; margin:0 auto; margin-top:60px;} .e_prossece h1{ font-size:25px; font-weight:400; line-height:2} .e_prossece p{ font-size:18px; line-height:1.8; font-weight:300; } .e_prossece ul{ margin-top:40px; } .e_prossece ul li{clear:both;} .e_prossece ul li img{float:left; margin-right:25px;} .e_prossece ul li h1{font-size:19px; width:580px; display:inline-block; font-weight:400; line-height:2.5} .e_prossece ul li p{font-size:15px; text-align: justify; font-weight:200; letter-spacing:0.1px; width:580px; display:inline-block} .e_exam{ position:relative; width:100%; height:970px; background:#eeeeee; margin-top:60px; } .e_exam div{ width:1200px; margin:0 auto; padding-top:50px;} .e_exam div h1{ font-size:26px; font-weight:400;} .e_exam div ul{ margin-top:30px; height:800px;} .e_exam div ul li{width:367px; height:430px; float:left; margin-left:22px; } .e_exam div ul li .cb{clear:both;} .e_exam div ul li h1{ font-size:19px; line-height:1.2; padding-top:20px; padding-bottom:10px;} .e_exam div ul li p{ font-size:15px; text-align: justify; font-weight:200; letter-spacing:0.1px; line-height:1.4} .e_youtub{ position:relative; width:100%; height:450px; background:#f1f1f1; background-size:cover; margin-top:90px; } .e_youtub div{ position:relative; width:1200px; margin:0 auto; color:#424242; } .e_youtub div h1{font-size:30px; font-weight:400; padding-top:70px; margin-bottom:15px} .e_youtub div p{ font-size:20px; font-weight:200; letter-spacing:0.1px; line-height:1.4} .e_youtub div a{ position:absolute; top:95px; right:53px; font-size:20px; color:#424242; font-weight:200; border:2px solid #424242; display:inline-block; padding:8px; padding-left:20px; padding-right:20px; text-align:center; } .e_youtub div a:hover{ opacity:0.7} .e_youtub ul{margin-top:40px;} .e_youtub ul li{ width:350px; float:left; margin-left:30px;} .enko{ position:absolute; display:none; background:#deedb6; right:-17px; padding-top:3px; padding-bottom:5px; } .enko li{line-height:0; text-align:center; padding:15px;} .enko li a{ color:#000;} .enko li a:hover{ font-weight:bold; color:#81b100} #en_click{cursor:pointer; } #en_click:hover{ opacity:0.7} .e_location{ margin-bottom:50px; } .e_location div{ position:relative; width:1200px; margin:0 auto; } .e_location .marp{} .e_location h1{ font-size:30px; font-weight:400; padding-top:50px; margin-bottom:30px } .e_location span{ font-weight:200; width:500px; color:#dcdcdc} .e_location p{ font-size:20px; font-weight:200; letter-spacing:0.1px; line-height:3} /* 옆에 아이콘 */ .lft_ui{ position: fixed; right: 2%; top: 240px; z-index: 3000; background: #fffffff2; padding: 20px 15px; border-radius: 100px; box-shadow: 2px 1px 9px 5px #0000000d; } .lft_ui li{ margin-top:20px; } .lft_ui li:first-child{ margin-top:0px; } .lft_ui li p{ text-align: center; font-size: 17px; font-family: 'Nanum Gothic',나눔고딕; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #303030; line-height:2 } /* 당뇨 페이지 */ .metabolic_01{ position: relative; width: 1140px; margin: 0 auto; } .metabolic_01 .ConTxt_bottom { font-size: 22px; color: #1b1b1b; font-weight: 300; line-height: 2; text-align: center; margin-top: 50px; margin-bottom: 50px; } .metabolic_01 .ConTxt_bottom b{ color:#608111; } .sub_visual .metabolic{ height: 300px; background: url(/img/okbyun/metabolic/sub_diabetes_top.jpg) center top ; } .metabolic_01_ul{ position: relative; width: 979px; height: 303px; margin: 0 auto; } .metabolic_01_ul li{ float: left; margin-left: 42px; } .metabolic_01_ul li:first-child{ margin-left:0px; } .metabolic_01_ul li p{ text-align: center; font-size: 25px; font-weight: bold; background: #007e3e; line-height: 3; color: #fff; } .metabolic_01_jongsang{ position: relative; width: 979px; margin: 0 auto; height: 300px; } .metabolic_01_jongsang h3{ font-size: 27px; font-weight: bold; color: #5a9010; line-height: 2.5; border-bottom: 1px solid; } .metabolic_01_jongsang ul{ padding-top: 15px; } .metabolic_01_jongsang ul li{ font-size:23px; line-height: 2; } .metabolic_01_jongsang ul li b{ font-weight:bold; color:#5a9010; } .metabolic_01_hanwihack{ background: #f4f5ee; text-align: center; padding: 30px 0 30px 0; margin-top: 30px; } .metabolic_01_hanwihack p{ font-size: 20px; line-height: 1.5; } .metabolic_01_hanwihack h2{ font-size: 30px; line-height: 2.5; color: #609626; font-weight: normal; } .metabolic_01_hanwihack h2 b{ font-weight: bold; } .metabolic_02{ position: relative; width: 1174px; margin: 0 auto; } .metabolic_02 img{ width: 1174px; } .metabolic_02 .ConTxt_bottom{ position: relative; margin: 0 auto; font-size: 22px; color: #1b1b1b; font-weight: 300; line-height: 2; text-align: left; margin-top: 50px; margin-bottom: 50px; } .metabolic_02 .metabolic_02_h2{ text-align: center; background: #26915b; color: #fff; line-height: 2; font-size: 30px; font-weight: normal; width: 1100px; margin: 0 auto; } .metabolic_02 .metabolic_02_h1{ font-size: 45px; text-align: center; line-height: 1.5; margin-top: 18px; letter-spacing: -2px; color: #26915b; font-weight: 100; } .metabolic_03{ background: #f4f5ee; margin-top: 100px; } .metabolic_03 .metabolic_03_top{ width: 1176px; margin: 0 auto; position: relative; } .metabolic_03 .metabolic_03_top .metabolic_03_top_txt{ font-size: 35px; text-align: center; } .metabolic_03 .metabolic_03_top .metabolic_03_top_spn{ font-size: 22px; text-align: center; padding: 20px 0 40px; } .metabolic_03 .metabolic_03_top b{ color: #7ba211; } .metabolic_03_top_buga{ border: 2px dashed #9b9b9b; margin: 25px 10px; padding: 20px; } .metabolic_03_top_buga p{ font-size: 20px; text-align: center; line-height: 1.8; } .metabolic_03_top_buga span{ background: #f5e1e1; color: #a21111; font-weight: bold; padding: 0 5px; } .metabolic_03_bottom{ margin-bottom: 50px; } .metabolic_03_bottom h2{ text-align: center; font-size: 30px; line-height: 1.8; font-weight: normal; margin: 50px 0; } .metabolic_03_bottom h2 b{ background: #5ba741; color: #fff; padding: 0 10px; } .metabolic_03_bottom_img{ width: 1174px; margin: 0 auto; position:relative; } .metabolic_03_bottom_img img{ margin-left: 40px; } .metabolic_03_bottom_img .metabolic_03_bottom_txt{ width: 490px; float: right; background: #e2eccf; padding: 25px; margin-top: 80px; margin-right: 30px; } .metabolic_03_bottom_img .metabolic_03_bottom_txt h3{ font-size: 23px; text-align: left; font-weight: bold; color: #528016; letter-spacing: -1px; } .metabolic_03_bottom_img .metabolic_03_bottom_txt p{ font-size: 18px; line-height: 1.5; padding-top: 10px; } .metabolic_03_table{ width: 1174px; margin: 0 auto; position: relative; } .metabolic_03_table h3{ font-size: 27px; line-height: 3; font-weight: normal; margin-left: 20px; } .metabolic_03_table h3 b{ color: #3f6311; } .metabolic_03_table h3 span{ color: #b1cf5b; } .metabolic_03_table table{ width:100%; } .metabolic_03_table table tr{ border-top:1px dotted #c1d194 } .metabolic_03_table table tr:first-child{ border-top:0px; } .metabolic_03_table table th{ padding-bottom:22px; padding-top:22px; padding-right:22px; } .metabolic_03_table table td{ font-size:18px; text-align:left; font-weight:300; line-height:2 } .metabolic_03 .metabolic_02_h2{ text-align: center; background: #70a94d; color: #fff; line-height: 2; font-size: 30px; font-weight: normal; width: 1140px; margin: 0 auto; } .metabolic_03 .metabolic_02_h1{ font-size: 45px; text-align: center; line-height: 1.5; margin-top: 18px; letter-spacing: -3px; color: #3c8b2e; font-weight: 100; padding-bottom: 150px; } .metabolic_04_bg{ background: url('/img/okbyun/metabolic/hulyack_bg.jpg') center center; } .metabolic_04_box{ width: 1174px; margin: 0 auto; position: relative; } .metabolic_04_box h1{ font-size: 30px; color: #fff; text-align: center; padding-top: 100px; padding-bottom: 80px; } .metabolic_04_box h1 b{ color:#ffed5b; } .metabolic_04_box div{ background: #000; height: 250px; margin: 0 auto; } .metabolic_04_box div img{ position: relative; top: -70px; } .metabolic_04_box div h2{ float: right; color: #fff; font-size: 25px; font-weight: normal; line-height: 1.5; left: -130px; position: relative; top: 50px; } .metabolic_04_box div h2 b{ color: #ff5b5b; } .metabolic_04_box span{ font-size: 20px; color: #7b7a7a; font-weight: bold; } .metabolic_04_box div h2 span{ font-size: 18px; top: 10px; position: relative; color: #7b7a7a; } .metabolic_04_box_p{ font-size: 24px; color: #fff; line-height: 2; margin-top: 40px; margin-bottom: 40px; } .metabolic_04_box_p b{ color: #ffed5b; } .metabolic_04_box h3{ text-align: center; font-size: 35px; color: #ffed5b; line-height: 1.5; padding-bottom: 150px; padding-top: 40px; } .intestine05_chirobox{ width: 1174px; margin: 0 auto; padding-top: 40px; height: 400px; overflow: hidden; } .intestine05_chirobox li{ float: left; width: 562px; margin-left: 40px; } .intestine05_chirobox li:first-child{ margin-left: 0px; } .intestine05_chirobox li h2{ text-align: center; background: #007e3e; line-height: 2.5; color: #fff; font-size: 22px; } .intestine05_chirobox li p{ font-size: 20px; padding: 20px 50px; line-height: 1.5; } .intestine05_bottom_txt{ width: 100%; background: #81b256; margin-top: 80px; margin-bottom: 80px; } .intestine05_bottom_txt div { width: 1100px; margin: 0 auto; text-align: left; padding: 42px; } .intestine05_bottom_txt div p{ font-size: 20px; color: #fff; line-height: 1.5; font-weight: 300; letter-spacing: 0.1px; } .intestine05_bottom_txt div p b { color: #384d00; } /* 만성피로 상세페이지 */ .sub_visual .fatigue{ height: 300px; background: url(/img/okbyun/fatigue/sub_pirotop.jpg) center top; } #fatigue01 { position: relative; } #fatigue01 img{ width: 1174px; margin: 0 auto; } #fatigue01 h2{ font-size: 48px; font-weight: 300; text-align: center; padding-top: 5px; } #fatigue01 h2 span{ background: #4fa31e; font-weight: 500; color: #fff; padding-left: 8px; padding-right: 8px; } .fatigue01_txt{ position: relative; width: 100%; height: 320px; background: #f4f5ee; margin-top: 80px; margin-bottom: 50px; } .fatigue01_txt div { width: 1130px; margin: 0 auto; } .fatigue01_txt div h1 { font-size: 25px; color: #1d1d1d; font-weight: 300; padding-top: 70px; padding-bottom: 27px; } .fatigue01_txt div h1 b{ color:#609626; } .fatigue01_txt div .brain01_bottom_conline { color: #000; width: 1150px; display: block; } .fatigue01_txt div p { font-size: 23px; line-height: 2; font-weight: 300; padding-top: 20px; } #fatigue02{ } #fatigue02 h2{ width: 1100px; text-align: center; background: #9dbd47; color: #fff; margin: 0 auto; font-size: 28px; line-height: 2; font-weight: normal; } #fatigue02_list table th{ padding-top: 15px!important; padding-right: 5px!important; } #fatigue02_list table td{ width: 500px!important; font-size: 18px!important; } .fatigue02_list_bottom h2 { font-size: 28px; font-weight: 300; line-height: 1.5; } .fatigue02_list_bottom h2 b{ color: #5b7d05; } .fatigue02_list_bottom{ margin-top: 80px; background: #f7f7f7; padding: 60px; } .fatigue03_txt{ font-size: 22px; color: #1b1b1b; font-weight: 300; line-height: 2; text-align: center; margin-top: 50px; margin-bottom: 50px; } .fatigue03_txt b{ color: #609626; } .intestine05_chirobox{ height: 450px; } #fatigue03{ background:#f4f5ee; } #fatigue03 li p{ padding: 20px 20px } #fatigue03 li span{ font-size: 13px; color: #1c7b4a; } #fatigue03_ul{ height: 470px; } #fatigue03_ul .fatigue03_ulli img{ border: 3px solid #ffd024; width: 555px; } #fatigue03 h3{ font-size: 33px; font-weight: 300; line-height: 1.5; } #fatigue03 h3 span { background: #4fa31e; font-weight: 500; color: #fff; padding-left: 8px; padding-right: 8px; } #fatigue04 { margin-top: 70px; } #fatigue04 .fatigue04_bg{ background: url(/img/okbyun/fatigue/jangnusubg.jpg) center center; } #fatigue04 .fatigue04_top{ font-size: 22px; color: #fff; font-weight: 300; line-height: 2; position: relative; width: 1184px; margin: 0 auto; text-align: unset; } #fatigue04 .fatigue04_top b{ color: #ffed5b; } #fatigue04 h3{ font-size: 28px; text-align: center; padding: 70px 0; font-weight: normal; color: #fff; padding-bottom: 150px; } #fatigue04 h3 b{ color: #ffed5b; } .jangpirowonin_img{ width: 1170px; margin: 100px 0 50px; border: 5px solid #fff; } .fatigue05_list{ overflow: hidden; width: 1200px; margin: 0 auto; margin-top: 50px; } .fatigue05_list li{ position: relative; width: 1197px; height: 209px; clear: both; margin-bottom: 22px; } .fatigue05_list li .fatigue05_list_left{ float: left; width: 367px; } .fatigue05_list li .fatigue05_list_right { float: left; width: 828px; height: 209px; background: #f1f0ee; text-align: left; } .fatigue05_list li .fatigue05_list_right h2{ font-size: 27px; color: #427413; letter-spacing: -1.7px; margin-top: 50px; margin-left: 40px; } .fatigue05_list li .fatigue05_list_right p{ font-size: 20px; padding: 40px; padding-top: 25px; line-height: 1.5; } .fatigue05_hanyack{ height: 268px!important; } .fatigue05_hanyack .fatigue05_list_right{ height: 268px!important; } .fatigue05_bottom_txt{ width: 100%; background: #81b256; margin-top: 30px; margin-bottom: 80px; } .fatigue05_bottom_txt div { width: 1150px; margin: 0 auto; text-align: left; padding: 42px; } .fatigue05_bottom_txt div p { font-size: 22px; color: #fff; line-height: 1.8; font-weight: 300; letter-spacing: 0.1px; } .fatigue05_bottom_txt p b { color: #384d00; } /* 기능성 소화불량 첩약 */ .chubyock{ padding: 10px; margin: 0 auto; width: 1200px; text-align: center; margin-bottom: 90px; } /* padding: 10px; margin-top: 90px; */ .chubyock h2{ font-size: 55px; letter-spacing: -3px; font-weight: bold; line-height: 1.2; font-family: 'GmarketSansMedium'; } .chubyock h2 span{ color:#579c1a; } .chubyock p{ font-size: 32px; letter-spacing: -3px; line-height: 1.5; padding-top: 20px; padding-bottom: 50px; font-family: 'GmarketSansMedium'; color: #2b2b2b; } .chubyock a{ background: #101010; padding: 15px 300px; border-radius: 70px; color: #fff; font-size: 25px; font-family: 'GmarketSansMedium'; } .chubyock a:hover{ background: #579c1a; } /* 비만 */ .sub_visual .obesity{ background: url(/img/okbyun/obesity/sub_obesity_top.jpg) center top; height: 300px; }