@charset "utf-8"; h3:before{display: none;} .ico-new {display:inline-block;margin:-3px 0 0 5px;font-size:11px;color:#fff;font-family:'TitilliumWeb';background:#FF6633;border-radius:2px;line-height:1;vertical-align:middle;padding:3px 4px 2px;} b{font-weight:normal;} input:focus {outline:2px solid #333 !important;} #resource .bg_gr{background-color:#F6F9FA;} /* 2ver_board에 들어있는 스타일 */ .form-inline{display:flex;flex-flow:row wrap;align-items:center} .form-inline .form-check{width:100%} .tab-txt {margin-bottom:30px;} .tab-txt ul {display:table;width:100%;table-layout:fixed;background:#f9f9f9;} .tab-txt li {display:table-cell;min-width:20%;vertical-align:middle !important;} .tab-txt a {position:relative;display:block;padding:15px 35px 15px 15px ;font-size:16px;color:#666;border:1px solid #ccc;border-right:none;} .tab-txt.fs1 a {font-size:14px;} .tab-txt li:last-child a {border-right:1px solid #ccc;} .tab-txt li a:hover {background-color:#fff;color:#002870;transition:0.2s;} .tab-txt li a.on {background-color:#fff;color:#0063D9;border:2px solid #0063D9;} .tab-txt li a.on:after {content:"+";display:inline-block;font-size:24px;position:absolute;right:15px;top: 50%;transform: translateY(-50%);} @media (max-width:1023px){ #body-content > div.search-option{padding:10px;} .tab-txt.fs1 ul {display:table;} .tab-txt li {display: block;} .tab-txt a {font-size:14px;border-right:1px solid #ccc;border-bottom:none;} .tab-txt li:last-child a {border-bottom:1px solid #ccc;} .tab-txt li:last-child a.on {border-bottom:2px solid #0063D9} .tab-txt.fs1 a {font-size:13px;} } @media (min-width:778px){ .form-inline label{display:flex;margin-bottom:0;align-items:center;justify-content:center;margin-right:.5rem} .form-inline .form-group{display:flex;margin-bottom:0;flex:0 0 auto;flex-flow:row wrap;align-items:center} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle; margin-right:.25rem} .form-inline .form-control-plaintext{display:inline-block} .form-inline .tv-select,.form-inline .input-group{width:auto} .form-inline .form-check{display:flex;width:auto;padding-left:0;align-items:center;justify-content:center} .form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0} .form-inline .custom-control{align-items:center;justify-content:center} .form-inline .custom-control-label{margin-bottom:0} } .form-group {margin-bottom:1rem} .form-control{font-size:0.875rem;display:block;width:100%;height:40px/*calc(2.75rem + 2px)*/;padding:6px 12px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;border-radius:3px;background-color:#fff;background-clip:padding-box;box-shadow:none} .form-control::-ms-expand{border:0;background-color:transparent} .form-control::placeholder{opacity:1;color:#ccc} .form-control:-ms-input-placeholder{opacity:1;color:#ccc} .form-control::-ms-input-placeholder{opacity:1;color:#ccc} .form-control:focus {border-color:#5050D2;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 2px 6px rgba(80,80,210,.2);color:#768395;background-color:#fff;} select.form-control:focus::-ms-value {color:#768395;background-color:#fff} .form-control:focus:-ms-input-placeholder{color:#ccc} .form-control:focus::-ms-input-placeholder{color:#ccc} .form-control:focus::placeholder{color:#ccc} .form-control:disabled,.form-control[readonly]{opacity:1;background-color:#e9ecef} .form-control-file,.form-control-range{display:block;width:100%} .form-control-plaintext{line-height:1.5;display:block;width:100%;margin-bottom:0;padding-top:.625rem;padding-bottom:.625rem;color:#525f7f;border:solid transparent;border-width:1px 0;background-color:transparent} .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0} .form-control-sm{font-size:.875rem;line-height:1.5;height:35px;padding:.25rem .5rem;border-radius:.25rem} .form-control-lg{font-size:1.25rem;line-height:1.5;height:calc(3.625rem + 2px);padding:.875rem 1rem;border-radius:.4375rem} select.form-control[multiple], select.form-control[size]{height:auto} textarea.form-control{height:auto;min-height:100px;} .form-control-label {width:160px;padding-left:15px;padding-right:15px;} .form-control-label em {color:#FF6666 !important;} .form-control-label:focus{border-color:#5050D2} .form-control-body {width:calc(100% - 160px);padding-left:15px;padding-right:0;line-height: 48px;} .focused .input-group-text, .focused .form-control{border-color:#5050D2} @media screen and (prefers-reduced-motion:reduce){ .form-control{transition:none} } .form-control-muted{border-color:#f7fafe;background-color:#f7fafe;box-shadow:none} .form-control-muted:focus{background-color:#fcfdff} .form-control-alternative{transition:box-shadow .15s ease;border:0;box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)} .form-control-alternative:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)} .form-control-lg{font-size:1rem} select.w400, input.w400 {width:400px !important;} /*스크롤바*/ #body-content *::-webkit-scrollbar{border-radius: 10px; width: 10px; background-color: #ffcc00;} #body-content *::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#cccccc;} #body-content *::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);} #body-content *::-webkit-scrollbar-button{display: none;} /*h 태그*/ h4{font-size:29px; color:#374259; position: relative; font-weight:700; margin:30px 0 20px 0;background:none; padding:0;} h4:before{content:''; display: block; width:30px; border-top:2px solid #374259; position: relative; top:-5px;} .input-checkbox {position:relative;display:inline-block;} .input-checkbox input[type="checkbox"] {display: none;} .input-checkbox input[type="checkbox"] + label {margin-right:8px;} .input-checkbox input[type="checkbox"] + label::before, .input-checkbox input[type="checkbox"]:checked + label::before {content:"";display:inline-block;width:16px;height:16px;border:2px solid #999;border-radius:2px;vertical-align:middle;margin:1px 5px 3px 0;transition:all 0.2s ease-out;} .input-checkbox input[type="checkbox"] + label::after, .input-checkbox input[type="checkbox"]:checked + label::after {content:"\f00c";font-family:FontAwesome;position:absolute;left:3px;top:7px;font-size:10px;color:#999;transition:all 0.2s ease-out;} .input-checkbox input[type="checkbox"]:checked + label::before {border-color:#595ad5;} .input-checkbox input[type="checkbox"]:checked + label::after {color:#595ad5;} .input-radio {position:relative;display:inline-block;} .input-radio input[type="radio"] {display: none;} .input-radio input[type="radio"] + label {margin-right:8px;} .input-radio input[type="radio"] + label::before, .input-radio input[type="radio"]:checked + label::before {content:'';display:inline-block;width:16px;height:16px;line-height:12px;background:#fff;border:2px solid #999;border-radius:50%;vertical-align:middle;margin:1px 5px 3px 0;cursor:pointer} .input-radio input[type="radio"]:checked + label::after {content:"";position:absolute;left:5px;top:50%;margin-top:-2px;display:inline-block;width:6px;height:6px;background:#999;transition:all 0.2s ease-out;border-radius:50%;} /*페이징*/ .board-paging {text-align:center;line-height: 1.2;margin:30px 0;} .board-paging a, .board-paging a.on {display:inline-block;font-size:11px;padding:0;min-width:36px;height:36px;line-height:36px;margin:0;text-decoration:none;font-weight: normal;vertical-align: middle;} .board-paging a {color:#516B7B;border:1px solid #ccc;} .board-paging a.on {color:#fff;background:#516B7B;border:1px solid #516B7B;} .board-paging a.first, .board-paging a.last, .board-paging a.prev, .board-paging a.next {border:none;} .board-paging a:hover, .board-paging a:focus {background-color: #f5f5f5;} .board-paging a.on:hover, .board-paging a.on:focus {background-color: #516B7B;} .board-paging a span {font-size:0;text-indent:-200%;} .board-paging a i {font-size:16px;line-height:36px;} /* paging2 */ .paging a {color:#777;border:1px solid #ddd;background:#fff;} .paging strong {color:#fff;background:#0087D9;border:1px solid #0087D9;} .paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:30px;height:30px;padding:0;border:1px solid #ddd;background:#fff;} .paging a:hover, .paging a:focus {background-color: #f5f5f5;} .paging a span {font-size:0;text-indent:-200%;} .paging a i {font-size:14px;line-height:28px;} /*한의약세계추진화사업*/ @font-face { font-family: 'kbM'; font-weight: 700; src: url(../font/KBIZmjoB.eot); src: url(../font/KBIZmjoB.eot?#iefix) format('embedded-opentype'), url(../font/KBIZmjoB.woff) format('woff'), url(../font/KBIZmjoB.ttf) format('truetype'); } /* strong{font-weight:normal;} */ .txt-br{display: block;} .txt_p{padding:15px 15px 15px 70px; background:rgba(255,255,255,0.3) url(../img/finger.png)no-repeat 15px 15px; margin-top:25px; font-size: 17px;} i{font-style: normal;} #medi-tab{font-size:20px; margin-bottom:40px; padding-top:40px;} #medi-tab li{width:33.3333%; float:left; position: relative;} #medi-tab li:after{content:''; display: block; border-right:1px solid #cccccc; height:16px; position: absolute; right:0; top:50%; transform:translateY(-50%);} #medi-tab li:last-child:after{display: none;} #medi-tab li a{display: block; line-height:60px; color:#666666; border-bottom:1px solid #cccccc; text-align: center; position: relative;} #medi-tab li a.on{color:#2A4F81;} #medi-tab li a.on:before{content:''; width:100%; position: absolute; height:3px; background-color: #2A4F81; bottom:-1.5px; left:0;} #heard{padding:60px; background-color: #fff; background:url(../img/sub_bg.png) 0% 0%; position: relative; margin-bottom:40px;} #heard:before{content:''; display: block; position: absolute; width:667px; height:609px; background:url(../img/medi_bg.png)no-repeat 50% 50%;; right:0; top:10px; background-size:100%;} #heard h2{font-family:'kbM',sans-serif; font-size: 60px; margin: 0; color:#374259; position: relative;} /*#heard h2:after{content:''; display: block; width:6px; height:150px; position: absolute; left:-63px; top:5px; background:url(../img/color_bar.png)no-repeat 0 0;}*/ #heard h3{font-size:28px; padding-left:40px; background:url(../img/h3_icn.png)no-repeat 0px 50%; font-family:'kbM',sans-serif; color:#333333; margin: 0 0 30px 0;} #heard h3:before{display: none;} #heard .heard-notice{font-size:15px; line-height: 25px; margin:25px 0; letter-spacing:-1px;} #heard .heard-notice em{display: block;} #heard > div{margin:60px 0;} #heard > div:last-child{margin-bottom:0;} #heard .cont2 ul{margin:0 -20px;} #heard .cont2 li{width:calc(33.33% - 40px); float:left; margin:0 20px; padding-top:calc(20% - 60px); position: relative;} #heard .cont2 li div{position: absolute; width:100%; height:100%; left:0; top:0; padding:30px;} #heard .cont2 li{background-color:#ffffff; text-align: center; border-radius:10px;} #heard .cont2 span{font-size: 17px; display: block;} #heard .cont2 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/ex_icn06.png)no-repeat 50% 50%; margin:0 auto;} #heard .cont2 li:nth-child(2) span:before{background-image: url(../img/ex_icn07.png);width:120px} #heard .cont2 li:nth-child(3) span:before{background-image: url(../img/ex_icn08.png);} #heard .cont2 li:nth-child(4) span:before{background-image: url(../img/ex_icn04.png);} #heard .cont2 li:nth-child(5) span:before{background-image: url(../img/ex_icn05.png);} #heard .cont2 em{font-size: 30px; font-weight:700; display: block; color:#2A4F81;} #heard .cont2 span i{font-size:16px;} #heard .cont3 ul{} #heard .cont3 li{width:calc(100%/7); float:left; background-color:rgba(1,122,194,0.15); padding-top:14.28%; position: relative; border-radius:50%; margin-left:-10px;} #heard .cont3 li:first-child{margin:0;} #heard .cont3 li div{position: absolute; left:0; top:0; width:100%; height:100%; text-align: center; color:#ffffff; padding:35px;} #heard .cont3 li span{font-size: 17px; display: block; line-height:17px; color:#0A1C58;} #heard .cont3 li em{font-size:30px; display: block; line-height: 20px; color:#374259;} #heard .cont3 li em:before{content:''; display: block; width:70px; height:70px; background:url(../img/use_icn01.png)no-repeat 50% 50%; margin:0 auto;} #heard .cont3 li:nth-child(2) em:before{background-image: url(../img/use_icn02.png);} #heard .cont3 li:nth-child(3) em:before{background-image: url(../img/use_icn03.png);} #heard .cont3 li:nth-child(4) em:before{background-image: url(../img/use_icn04.png);} #heard .cont3 li:nth-child(5) em:before{background-image: url(../img/use_icn05.png);} #heard .cont3 li:nth-child(6) em:before{background-image: url(../img/use_icn06.png);} #heard .cont3 li:nth-child(7) em:before{background-image: url(../img/use_icn07.png);} #heard .cont3 li i{font-size:16px;} #heard .cont4 li{width:25%; float:left; margin-bottom:30px; padding:15px 15px 15px 105px; position: relative; height:90px;} #heard .cont4 li .icn-frame{width:90px; height:90px; background:rgba(0,0,0,0.1) url(../img/care_icn01.png)no-repeat 50% 50%; position: absolute; left:0; top:0; border-radius:50%;} #heard .cont4 li:nth-child(2) .icn-frame{background-image: url(../img/care_icn03.png);} #heard .cont4 li:nth-child(3) .icn-frame{background-image: url(../img/care_icn02.png);} #heard .cont4 li:nth-child(4) .icn-frame{background-image: url(../img/care_icn04.png);} #heard .cont4 li:nth-child(5) .icn-frame{background-image: url(../img/care_icn05.png);} #heard .cont4 li:nth-child(6) .icn-frame{background-image: url(../img/care_icn06.png);} #heard .cont4 li:nth-child(7) .icn-frame{background-image: url(../img/care_icn07.png);} #heard .cont4 li:nth-child(8) .icn-frame{background-image: url(../img/care_icn08.png);} #heard .cont4 li span{display: block; font-size: 17px;} #heard .cont4 li em{font-size:30px; line-height:32px; color:#374259;} #heard .cont4 li i{font-size:16px;} #heard .cont ul{margin:0 -20px;} #heard .cont li{width:calc(50% - 40px); margin:0 20px; float:left; margin-bottom: 30px;} #heard .cont .icn-frame{width:150px; height:150px; border-radius:50%; float:left; background:rgba(0,0,0,0.1); text-align: center; color:#ffffff; padding:20px;} #heard .cont .icn-frame:before{content:''; display: block; width:70px; height:70px; margin:0 auto; background:url(../img/care_icn01.png)no-repeat 50% 50%;} #heard .cont .icn-frame em{display: block; font-size:17px; line-height:20px; margin-top: -5px; font-weight: 300; color:#374259;} #heard .cont li:nth-child(2) .icn-frame:before{background-image:url(../img/care_icn04.png);} #heard .cont li:nth-child(3) .icn-frame:before{background-image:url(../img/care_icn02.png);} #heard .cont li:nth-child(4) .icn-frame:before{background-image:url(../img/care_icn03.png);} #heard .cont li:nth-child(5) .icn-frame:before{background-image:url(../img/care_icn07.png);} #heard .cont li:nth-child(6) .icn-frame:before{background-image:url(../img/care_icn05.png);} #heard .cont li:nth-child(7) .icn-frame:before{background-image:url(../img/care_icn06.png);} #heard .cont li:nth-child(8) .icn-frame:before{background-image:url(../img/care_icn08.png);} #heard .cont .graph{width:calc(100% - 170px); float:left; margin-left:20px; padding:10px 0;} #heard .cont .graph em{font-size:17px; display: block; margin-bottom:5px; position: relative;} #heard .cont .graph i{position: absolute; right:0; bottom:0; font-size:25px; color:#374259; line-height: 27px;} #heard .cont .graph i:after{content:'%'; display: inline-block; font-size:16px;} #heard .cont .graph span{display: block;height:15px; width:100%; position: relative;} #heard .cont .graph span:before{content:''; display: block; width:100%; height:15px; border-radius:20px; background-color:rgba(0,0,0,0.1); position: absolute; top:0; left:0;} #heard .cont .graph span:after{content:''; display: block; width:90%; height:15px; border-radius:20px; background-color:#017AC2; position: absolute; top:0; left:0;} #heard .cont .graph .effect{margin-top:10px;} #heard .cont .graph .effect span:after{background-color:#339999;} #heard .cont6 .icn-frame:before{content:''; display: block; width:70px; height:70px; margin:0 auto; background:url(../img/care_icn01.png)no-repeat 50% 50%;} #heard .cont6 li:nth-child(2) .icn-frame:before{background-image:url(../img/care_icn03.png);} #heard .cont6 li:nth-child(3) .icn-frame:before{background-image:url(../img/care_icn02.png);} #heard .cont6 li:nth-child(4) .icn-frame:before{background-image:url(../img/care_icn07.png);} #heard .cont6 li:nth-child(5) .icn-frame:before{background-image:url(../img/care_icn06.png);} #heard .cont6 li:nth-child(6) .icn-frame:before{background-image:url(../img/care_icn05.png);} #heard .cont6 li:nth-child(7) .icn-frame:before{background-image:url(../img/care_icn04.png);} #heard .cont6 li:nth-child(8) .icn-frame:before{background-image:url(../img/care_icn08.png);} #heard .cont5 li:nth-child(1) .use span:after{width:93.5%;} #heard .cont5 li:nth-child(1) .effect span:after{width:97%} #heard .cont5 li:nth-child(2) .use span:after{width:51.5%;} #heard .cont5 li:nth-child(2) .effect span:after{width:96%} #heard .cont5 li:nth-child(3) .use span:after{width:49.3%;} #heard .cont5 li:nth-child(3) .effect span:after{width:92.9%} #heard .cont5 li:nth-child(4) .use span:after{width:48%;} #heard .cont5 li:nth-child(4) .effect span:after{width:96.4%} #heard .cont5 li:nth-child(5) .use span:after{width:22.1%;} #heard .cont5 li:nth-child(5) .effect span:after{width:98.4%} #heard .cont5 li:nth-child(6) .use span:after{width:16.6%;} #heard .cont5 li:nth-child(6) .effect span:after{width:93.1%} #heard .cont5 li:nth-child(7) .use span:after{width:16.4%;} #heard .cont5 li:nth-child(7) .effect span:after{width:91.1%} #heard .cont5 li:nth-child(8) .use span:after{width:10.2%;} #heard .cont5 li:nth-child(8) .effect span:after{width:99%} #heard .cont6 li:nth-child(1) .use span:after{width:97.8%;} #heard .cont6 li:nth-child(1) .effect span:after{width:97.2%} #heard .cont6 li:nth-child(2) .use span:after{width:72.9%;} #heard .cont6 li:nth-child(2) .effect span:after{width:94%} #heard .cont6 li:nth-child(3) .use span:after{width:70.9%;} #heard .cont6 li:nth-child(3) .effect span:after{width:89.3%} #heard .cont6 li:nth-child(4) .use span:after{width:65.4%;} #heard .cont6 li:nth-child(4) .effect span:after{width:95.5%} #heard .cont6 li:nth-child(5) .use span:after{width:39%;} #heard .cont6 li:nth-child(5) .effect span:after{width:93.1%} #heard .cont6 li:nth-child(6) .use span:after{width:49%;} #heard .cont6 li:nth-child(6) .effect span:after{width:95.4%} #heard .cont6 li:nth-child(7) .use span:after{width:58.1%;} #heard .cont6 li:nth-child(7) .effect span:after{width:95.9%} #heard .cont6 li:nth-child(8) .use span:after{width:25.4%;} #heard .cont6 li:nth-child(8) .effect span:after{width:95.6%} @media only screen and (max-width:1256px){ #heard:before{width:333.5px; height:304.5px; top:50px;} #heard .cont2 li{width:calc(33.3333% - 40px); padding-top:calc(33.3333% - 40px); margin:0 20px; margin-bottom:40px;} #heard .cont2 li div{padding:50px;} #heard .cont3 li{width:calc(100%/4); padding-top:25%; transform:translateY(-20px);} #heard .cont3 li div{padding:50px 0;} #heard .cont3 li:nth-child(5){margin-left:0;} #heard .cont3 li:nth-child(n+5){margin-top:-10px;} #heard .cont4 li{width:33.3333%;} #heard .cont4 li span{line-height: 20px;} } @media only screen and (max-width:1023px){ #medi-tab li a{font-size:14px;} #heard .cont2 li{width:calc(33.3333% - 20px); padding-top:calc(33.3333% - 20px); margin:0 10px; margin-bottom: 20px; } #heard .cont2 li div{padding:30px;} #heard .cont2 em{line-height:30px;} #heard .cont3 li{margin-left:-5px;} #heard .cont3 li span{font-size:15px; letter-spacing:-1px;} #heard .cont3 li div{padding:20px 0;} #heard .cont3 li:nth-child(n+5){margin-top:-5px;} #heard .cont4 li{width:50%;} #heard .cont2 em, #heard .cont3 li em, #heard .cont4 li em{font-size: 25px;} #heard .cont ul{margin: 0;} #heard .cont li{width:100%; margin:0 0 10px 0;} } @media only screen and (max-width:767px){ .txt-br{display: inline;} #medi-tab{margin-bottom:0;} #medi-tab li{width:100%; float:none;} #medi-tab li:after{display: none;} #medi-tab li a{line-height:40px; border-top:1px solid #cccccc; margin-top:-1px;} #medi-tab li a.on{background-color: #beac83; color:#fff;border:none;} #medi-tab li a.on:before{display: none;} .body-head{font-size:27px; padding:30px 0;} #medi-tab{padding:0;} #heard{padding:10px; margin:0;} #heard h2{text-align: center;} #heard:before{width:283px; top:0; position: relative; left:0; right:0; margin:0 auto;} #heard .heard-notice{font-size:13px; text-align: center; color:#878787;} .txt_p{background:rgba(255,255,255,0.3); padding:10px; letter-spacing:-0.5px; font-size: 14px;} #heard .cont2 ul{margin:0 -10px} #heard .cont2 li div{padding:15%;} #heard .cont3 li{width:calc(100%/3); padding-top:33.3333%;} #heard .cont3 li div{padding: 25% 0;} #heard .cont3 li:nth-child(n+4){margin-top:-5px;} #heard .cont .icn-frame{padding:3%; width:130px; height:130px;} #heard .cont .icn-frame em{font-size: 14px; line-height:16px;} #heard .cont .graph{width:calc(100% - 140px); margin-left:10px;} #heard .cont .graph em{font-size: 15px;} #heard .cont .graph i{font-size: 20px;} } @media only screen and (max-width:576px){/*mobile*/ #heard h2{font-size:35px;} #heard h3{font-size:22px;} #heard .cont2 ul{margin:0 -5px;} #heard .cont2 span:before{width:45px; height:45px; background-size:100%;} #heard .cont2 em, #heard .cont3 li em, #heard .cont4 li em{font-size:20px;} #heard .cont2 li div{padding:25%;} #heard .cont2 ul li{width:calc(50% - 10px); padding-top:calc(50% - 10px); margin:0 5px; margin-bottom:10px;} #heard .cont2 span{font-size:14px;} #heard .cont3 li{width:calc(100%/2); padding-top:50%;} #heard .cont3 li:nth-child(n+3){margin-top:-5px;} #heard .cont4 li{text-align: center; padding:100px 15px 15px 15px; height:auto; margin:0;} #heard .cont4 li span{font-size: 16px;} #heard .cont4 li .icn-frame{left:50%; transform:translateX(-50%);} } /*한방의료,어떻게 알고계시나요?*/ #km-about{padding:60px; background-color: #fff; background:url(../img/sub_bg.png) 0% 0%; position: relative;margin-bottom:40px;} #km-about:before{content:''; display: block; position: absolute; width:759px; height:383px; background:url(../img/bg02.png)no-repeat 50% 50%;; right:30px; top:70px;} #km-about h2{font-family:'kbM',sans-serif; font-size: 60px; margin: 0; color:#333333; position: relative;} /*#km-about h2:after{content:''; display: block; width:6px; height:150px; position: absolute; left:-63px; top:5px; background:url(../img/color_bar.png)no-repeat 0 0;}*/ #km-about h3{font-size:28px; padding-left:40px; background:url(../img/h3_icn.png)no-repeat 0px 50%; font-family:'kbM',sans-serif; color:#374259; margin: 0 0 30px 0;} #km-about h3:before{display: none;} #km-about .km-about-notice{font-size:15px; line-height: 25px; margin:25px 0; letter-spacing:-1px;} #km-about .km-about-notice em{display: block;} #km-about > div{margin:60px 0;} #km-about > div:last-child{margin-bottom:0;} #km-about .cont1 > div{width:calc(50% - 30px); margin:0 15px; float:left;} #km-about .cont1 .cont > div{background-color: #fff; height:400px; position: relative; padding:30px;} #km-about .cont1 .cont em{font-size: 17px; display: block; margin-bottom: 20px;} #km-about .cont1 .cont div > span{display: block; width:100%; padding:10px 0 ; text-align: center; background:#F6F7F8; position: absolute; bottom:0; left:0; font-size:21px;} #km-about .cont1 .cont div > span:before{content:''; display: block; width:45px; height:110px; background:url(../img/hand_not.png)no-repeat; position: absolute; bottom:0; left:50%; margin-left:-150px;} #km-about .cont1 .cont div > span i{display: inline-block; font-size:27px; color:#688020;} #km-about .cont1 .cont div > span i:after{content:'%'; display: inline-block; font-size: 16px;} #km-about .cont1 .cont div div{text-align: center;} #km-about .cont1 .cont li{} #km-about .cont1 .cont li:after{content:''; display: block; clear:both;} #km-about .cont1 .cont li p{width:50%; float:left; text-align:right;padding-right:10px; font-size: 15px;} #km-about .cont1 .cont li:first-child p{font-size:17px; padding-top:5px;} #km-about .cont1 .cont li span{display: block; width:50%; float:left;} #km-about .cont1 .cont li span:before{content:''; display:inline-block; width:calc(100% - 110px); height:14px; background-color:#017AC2; vertical-align:middle; border-radius:30px; margin-right:10px;} #km-about .cont1 .cont li:nth-child(2) span:before{width:29.1%;} #km-about .cont1 .cont li:nth-child(3) span:before{width:22.9%;} #km-about .cont1 .cont li:nth-child(4) span:before{width:8.3%;} #km-about .cont1 .cont li:nth-child(5) span:before{width:1.6%;} #km-about .cont1 .cont li:nth-child(6) span:before{width:1.2%;} #km-about .cont1 .cont li:nth-child(7) span:before{width:0.7%;} #km-about .cont1 .cont li:nth-child(8) span:before{width:0.1%;} #km-about .cont1 .cont li span i{font-size: 19px; color:#7C6252; vertical-align:middle;} #km-about .cont1 .cont li:first-child span i{font-size:25px;} #km-about .cont1 .cont li span i:after{content:'%'; display: inline-block; font-size: 16px;} #km-about .cont1 .cont.cont1-2 div > span:before{margin-left:-180px;} #km-about .cont1 .cont.cont1-2 li:nth-child(1) span:before{width:68.6%;} #km-about .cont1 .cont.cont1-2 li:nth-child(2) span:before{width:58.5%;} #km-about .cont1 .cont.cont1-2 li:nth-child(3) span:before{width:36.8%;} #km-about .cont1 .cont.cont1-2 li:nth-child(4) span:before{width:33.5%;} #km-about .cont1 .cont.cont1-2 li:nth-child(5) span:before{width:28.7%;} #km-about .cont1 .cont.cont1-2 li:nth-child(6) span:before{width:22.4%;} #km-about .cont1 .cont.cont1-2 li:nth-child(7) span:before{width:14.0%;} #km-about .cont1 .cont.cont1-2 li:nth-child(8) span:before{width:13.5%;} #km-about .cont2 div{text-align: center;} #km-about .cont3 ul{margin:0 -40px;} #km-about .cont3 li{width:calc(20% - 80px); float:left; margin:0 40px; position: relative;} #km-about .cont3 li div{padding-top:100%; border-radius:50%; background-color:#ffffff; position: relative;} #km-about .cont3 span{font-size:30px; display: block; position: absolute; width:100%; height:100%; left:0; top:0; text-align: center; padding:30px; line-height: 30px; color:#374259;} #km-about .cont3 span i{content:'%'; display: inline-block; font-size: 16px;} #km-about .cont3 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/need_icn04.png)no-repeat 50% 50%; margin:0 auto;} #km-about .cont3 li:nth-child(2) span:before{background-image: url(../img/need_icn02.png);} #km-about .cont3 li:nth-child(3) span:before{background-image: url(../img/need_icn03.png);} #km-about .cont3 li:nth-child(4) span:before{background-image: url(../img/insure_ico01.png);} #km-about .cont3 li:nth-child(5) span:before{background-image: url(../img/insure_ico02.png);} #km-about .cont3 li:nth-child(6) span:before{background-image: url(../img/insure_ico03.png);} #km-about .cont3 li:nth-child(7) span:before{background-image: url(../img/need_icn07.png);} #km-about .cont3 em{font-size: 17px; color:#46372F; display: block; margin-top: 15px; text-align: center;} #km-about .cont4 ul{margin:0 -10px;} #km-about .cont4 li{width:calc(14.285% - 20px); float:left; margin:0 10px; position: relative;} #km-about .cont4 li div{padding-top:100%; border-radius:50%; background-color:#ffffff; position: relative;} #km-about .cont4 span{font-size:30px; display: block; position: absolute; width:100%; height:100%; left:0; top:0; text-align: center; padding:30px; line-height: 30px; color:#374259;} #km-about .cont4 span i{content:'%'; display: inline-block; font-size: 16px;} #km-about .cont4 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/need_icn01.png)no-repeat 50% 50%; margin:0 auto;} #km-about .cont4 li:nth-child(2) span:before{background-image: url(../img/need_icn02.png);} #km-about .cont4 li:nth-child(3) span:before{background-image: url(../img/need_icn05.png);} #km-about .cont4 li:nth-child(4) span:before{background-image: url(../img/need_icn04.png);} #km-about .cont4 li:nth-child(5) span:before{background-image: url(../img/need_icn03.png);} #km-about .cont4 li:nth-child(6) span:before{background-image: url(../img/need_icn06.png);} #km-about .cont4 li:nth-child(7) span:before{background-image: url(../img/need_icn07.png);} #km-about .cont4 em{font-size: 17px; color:#46372F; display: block; margin-top: 15px; text-align: center;} #km-about .cont5 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/useful_icon01.png)no-repeat 50% 50%; margin:0 auto;} #km-about .cont5 li:nth-child(2) span:before{background-image: url(../img/useful_icon02.png);} #km-about .cont5 li:nth-child(3) span:before{background-image: url(../img/useful_icon03.png);} #km-about .cont5 li:nth-child(4) span:before{background-image: url(../img/useful_icon04.png);} #km-about .cont5 li:nth-child(5) span:before{background-image: url(../img/useful_icon05.png);} #km-about .cont5 li:nth-child(6) span:before{background-image: url(../img/useful_icon06.png);} #km-about .cont5 li:nth-child(7) span:before{background-image: url(../img/useful_icon07.png);} #km-about .cont5 li:nth-child(8) span:before{background-image: url(../img/useful_icon08.png);} #km-about .cont6 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/useful_icon01.png)no-repeat 50% 50%; margin:0 auto;} #km-about .cont6 li:nth-child(2) span:before{background-image: url(../img/useful_icon02.png);} #km-about .cont6 li:nth-child(3) span:before{background-image: url(../img/useful_icon03.png);} #km-about .cont6 li:nth-child(4) span:before{background-image: url(../img/useful_icon04.png);} #km-about .cont6 li:nth-child(5) span:before{background-image: url(../img/useful_icon05.png);} #km-about .cont6 li:nth-child(6) span:before{background-image: url(../img/useful_icon06.png);} #km-about .cont6 li:nth-child(7) span:before{background-image: url(../img/useful_icon07.png);} #km-about .cont6 li:nth-child(8) span:before{background-image: url(../img/useful_icon08.png);} @media only screen and (max-width:1256px){ #km-about:before{position: absolute; width:379.5px; height:191.5px; background-size:100%; top:50px;} #km-about .cont1{margin:0;} #km-about .cont1 > div{width:100%; margin:0;} #km-about .cont1 > div:first-of-type{margin:0 0 40px 0;} #km-about .cont1 .cont li p{letter-spacing:-0.5px;} #km-about .cont3 ul{margin:0 -10px;} #km-about .cont3 li{width:calc(20% - 20px); margin:0 10px;} #km-about .cont3 em{letter-spacing: -0.5px; line-height:22px;} #km-about .cont3 span{padding:20px;} #km-about .cont4 ul{margin:0 -10px;} #km-about .cont4 li{width:calc(20% - 20px); margin:0 10px;} #km-about .cont4 em{letter-spacing: -0.5px; line-height:22px;} #km-about .cont4 span{padding:20px;} } @media only screen and (max-width:1023px){ #km-about h2{text-align: center;} #km-about:before{width:380px; top:0; position: relative; left:0; right:0; margin:0 auto;} #km-about .km-about-notice{text-align: center;} #km-about .cont3 li{width:calc(33.3333% - 20px); height:250px;} #km-about .cont3 span{padding:20%;} #km-about .cont4 li{width:calc(33.3333% - 20px); height:250px;} #km-about .cont4 span{padding:20%;} } @media only screen and (max-width:767px){ #km-about{padding:20px;} #km-about h2{font-size: 35px;} #km-about .km-about-notice{font-size:13px; text-align: center; color:#878787;} #km-about .cont3 li:last-child{height:auto;} #km-about .cont4 li:last-child{height:auto;} } @media only screen and (max-width:576px){/*mobile*/ #km-about{padding:10px;} #km-about > div{margin:0;} #km-about h3{margin:30px 0 20px 0} .txt_p{margin-top:20px;} #km-about:before{width:280px; top:0; position: relative; right:auto; margin:0 auto} #km-about h2{font-size: 35px; text-align: center;} #km-about h3{font-size:22px;} #km-about .cont1 .cont em{font-size:14px;} #km-about .cont1 > div:first-of-type{margin-bottom:0;} #km-about .cont1 .cont > div{height:auto; padding:20px;} #km-about .cont1 .cont > div:first-of-type{padding-bottom:80px;} #km-about .cont1 .cont div > span{font-size:16px; padding:5px 0; letter-spacing: -1px;} #km-about .cont1 .cont div > span:before{margin-left:-120px;} #km-about .cont1 .cont div > span i{font-size:20px;} #km-about .cont1 .cont li p{width:100%; padding:0; text-align: left;} #km-about .cont1 .cont li span{width:100%;} #km-about .cont1 .cont li span i{font-size: 16px;} #km-about .cont1 .cont li:first-child span i{font-size:20px;} #km-about .cont1 .cont.cont1-2 div > span:before{margin-left:80px;} #km-about .cont3 li{width:calc(50% - 20px); height:auto; margin-bottom: 10px;} #km-about .cont3 span{padding:25%;} #km-about .cont3 em{font-size:15px; height:40px; line-height:20px;} #km-about .cont3 span:before{height:50px;} #km-about .cont4 li{width:calc(50% - 20px); height:auto; margin-bottom: 10px;} #km-about .cont4 span{padding:25%;} #km-about .cont4 em{font-size:15px; height:40px; line-height:20px;} #km-about .cont4 span:before{height:50px;} #km-about .cont1 span, #km-about .cont3 span, #km-about .cont4 span{font-size:24px;} } /*한방의료, 얼마나 만족하시나요?*/ #satis{padding:60px; background-color: #fff; background:url(../img/sub_bg.png) 0% 0%; position: relative;margin-bottom:40px;} #satis:before{content:''; display: block; position: absolute; width:759px; height:383px; background:url(../img/bg02.png)no-repeat 50% 50%;; right:30px; top:70px;} #satis h2{font-family:'kbM',sans-serif; font-size: 60px; margin: 0; color:#333333; position: relative;} /*#satis h2:after{content:''; display: block; width:6px; height:150px; position: absolute; left:-63px; top:5px; background:url(../img/color_bar.png)no-repeat 0 0;}*/ #satis h3{font-size:28px; padding-left:40px; background:url(../img/h3_icn.png)no-repeat 0px 50%; font-family:'kbM',sans-serif; color:#374259; margin: 0 0 30px 0;} #satis h3:before{display: none;} #satis .satis-notice{font-size:15px; line-height: 25px; margin:25px 0; letter-spacing:-1px;} #satis .satis-notice em{display: block;} #satis > div{margin:60px 0;} #satis > div:last-child{margin-bottom:0;} #satis .cont1 ul{margin:0 -20px;} #satis .cont1 li{width:calc(16.6666% - 40px); float:left; margin:0 20px; position: relative;} #satis .cont1 li div{padding-top:100%; border-radius:50%; background-color:#ffffff; position: relative;} #satis .cont1 span{font-size:30px; display: block; position: absolute; width:100%; height:100%; left:0; top:0; text-align: center; padding:30px; line-height: 30px; color:#374259;} #satis .cont1 span i{content:'%'; display: inline-block; font-size: 16px;} #satis .cont1 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/choice_icn01.png)no-repeat 50% 50%; margin:0 auto;} #satis .cont1 li:nth-child(2) span:before{background-image: url(../img/choice_icn02.png);} #satis .cont1 li:nth-child(3) span:before{background-image: url(../img/choice_icn03.png);} #satis .cont1 li:nth-child(4) span:before{background-image: url(../img/choice_icn04.png);} #satis .cont1 li:nth-child(5) span:before{background-image: url(../img/choice_icn05.png);} #satis .cont1 li:nth-child(6) span:before{background-image: url(../img/choice_icn06.png);} #satis .cont1 em{font-size: 17px; color:#46372F; display: block; margin-top: 15px; text-align: center;} #satis .cont2 div{text-align: center;} #satis .cont3 ul{margin:0 -10px;} #satis .cont3 li{width:calc(14.2857% - 20px); float:left; margin:0 10px; position: relative;} #satis .cont3 li div{padding-top:100%; border-radius:50%; background-color:#ffffff; position: relative;} #satis .cont3 span{font-size:30px; display: block; position: absolute; width:100%; height:100%; left:0; top:0; text-align: center; padding:30px; line-height: 30px; color:#374259;} #satis .cont3 span i{content:'%'; display: inline-block; font-size: 16px;} #satis .cont3 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/need_icn01.png)no-repeat 50% 50%; margin:0 auto;} #satis .cont3 li:nth-child(2) span:before{background-image: url(../img/need_icn02.png);} #satis .cont3 li:nth-child(3) span:before{background-image: url(../img/need_icn03.png);} #satis .cont3 li:nth-child(4) span:before{background-image: url(../img/need_icn04.png);} #satis .cont3 li:nth-child(5) span:before{background-image: url(../img/need_icn05.png);} #satis .cont3 li:nth-child(6) span:before{background-image: url(../img/need_icn06.png);} #satis .cont3 li:nth-child(7) span:before{background-image: url(../img/need_icn07.png);} #satis .cont3 em{font-size: 17px; color:#46372F; display: block; margin-top: 15px; text-align: center;} #satis .cont4{margin:0 -15px;} #satis .cont4 > div{width:calc(50% - 30px); margin:0 15px; float:left;} #satis .cont4 .cont > div{background-color: #fff; height:400px; position: relative; padding:30px;} #satis .cont4 .cont em{font-size: 17px; display: block; margin-bottom: 20px;} #satis .cont4 .cont div > span{display: block; width:100%; padding:10px 0 ; text-align: center; background:#F6F7F8; position: absolute; bottom:0; left:0; font-size:21px;} #satis .cont4 .cont div > span:before{content:''; display: block; width:45px; height:110px; background:url(../img/hand_agree.png)no-repeat; position: absolute; bottom:0; left:50%; margin-left:-150px;} #satis .cont4 .cont div > span i{display: inline-block; font-size:27px; color:#688020;} #satis .cont4 .cont div > span i:after{content:'%'; display: inline-block; font-size: 16px;} #satis .cont4 .cont div div{text-align: center;} #satis .cont4 .cont li{} #satis .cont4 .cont li:after{content:''; display: block; clear:both;} #satis .cont4 .cont li p{width:50%; float:left; text-align:right;padding-right:10px; font-size: 15px;} #satis .cont4 .cont li:first-child p{font-size:17px; padding-top:5px;} #satis .cont4 .cont li span{display: block; width:50%; float:left;} #satis .cont4 .cont li span:before{content:''; display:inline-block; width:calc(100% - 85px); height:14px; background-color:#017AC2; vertical-align:middle; border-radius:30px; margin-right:10px;} #satis .cont4 .cont li:nth-child(2) span:before{width:33.9%;} #satis .cont4 .cont li:nth-child(3) span:before{width:17.3%;} #satis .cont4 .cont li:nth-child(4) span:before{width:9.2%;} #satis .cont4 .cont li:nth-child(5) span:before{width:8.1%;} #satis .cont4 .cont li:nth-child(6) span:before{width:6%;} #satis .cont4 .cont li span i{font-size: 19px; color:#7C6252; vertical-align:middle;} #satis .cont4 .cont li:first-child span i{font-size:25px;} #satis .cont4 .cont li span i:after{content:'%'; display: inline-block; font-size: 16px;} #satis .cont4 .cont.cont4-2 div > span:before{margin-left:-180px;} #satis .s-cont ul{margin:0 -10px;} #satis .s-cont li{width:calc(14.2857% - 20px); float:left; margin:0 10px; position: relative;} #satis .s-cont li div{padding-top:100%; border-radius:50%; background-color:rgba(1,122,194,0.15); position: relative;} #satis .s-cont span{font-size:30px; display: block; position: absolute; width:100%; height:100%; left:0; top:0; text-align: center; padding:30px; line-height: 30px; color:#374259;} #satis .s-cont span i{inline-block; font-size: 16px;} #satis .s-cont li em{font-size: 17px; color:#46372F; display: block; margin-top: 15px; text-align: center;} #satis .s-cont .graph{margin:30px 0;} #satis .s-cont .graph div{float:left; width:50%; text-align: center;} #satis .s-cont .graph div:first-child{border-right:1px solid rgba(0,0,0,0.1);} #satis .s-cont .graph em{font-size: 21px; display: block;} #satis .s-cont .graph i{font-size: 25px; margin-left:30px; color:#516B7B; font-weight: 700;} #satis .s-cont .graph i:after{content:'%'; display: inline-block; font-size: 16px;} #satis .cont5 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/useful_icon01.png)no-repeat 50% 50%; margin:0 auto;} #satis .cont5 li:nth-child(2) span:before{background-image: url(../img/useful_icon02.png);} #satis .cont5 li:nth-child(3) span:before{background-image: url(../img/useful_icon03.png);} #satis .cont5 li:nth-child(4) span:before{background-image: url(../img/useful_icon04.png);} #satis .cont5 li:nth-child(5) span:before{background-image: url(../img/useful_icon05.png);} #satis .cont5 li:nth-child(6) span:before{background-image: url(../img/useful_icon06.png);} #satis .cont5 li:nth-child(7) span:before{background-image: url(../img/useful_icon07.png);} #satis .cont5 li:nth-child(8) span:before{background-image: url(../img/useful_icon08.png);} #satis .cont6 span:before{content:''; display: block; width:70px; height:70px; background:url(../img/useful_icon01.png)no-repeat 50% 50%; margin:0 auto;} #satis .cont6 li:nth-child(2) span:before{background-image: url(../img/useful_icon02.png);} #satis .cont6 li:nth-child(3) span:before{background-image: url(../img/useful_icon03.png);} #satis .cont6 li:nth-child(4) span:before{background-image: url(../img/useful_icon04.png);} #satis .cont6 li:nth-child(5) span:before{background-image: url(../img/useful_icon05.png);} #satis .cont6 li:nth-child(6) span:before{background-image: url(../img/useful_icon06.png);} #satis .cont6 li:nth-child(7) span:before{background-image: url(../img/useful_icon07.png);} #satis .cont6 li:nth-child(8) span:before{background-image: url(../img/useful_icon08.png);} @media only screen and (max-width:1256px){ #satis:before{position: absolute; width:379.5px; height:191.5px; background-size:100%; top:50px;} #satis .cont1 ul{margin:0 -10px;} #satis .cont1 li{width:calc(25% - 20px); margin:0 10px; height:260px;} #satis .cont1 em{line-height:25px;} #satis .cont1 span{padding:40px;} #satis .cont3 ul{margin:0 -10px;} #satis .cont3 li{width:calc(20% - 20px); margin:0 10px;} #satis .cont3 em{letter-spacing: -0.5px; line-height:22px;} #satis .cont3 span{padding:20px;} #satis .cont4{margin:0;} #satis .cont4 > div{width:100%; margin:0;} #satis .cont4 > div:first-of-type{margin:0 0 40px 0;} #satis .cont4 .cont li p{letter-spacing:-0.5px;} #satis .s-cont li{width:calc(20% - 20px); height:210px; margin-bottom: 10px;} #satis .s-cont li em{line-height:21px;} #satis .s-cont .graph div{width:100%;} #satis .s-cont .graph div:first-child{border:none; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:40px; padding-bottom:40px;} } @media only screen and (max-width:1023px){ #satis h2{text-align: center;} #satis:before{width:380px; top:0; position: relative; left:0; right:0; margin:0 auto;} #satis .cont1 li{width:calc(33.3333% - 20px);} #satis .satis-notice{text-align: center;} #satis .cont3 li{width:calc(33.3333% - 20px); height:250px;} #satis .cont3 span{padding:20%;} #satis .s-cont li{width:calc(33.3333% - 20px); height:240px;} #satis .s-cont span{padding:20%;} } @media only screen and (max-width:767px){ #satis{padding:20px;} #satis .cont1 span{padding:20%;} #satis h2{font-size: 35px;} #satis .satis-notice{font-size:13px; text-align: center; color:#878787;} #satis .cont3 li:last-child{height:auto;} #satis .s-cont li{height:auto;} #satis .s-cont li em{font-size:17px; letter-spacing:-0.5px; line-height: 22px; height:44px;} } @media only screen and (max-width:576px){/*mobile*/ #satis{padding:10px;} #satis > div{margin:0;} #satis h3{margin:30px 0 20px 0} .txt_p{margin-top:20px;} #satis:before{width:280px; top:0; position: relative; right:auto; margin:0 auto} #satis h2{font-size: 35px; text-align: center;} #satis h3{font-size:22px;} #satis .cont1 li{width:calc(50% - 20px); height:auto; margin-bottom:10px;} #satis .cont1 em{font-size:15px; line-height:20px; height:40px;} #satis .cont1 span{padding:20%; line-height:17px;} #satis .cont3 li{width:calc(50% - 20px); height:auto; margin-bottom: 10px;} #satis .cont3 span{padding:25%;} #satis .cont3 em{font-size:15px; height:40px; line-height:20px;} #satis .cont3 span:before{height:50px;} #satis .cont4 .cont em{font-size:14px;} #satis .cont4 > div:first-of-type{margin-bottom:0;} #satis .cont4 .cont > div{height:auto; padding:20px;} #satis .cont4 .cont > div:first-of-type{padding-bottom:80px;} #satis .cont4 .cont div > span{font-size:16px; padding:5px 0; letter-spacing: -1px;} #satis .cont4 .cont div > span:before{margin-left:-120px;} #satis .cont4 .cont div > span i{font-size:20px;} #satis .cont4 .cont li p{width:100%; padding:0; text-align: left;} #satis .cont4 .cont li span{width:100%;} #satis .cont4 .cont li span i{font-size: 16px;} #satis .cont4 .cont li:first-child span i{font-size:20px;} #satis .cont4 .cont.cont4-2 div > span:before{margin-left:80px;} #satis .s-cont li{width:calc(50% - 20px);} #satis .s-cont span{padding:15%;} #satis .s-cont .graph div:first-child{margin-bottom:20px; padding-bottom:20px;} #satis .cont1 span, #satis .cont3 span, #satis .s-cont span{font-size:24px;} } /*한약, 어떻게 사용되고 있을까요?*/ #useful{padding:60px; background-color: #fff; background:url(../img/sub_bg.png) 0% 0%; position: relative;margin-bottom:40px;} #useful:before{content:''; display: block; position: absolute; width:582px; height:374px; background:url(../img/bg03.png)no-repeat 50% 50%; right:30px; top:70px;} #useful h2{font-family:'kbM',sans-serif; font-size: 60px; margin: 0; color:#333333; position: relative;} /*#useful h2:after{content:''; display: block; width:6px; height:150px; position: absolute; left:-63px; top:5px; background:url(../img/color_bar.png)no-repeat 0 0;}*/ #useful h3{font-size:28px; padding-left:40px; background:url(../img/h3_icn.png)no-repeat 0px 50%; font-family:'kbM',sans-serif; color:#333333; margin: 0 0 30px 0;} #useful h3:before{display: none;} #useful .satis-notice{font-size:15px; line-height: 25px; margin:25px 0; letter-spacing:-1px;} #useful .satis-notice em{display: block;} #useful > div{margin:60px 0;} #useful > div:last-child{margin-bottom:0;} #useful .cont1{} #useful .s-cont h3{margin-bottom:10px;} #useful .s-cont p{margin-bottom:50px;} #useful .s-cont ul{margin:0 -15px;} #useful .s-cont li{width:calc(33.3333% - 30px); margin:0 15px; float:left; padding:30px 0; background-color: rgba(1,122,194,0.1);} #useful .s-cont dl{color:#374259;} #useful .s-cont dl:after{content:''; display: block; clear:both;} #useful .s-cont dt{float:left; width:40%;text-align: center; font-size:20px;line-height:1.4;padding:0 5px;} #useful .s-cont dt span{display: block; width:100%;height:30px; position: relative;} #useful .s-cont dt span:before{content:''; display: block; width:110px; height:110px; background: url(../img/medi_icn03.png)no-repeat 50% 50%; position: absolute; top:-70px; margin:0 auto; color:#ffffff; text-align: center; left:50%; transform:translateX(-50%);} #useful .s-cont li:nth-child(2) dt span:before{background-image: url(../img/medi_icn01.png);} #useful .s-cont li:nth-child(3) dt span:before{background-image: url(../img/medi_icn02.png);} #useful .s-cont dt i{display: block;font-size: 13px;} #useful .s-cont dd{float:right; width:60%; padding:0 30px;} #useful .s-cont dd:after{content:''; display: block; clear:both;} #useful .s-cont dd em{display: block; float:left; font-size:17px;} #useful .s-cont dd span{display: block; float:right; font-size: 18px; color:#374259;} #useful .s-cont dd span:after{content:'%'; display: inline-block; font-size: 16px;} #useful .cont2 strong{font-family:'kbM',sans-serif; display: block; margin: 30px 0 40px 0; font-size: 24px;} #useful .cont2 strong span{display: block; font-family: 'TitilliumWeb','Noto Sans KR', 'notok', 'ngn', sans-serif; font-weight: normal; font-size:17px;} #useful .cont3{} #useful .cont3 .set{padding-left:240px;} #useful .cont3 .set > div{width:60%; text-align: center; float:left; position: relative; } #useful .cont3 .set > div:last-child{width:40%;} #useful .cont3 .set em:before{content:''; display: block; z-index:1; position: absolute; left:0; top:20px; width:calc(100% - 10px);height:40px;border:1px solid #374259; border-bottom:none;} #useful .cont3 .set em span{font-size:19px; display: inline-block; padding:5px 40px; background-color:#374259;color:#ECE7DC; position: relative; border-radius:30px; z-index:9; letter-spacing:-1px;} #useful .cont3 .set li{width:33.3333%; float:left;} #useful .cont3 .set li span{display: block; padding:20px 0; line-height:19px;} #useful .cont3 .set li span:before{content:''; display: block; width:70px; height:70px; background:url(../img/cost_icn01.png)no-repeat 50% 50%; margin:0 auto;} #useful .cont3 .set li:nth-child(2) span:before{background-image: url(../img/cost_icn02.png);} #useful .cont3 .set li:nth-child(3) span:before{background-image: url(../img/cost_icn03.png);} #useful .cont3 .set div:last-child li:nth-child(1) span:before{background-image: url(../img/cost_icn04.png);} #useful .cont3 .set div:last-child li:nth-child(2) span:before{background-image: url(../img/cost_icn05.png);} #useful .cont3 .set div:last-child li:nth-child(3) span:before{background-image: url(../img/cost_icn06.png);} #useful .cont3 .set div:last-child li{width:50%;} #useful .cont3 .mo-vw{display: none;} #useful .cont3 .cost-table{text-align: center;} #useful .cont3 .cost-table table{border-top:2px solid #666; border-bottom:1px solid #374259;} #useful .cont3 .cost-table th{width:240px; background:rgba(102,204,255,0.1); text-align: center;} #useful .cont3 .cost-table thead th{height:70px; font-size: 17px; font-weight:normal;} #useful .cont3 .cost-table thead td{font-size: 25px; color:#374259; font-weight:500; position: relative;} #useful .cont3 .cost-table thead td:after{content:''; display: block; position: absolute; border-right:1px solid rgba(0,0,0,0.2); height: 50%; top:50%; right:0; transform:translateY(-50%);} #useful .cont3 .cost-table thead td:last-child:after{display: none;} #useful .cont3 .cost-table thead td span{font-size: 16px;} #useful .cont3 .cost-table tbody{border-top:1px dashed rgba(0,0,0,0.2);} #useful .cont3 .cost-table tbody th{height:210px; font-size: 17px; font-weight:normal;} #useful .cont3 .cost-table tbody td{font-size:17px; padding: 0 30px; position: relative;} #useful .cont3 .cost-table tbody tr:first-child td:after{height:60%; bottom:0;} #useful .cont3 .cost-table tbody tr td:last-child:after{display: none;} #useful .cont3 .cost-table tbody tr:first-child td{height:50px; vertical-align:bottom;} #useful .cont3 .cost-table tbody tr:last-child td:after{height:60%; bottom:auto; top:0;} #useful .cont3 .cost-table tbody tr td:last-child:after{display: none;} #useful .cont3 .cost-table tbody tr:last-child td{height:50px; vertical-align: top;} #useful .cont3 .cost-table tbody td:after{content:''; display: block; clear:both; border-right:1px solid rgba(0,0,0,0.2); position: absolute; right:0; bottom:0; height:100%;} #useful .cont3 .cost-table tbody em{display: block; width:50%; text-align: left; float:left; color:#333333;} #useful .cont3 .cost-table tbody i{display: block; width:50%; text-align: right; float:left;font-size: 18px; color:#374259;} #useful .cont3 .cost-table tbody i:after{content:'%'; display: inline-block; font-size:16px;} #useful .cont4 ul{margin:0 -20px;} #useful .cont4 li{width:calc(33.3333% - 40px); float:left; margin:0 20px; background-color:#ffffff; margin-bottom:40px; height:330px;} #useful .cont4 dl{padding:20px;} #useful .cont4 dl:after, #useful .cont4 dd:after{content:''; display: block; clear:both;} #useful .cont4 dt{width:60px; display: inline-block; float:left; line-height:45px; color:#888888; font-size: 14px;} #useful .cont4 dd{width:calc(100% - 60px); float:right; padding-left:10px;} #useful .cont4 dd em{float:left; font-size:16px;} #useful .cont4 dd:nth-of-type(1) em{ font-size:23px; letter-spacing: -1px;} #useful .cont4 dd:nth-of-type(1) span{font-size:25px; color:#374259;} #useful .cont4 dd span{font-size:18px; color:#2A4F81;float:right;} #useful .cont4 dd span:after{content:'%'; font-size:16px; display: inline-block; color:#333333; margin-left:5px;} #useful .cont4 .cate dd{padding-right:30%; position: relative;} #useful .cont4 .cate dd:after{content:''; display: block; position: absolute; width:100px; height:100px; right:-5px; top:-15px; background:url(../img/like_icn01.png)no-repeat 50% 50%;} #useful .cont4 li:nth-child(2) .cate dd:after{background-image: url(../img/like_icn02.png);} #useful .cont4 li:nth-child(3) .cate dd:after{background-image: url(../img/like_icn03.png);} #useful .cont4 li:nth-child(4) .cate dd:after{background-image: url(../img/like_icn04.png);} #useful .cont4 li:nth-child(5) .cate dd:after{background-image: url(../img/like_icn05.png);} #useful .cont4 li:nth-child(6) .cate dd:after{background-image: url(../img/like_icn06.png);} #useful .cont4 .result{border-top:1px dashed #cccccc;} #useful .cont4 .result dd{padding-right:15px;} #useful .cont4 .cont > em{font-size:21px; display: block; margin:20px 0;} #useful .cont4 .cont.cont4-2 li:nth-child(2) .cate dd:after{background-image: url(../img/like_icn03.png);} #useful .cont4 .cont.cont4-2 li:nth-child(3) .cate dd:after{background-image: url(../img/like_icn02.png);} #useful .cont4 .cont.cont4-2 li:nth-child(4) .cate dd:after{background-image: url(../img/like_icn05.png);} #useful .cont4 .cont.cont4-2 li:nth-child(5) .cate dd:after{background-image: url(../img/like_icn04.png);} @media only screen and (max-width:1256px){ #useful:before{width:400px; background-size:100%; top:100px; right:20px;} #useful .s-cont li{width:calc(50% - 30px); margin-bottom: 30px;} #useful .cont3 .set{padding-left:130px;} #useful .cont3 .cost-table th{width:130px;} #useful .cont3 .cost-table tbody td{padding:0 20px;} #useful .cont4 li{width:calc(50% - 40px);} } @media only screen and (max-width:1023px){ #useful{padding:40px;} #useful h2:after{left:-43px;} #useful:before{width:300px; top:50px;} #useful .satis-notice{padding-right:250px;} #useful .txt-br{display: inline;} #useful .s-cont dt i{letter-spacing:-1px;} #useful .s-cont dd{padding:0 30px 0 10px;} #useful .cont3 .set{padding:0;} #useful .cont3 .set{padding-left:100px;} #useful .cont3 .cost-table th{width:100px; padding: 0 5px; line-height: 25px; font-size:15px; letter-spacing:-1px;} #useful .cont3 .cost-table thead td{font-size:23px;} #useful .cont3 .cost-table tbody td{padding:0 10px;} #useful .cont3 .cost-table tbody i{font-size:16px;} #useful .cont3 .cost-table tbody em{font-size:15px;} #useful .cont4 ul{margin:0 -10px;} #useful .cont4 li{width:calc(50% - 20px); margin:0 10px; margin-bottom: 20px; height: 280px;} #useful .cont4 dl{padding: 10px;} #useful .cont4 dd em{letter-spacing:-1px;} #useful .cont4 dd:nth-of-type(1) em{font-size:18px;} #useful .cont4 dd:nth-of-type(1) span{font-size:20px;} #useful .cont4 dd em{font-size: 15px;} #useful .cont4 dt{line-height:30px;} #useful .cont4 .result dd{padding-left:5px; padding-right:10px;} #useful .cont4 .cate dd:after{background-size:100%; width:80px; height:80px; top:-8px;} } @media only screen and (max-width:767px){ #useful:before{width:400px; position: relative; top:0; left:0; right:0; margin:0 auto; } #useful h2{text-align: center;} #useful .satis-notice{font-size:13px; text-align: center; color:#878787; padding:0;} #useful .s-cont dt{width:30%; font-size:18px;} #useful .s-cont dd{width:70%;} #useful .s-cont dd em{font-size:15px; letter-spacing:-1px;} #useful .s-cont dt i{line-height:16px;} #useful .cont3 h3{margin-bottom:10px;} #useful .cont3 .set{width:640px;} #useful .cont3 .set li span{font-size:14px; letter-spacing:-1px;} #useful .cont3 .scroll-LR{overflow-x:auto; padding-bottom:20px;} #useful .cont3 .mo-vw{display:block; text-align: left; font-size: 14px; margin-bottom:30px;} #useful .cont3 .cost-table table{width:640px;} #useful .cont3 .set em span{padding:2px 20px; font-size:16px;} #useful .cont3 .cost-table thead th{font-size:15px; line-height:18px;} #useful .cont3 .cost-table tbody th{font-size: 15px; line-height:18px;} #useful .cont4 ul{margin:0;} #useful .cont4 li{width:100%; margin:0 0 20px 0; height:auto;} #useful .cont4 dt{width:30%; text-align: center;} #useful .cont4 dd{width:70%;} #useful .cont4 .cate dd{padding-right:45%;} #useful .cont4 .result dd{padding-left:10px; padding-right:10%;} } @media only screen and (max-width:576px){/*mobile*/ #useful{padding:10px;} #useful:before{width:250px; height: 250px;} #useful h2{font-size:35px;} #useful h3{font-size:22px;} #useful .s-cont p{font-size:14px; letter-spacing:-1px;} #useful .s-cont ul{margin:0;} #useful .s-cont li{width:100%; margin:0 0 10px 0; padding:20px 0;} #useful .s-cont dt span:before{width:85px; height:70px; background-size:100%; top:-50px;} #useful .cont2 strong{font-size:22px;} #useful .cont2 strong span{font-size:14px; letter-spacing: -1px;} #useful .cont3 .cost-table thead th{} #useful .cont3 .cost-table tbody th{height:160px;} #useful .cont3 .cost-table tbody tr:first-child td, #useful .cont3 .cost-table tbody tr:last-child td{height:40px;} #useful .cont3 .cost-table th{line-height:19px; font-size: 15px;} #useful .cont4 .cont > em{font-size:18px; margin:20px 0 10px 0;} #useful .cont4 dt{width:60px;} #useful .cont4 dd{width:calc(100% - 60px);} #useful .cont4 .result dd{padding-left:5px; padding-right:10px;} #useful .cont4 .cate dd{padding-right:30%;} #useful .cont4 .cate dd:after{top:-15px;} #useful .cont4 dd em{font-size:14px;} #useful .cont4 dd:nth-of-type(1) em{font-size:17px;} #useful .cont4 dd:nth-of-type(1) span{font-size:18px;} #useful .cont4 li{margin:0 0 10px 0;} #useful .cont4 li:last-child{margin-bottom:0;} } /*홍보자료*/ #promote .sub-info{padding-bottom:40px; border-bottom:2px solid #516B7B;} #medi-tab.relation li{width:50%;} #promote iframe {width:100%;height:550px;} .sub-info{margin-bottom:40px;} .sub-info span{float:left; font-size: 17px; line-height:60px; color:#888888;} .sub-info span i{color:#0087D9;} .sub-info .search{float:right; position: relative;} .sub-info .search input{background-color:#0087D9; width:400px; height:60px; border-radius:0; padding:0px 60px 0 10px; color:#fff;} .sub-info .search input::placeholder {color:rgba(255,255,255,0.7);} .sub-info .search a{position: absolute; right:20px; top:15px; color:#ffffff;} #relation{} #relation ul{margin:0 -20px;} #relation li{width: calc(16.6667% - 20px);margin: 0 10px;float:left;padding: 20px;background-color:#F4F4F4;position: relative;height: 350px;text-align: center;margin-bottom: 20px;} #relation li a{display: block; position: absolute; width:100%; padding:15px; color:#ffffff; left:0; bottom:0; background-color:#0087D9;} #relation li a:before{content:''; display: inline-block; margin-right:20px; width:20px; height:18px; background:url(../img/down.png)no-repeat 0 0; vertical-align:middle;} #relation li em{font-size: 23px; margin:10px 0; display: block; color:#333333; line-height:1.3;} .img-frame{width:100%; padding-top:100%; position: relative; overflow:hidden;} .img-frame img{min-width:100%; min-height:100%; object-fit:cover; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #relation a{vertical-align:middle;} .arrow{color:#999999; display: inline-block; margin:0 15px;} /* .num{display: inline-block; border:1px solid #cccccc; color:#888888; width:35px; height:35px; line-height:35px; font-size: 11px;} .num.on{background-color:#516B7B; color:#fff; border:none;} */ @media only screen and (max-width:1256px){ #relation li{width:calc(33.3333% - 20px); height:440px;} #relation li em{font-size: 21px; line-height:1.3;} } @media only screen and (max-width:1023px){ #relation li{width:calc(50% - 20px); height:470px;} #relation li em{font-size:20px; line-height:27px;} #promote iframe {width:100%;height:500px;} } @media only screen and (max-width:767px){ #promote .sub-info{margin:0;} .sub-info span{display:block; width:100%; float:none; font-size:16px; text-align:center;} .sub-info .search{width:100%; float:none; padding:0 10px;} .sub-info .search input{width:100%;} .sub-info .search a{right:30px;} #medi-tab.relation li{width:100%;} #relation{padding:30px;} #relation li{height:auto; padding:30px 30px 60px 30px;} #relation li em{ height:55px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #promote iframe {width:100%;height:400px;} } @media only screen and (max-width:576px){/*mobile*/ #promote .sub-info{padding-bottom:10px;} .sub-info .search input{height:50px;} .sub-info .search a{top:10px;} #relation{padding:10px;} #relation ul{margin:0;} #relation li{width:100%; margin:0 0 10px 0;} #relation li:last-child{margin:0;} #promote iframe {width:100%;height:350px;} } /*홍보동영상*/ #relation-mv{} #relation-mv:after{content:''; display:block; clear:both;} .sub-info.mv{border:none; padding:0;} #relation-mv .video-wrap{border-bottom:2px solid #516B7B; margin-bottom:40px; padding-bottom:40px;} #relation-mv .video{width:100%; padding-top:57%; float:left; position: relative;} #relation-mv .video video, #relation-mv .video iframe{min-width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #relation-mv .txt-wrap{width:100%; float:left; background-color:#F4F4F4; padding:40px;} #relation-mv .txt-wrap em{display: block; font-size: 23px;} #relation-mv .txt-wrap>div{width:100%; max-height:250px; overflow-Y:auto; margin:25px 0; padding-right:10px} #relation-mv .txt-wrap .txt-info{padding-top:20px;margin-bottom:0; border-top:1px solid #cccccc;} #relation-mv .txt-wrap .txt-info span{display: inline-block; margin-right:10px; font-size: 14px; color:#888888;} #relation-mv .txt-wrap .txt-info span i{margin-right: 10px;} #relation-mv .list{border-bottom:1px solid #cccccc; margin-bottom:40px;} #relation-mv ul{margin:0 -20px;} #relation-mv li{width:calc(33.3333% - 40px); margin:0 20px; float:left;} #relation-mv li .img-frame{display: block; background-color:#999999; padding-top:70%;} #relation-mv li .img-frame:before{content:''; display: block; background-color:rgba(0,0,0,0.3); position: absolute; left:0; top:0; width:100%; height:100%; z-index:1;} #relation-mv li .img-frame:after{content:''; display: block; width:70px; height:70px; background:url(../img/play.png)no-repeat 50% 50%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9;} #relation-mv li em{font-size: 21px; display: block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:10px;} #relation-mv li .txt-info{padding:5px 0 20px 0;} #relation-mv li .txt-info span{display: inline-block; margin-right:10px; font-size: 14px; color:#888888;} #relation-mv li .txt-info span i{margin-right: 10px;} @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ #relation-mv{padding:10px;} #relation-mv .video-wrap{height:auto;} #relation-mv .txt-wrap{width:100%; height:auto;} #relation-mv .txt-wrap .txt-info{height:auto; margin-bottom: 0; padding-bottom:0;} #relation-mv li{width:calc(50% - 40px);} #relation-mv li em{font-size:17px;} } @media only screen and (max-width:576px){/*mobile*/ #relation-mv .txt-wrap{padding:20px;} #relation-mv .video-wrap{padding-bottom:10px; margin-bottom:10px;} #relation-mv li{width:calc(100% - 40px);} } /*2019년 한의약 세계화 추진 사업 성과*/ #business_result{} #business_result .img-cont{position:relative; background:url(../img/business_result_bg.png)no-repeat 50% bottom; padding-bottom:130px; height:570px;} #business_result .img-cont:after{content:''; display:block; height:341px; width:100%; position:absolute; left:0; bottom:0;background-color:#201f23; z-index:-1;} #business_result .txt-wrap{} #business_result h3{font-size:45px; color:#374259; padding-top:80px; font-weight:500; margin-bottom:190px; letter-spacing:-2px;} #business_result .img-cont span{font-size:19px; color:#666666; margin-bottom:150px; display: block;} #business_result p{font-size: 14px; letter-spacing: 20px; margin:20px 0 0 50px; color:#fff; font-weight:300;} #business_result .txt-cont{margin:0 -20px; margin-top:-50px;} #business_result .txt-cont .cont{width:calc(33.3333% - 40px); margin:0 20px; float:left;} #business_result .txt-cont .tit-img{padding:50px 40px; background: url(../img/business_result_img1.jpg)no-repeat 50% 50% / cover;} #business_result .txt-cont .tit-img em{font-size:27px; display: block; color:#ffffff; line-height:40px;} #business_result .txt-cont dt{font-size: 21px; color:#339999; margin-top: 20px;} #business_result .txt-cont dd{margin:5px 0; padding-left:30px; font-size: 17px; background:url(../img/dot.png)no-repeat 5px 50%;} #business_result .txt-cont .cont2 .tit-img{background-image: url(../img/business_result_img2.jpg);} #business_result .txt-cont .cont2 dt{color:#0063D9;} #business_result .txt-cont .cont3 .tit-img{background-image: url(../img/business_result_img3.jpg);} #business_result .txt-cont .cont3 dt{color:#0A1C58;} @media only screen and (max-width:1920px){ #business_result .img-cont{background-size:cover;} #business_result .img-cont:after{display:none;} } @media only screen and (max-width:1256px){ /*960*/ #business_result h3 {font-size:36px; margin-bottom:90px;} #business_result p{margin-left:0;} #business_result .img-cont {height:420px; background-size:1430px;} #business_result .img-cont span {margin-bottom:100px;} #business_result .txt-cont {margin:0 -10px;margin-top: -50px;} #business_result .txt-cont .tit-img {padding:30px;min-height:130px;} #business_result .txt-cont .tit-img em {font-size:25px;line-height:35px;} #business_result .txt-cont .cont {width:calc(33.3333% - 20px);margin:0 10px;} #business_result .txt-cont dt {font-size:19px;} #business_result .txt-cont dd {font-size:16px;} } @media only screen and (max-width:1023px){/*720*/ #business_result .img-cont {height:340px; background-position:20% -10px;} #business_result .img-cont span {margin-bottom:80px;} #business_result h3{margin-bottom:50px;} #business_result p {margin-left:0; margin-top:10px;} #business_result .txt-cont .cont {width:calc(100% - 20px);margin-top:20px;} #business_result .txt-cont .cont1 {margin-top:0;} } @media only screen and (max-width:767px){/*mobile-l*/ #business_result h3 {padding:0;margin:0 0 10px;font-size:23px; display:none;} #business_result .img-cont {padding:0 20px;height:350px; background-size:cover; background-position:50% 40%;} #business_result .img-cont span{font-size:15px;} #business_result p {letter-spacing:12px; color:#2d2f31;} #business_result .txt-cont {padding:0 20px;} #business_result .txt-cont .tit-img {min-height:auto;} } @media only screen and (max-width:576px){/*mobile-s*/ #business_result .img-cont {height:auto;padding:0 20px 130px;background-position:50% 40px;} #business_result h3 {padding:0;} #business_result .txt-cont {margin-top:-30px;} } @media only screen and (max-width:415px){/*mobile-xs*/ #business_result .img-cont {padding:0 20px 50px; background:none;} #business_result p {letter-spacing:8px;} #business_result .txt-cont .tit-img {padding:20px;} } /*글로벌 전통의약 시장 동향*/ #global-trend{ text-align: center; position: relative; padding:60px 0;} #global-trend > em{font-size:27px; padding:0 20px;} #global-trend .ct-select em{display:none;} #global-trend .ct-select{position: relative; bottom:-40px; z-index:9;} #global-trend .ct-select .dropdown a {display:block;} #global-trend .dropdown{display: inline-block; margin:0 10px; position:relative; background:#0087D9; color:#ffffff; line-height:56px;height:56px;cursor:pointer; width:250px; font-size:15px; text-align: left;} #global-trend .dropdown:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-family:FontAwesome;color:#fff;font-size:20px;} #global-trend .dropdown .tit{display:block; padding:; color:#fff; padding:0 20px;} #global-trend .dropdown ul{width:100%; border-radius:0;} #global-trend .dropdown li{padding:0;} #global-trend .dropdown li a {display:block;padding:10px 15px;border-top:1px dashed #DFDFDF;} #global-trend .dropdown li:first-child a {border-top:none;} #global-trend .dropdown li a:hover {background:rgba(13,11,93,0.05);} #global-trend .trend-map{height:750px; background:#F6F9FA url(../img/map_img2.png)no-repeat 50% 50%; position: relative;} #global-trend .trend-map a{display: block; position: absolute; top:180px; left:50%; margin-left:-440px;} #global-trend .trend-map a:nth-child(2){ top:150px; left:50%; margin-left:230px;} #global-trend .trend-map a:nth-child(3){ top:300px; left:50%; margin-left:230px;} #global-trend .trend-map a:nth-child(4){ top:490px; left:50%; margin-left:400px;} #global-trend .trend-map a span{display: block;width:70px; height:70px; background-color:rgba(0,135,217,0.1); border-radius:50%; position: relative;} #global-trend .trend-map a:nth-child(2) span{background-color:rgba(51,153,153,0.2);} #global-trend .trend-map a:nth-child(3) span{background-color:rgba(0,99,217,0.1);} #global-trend .trend-map a:nth-child(4) span{background-color:rgba(10,28,88,0.1);} #global-trend .trend-map a span:before{content:''; display: block; width:60%; height:60%; border:2px solid #0087D9; border-radius:50%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);} #global-trend .trend-map a span:after{content:''; display: block; width:10px; height:10px; background-color: #0087D9; border-radius:50%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);} #global-trend .trend-map a:nth-child(2) span:before{border-color:#339999;} #global-trend .trend-map a:nth-child(2) span:after{background-color:#339999;} #global-trend .trend-map a:nth-child(3) span:before{border-color:#0063D9;} #global-trend .trend-map a:nth-child(3) span:after{background-color:#0063D9;} #global-trend .trend-map a:nth-child(4) span:before{border-color:#0A1C58;} #global-trend .trend-map a:nth-child(4) span:after{background-color:#0A1C58;} #global-trend .trend-map a em{display: block; font-size: 15px; color:#333333; font-weight:700; text-shadow:2px 2px 11px #ffffff;} #medi-tab.trend{margin:50px 0;} #medi-tab.trend li{width:50%;} #medi-tab.trend a{line-height:70px;} #global-trend .trend-cont{height:820px; text-align: left;} #global-trend .d_width{height:100%;} #global-trend .cont-list{float:left; width:300px; background:url(../img/medical_stat_bg.jpg)no-repeat right bottom / cover; height:100%; padding:50px 40px; color:#ffffff;} #global-trend .cont-list em{font-size:25px; margin-bottom:10px;} #global-trend .cont-list li{border-bottom:1px solid rgba(255,255,255,0.3);} #global-trend .cont-list li a:hover, #global-trend .cont-list li a.on{background-color:#638396;} #global-trend .cont-list li a:hover i:before, #global-trend .cont-list li a.on i:before{content:'\f07c';} #global-trend .cont-list li i{position: absolute; left:15px; top:15px;} #global-trend .cont-list li i:before{content:'\f07b'; display: inline-block; font-family:FontAwesome;} #global-trend .cont-list li a{display: block; padding:15px 0; color:#ffffff; padding-left:40px; font-size: 16px; position: relative; letter-spacing:-0.5px;} #global-trend .cont-wrap{float:left; width:calc(100% - 300px); background-color: #F4F4F4; height:100%; padding:60px; overflow-y:auto;} #global-trend .cont-wrap .tit{font-size: 30px; padding-bottom:10px;margin-bottom:20px; border-bottom:1px solid #cccccc; display: block;} #global-trend .cont-wrap > p{color:#666666; font-size: 17px; margin-bottom:10px;} #global-trend .cont-wrap .no-data{width:100%; padding:50px; border:1px dashed #2A4F81; text-align:center; color:#2A4F81;} #global-trend .trend-cont .attach{margin-top:40px;} #global-trend .trend-cont .attach a{display:block; background-color:#0087D9; height:50px; color:#fff; text-align:center; font-size:16px; line-height:50px; margin-bottom:10px;} @media only screen and (max-width:1256px){ #global-trend .trend-map{height:auto; padding-top:650px; background-size:auto 500px;} #global-trend .trend-map a{margin-left:-320px;} #global-trend .trend-map a:nth-child(2){top:160px; margin-left:220px;} #global-trend .trend-map a:nth-child(3){top:260px; margin-left:170px;} #global-trend .trend-map a:nth-child(4){top:440px; margin-left:320px;} } @media only screen and (max-width:1023px){ #medi-tab.trend li a{font-size:20px;} #global-trend > em{font-size:23px;} #global-trend .trend-map a span{width:45px; height:45px; margin:0 auto;} #global-trend .trend-map{height:auto; padding-top:650px; background-size:auto 400px;} #global-trend .trend-map a{top:230px; margin-left:-280px;} #global-trend .trend-map a:nth-child(2){top:200px; margin-left:210px;} #global-trend .trend-map a:nth-child(3){top:280px; margin-left:140px;} #global-trend .trend-map a:nth-child(4){top:420px; margin-left:240px;} #global-trend .cont-list{width:260px;} #global-trend .cont-wrap{width:calc(100% - 260px); padding:40px;} } @media only screen and (max-width:767px){ #global-trend{padding:0;} #medi-tab.trend{margin-bottom:0;} #medi-tab.trend li a{border:none; color:#bababa; background-color:#f3f3f3;} #medi-tab.trend li a.on {background-color: #beac83; color: #fff; border: none;} #medi-tab.trend li a:hover{background-color: #beac83; color:#fff;} #global-trend .trend-map{display:none;} #global-trend > em{display:none;} #global-trend .ct-select{bottom:0; margin-top:20px;} #global-trend .ct-select em{display:block; margin-top:15px;} #medi-tab.trend li{width:50%;float:left;} #global-trend .trend-cont{height:auto;} #global-trend .cont-list{width:100%; float:none; height:auto;} #global-trend .cont-wrap{width:100%; float:none; height:auto;} #global-trend .cont-list li{width:33.3333%; float:left; border: 1px solid rgba(255,255,255,0.3); margin-left:-1px; margin-bottom:-1px; height:60px;} #global-trend .cont-list li:nth-child(3n-2){margin-left:0;} #global-trend .cont-list li .txt-br{display:block;} #global-trend .cont-list li a{text-align:center; padding:0; height:100%; line-height:60px;} #global-trend .cont-list li:nth-child(4) a{line-height:20px; padding:9px;} #global-trend .cont-list li i{position:relative;top:auto; left:auto;} #global-trend .trend-cont .cont-list .txt-br{} #global-trend .trend-cont .attach a{height:40px; line-height:40px; font-size:14px;} } @media only screen and (max-width:576px){/*mobile*/ #medi-tab.trend{margin-top:30px;} #medi-tab.trend a{line-height:50px;} #global-trend .cont-list{padding:10px;} #global-trend .cont-list li{width:50%; height:50px;} #global-trend .cont-list li a{font-size:14px; line-height:50px;} #global-trend .cont-list li:nth-child(4) a{padding:8px; line-height:16px;} #global-trend .ct-select{padding:10px; margin:0;} #global-trend .dropdown{width:100%; margin:0 0 10px 0;} #medi-tab.trend li a{font-size:18px;} #global-trend .cont-list em{font-size:16px;} #global-trend .cont-wrap{padding:10px;} #global-trend .cont-wrap .tit{font-size:16px;} #global-trend .cont-wrap > p{font-size:15px} } /*협력 파트너 찾기(해외기관정보)*/ #global-partner{ text-align: center; position: relative; padding:60px 0;} #global-partner > em{font-size:27px;} #global-partner .ct-select{background-color:#F6F9FA; padding:50px 0; margin-top:20px;} #global-partner .ct-select p{margin-top: 10px;} #global-partner .dropdown{display: inline-block; margin:0 10px; position:relative; background:#0087D9; color:#ffffff; line-height:56px;height:56px;cursor:pointer; width:250px; font-size:15px; text-align: left;} #global-partner .dropdown:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-family:FontAwesome;color:#fff;font-size:20px;} #global-partner .dropdown .tit{display:block; padding:; color:#fff; padding:0 20px;} #global-partner .dropdown ul{width:100%; border-radius:0;} #global-partner .dropdown li{padding:0;} #global-partner .dropdown li a {display:block;padding:10px 15px;border-top:1px dashed #DFDFDF;} #global-partner .dropdown li:first-child a {border-top:none;} #global-partner .dropdown li a:hover {background:rgba(13,11,93,0.05);} #global-partner .partner-cont li{height:190px; background-color:#F9F9F9; margin-bottom: 20px;} #global-partner .partner-cont li:after, #global-partner .partner-cont li dd:after{content:''; display: block; clear:both;} #global-partner .partner-cont li > em{font-size: 15px; float:left; display: block; width:100px; height:100%; padding:40px 0; text-align: center; font-weight:300; color:#516B7B;} #global-partner .partner-cont li em i{border-bottom:1px solid #516B7B; line-height: 30px;} #global-partner .partner-cont li dt{display: block; font-size:25px; color:#374259; text-align:left; line-height: normal; margin-bottom: 15px;} #global-partner .partner-cont li dl{width:calc(100% - 100px);float:left; padding:40px 0; font-size: 15px;} #global-partner .partner-cont li dd{float:left; margin-right: 30px; color:#666666;} #global-partner .partner-cont li dd em{float:left; margin-right: 10px; color:#2A4F81; font-weight:700;} #global-partner #medi-tab.tb-margin li a{border-top:none;} #medi-tab.tb-margin{margin:50px 0;} #medi-tab.tb-margin li:nth-child(n+4){width:50%;} #medi-tab.tb-margin li:nth-child(3):after{display:none;} #global-partner .partner-cont .no-world, #global-partner .partner-cont .no-data{padding:40px;} #global-partner .partner-cont .no-world span, #global-partner .partner-cont .no-data span{display:block; width:100%; height:100%; border:2px dashed #cccccc; color:#cccccc; padding:3%; font-weight:500; font-size:20px; border-radius:5px; letter-spacing:-1px; background:url(../img/partner_bg.png) no-repeat 50% 50%;} #global-partner .partner-cont .no-world span i, #global-partner .partner-cont .no-data span i{margin-right:5px;} #global-partner .partner-cont .no-world span{background:none;} @media only screen and (max-width:1256px){ #global-partner .partner-cont li{height:auto;} #global-partner .partner-cont li dl{padding:40px 20px 40px 0;} } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ #medi-tab.tb-margin{margin:0;} #medi-tab.tb-margin li{height:40px;} #medi-tab.tb-margin li:nth-child(n+4){width:100%;} #global-partner{padding:0;} #global-partner > em{display: block; font-size:20px; margin-top:20px;} #global-partner .partner-cont{padding:10px;} #global-partner .partner-cont li dd{display:table-row; line-height:23px;} #global-partner .partner-cont li dd em{display:table-cell; float:none; padding-right:10px;} #global-partner .partner-cont li dd span{display:table-cell; text-align: left;} #medi-tab.tb-margin li:nth-child(n){float:left; width:50%;} } @media only screen and (max-width:576px){/*mobile-s*/ #global-partner > em{font-size:18px; line-height:22px;} #global-partner .ct-select{padding:20px 10px;} #global-partner .dropdown{width:100%; margin:0 0 10px 0;} #global-partner .ct-select p{margin:0;} #global-partner .partner-cont li{margin-bottom: 10px;} #global-partner .partner-cont li > em{width:100%; padding:15px 15px 10px 15px; text-align: left;} #global-partner .partner-cont li dl{width:100%; padding:0px 15px 15px 15px;} #global-partner .partner-cont li dt{font-size:18px; font-weight:600; line-height:22px; margin-bottom:10px; letter-spacing:-0.5px; word-break:break-all;} #global-partner .partner-cont li dd em{font-size:14px;} #global-partner .partner-cont li dd span{font-size: 14px;} #global-partner .partner-cont li em i{line-height:normal;} #medi-tab.tb-margin li a{font-size:13px; letter-spacing:-0.5px;} #medi-tab.tb-margin li:nth-child(2n-1):after{display:block;} #medi-tab.tb-margin li:last-child{width:100%;} #medi-tab.tb-margin li:last-child:after{display:none;} } /*서비스 준비중*/ .home-repair{padding:60px 0;} .home-repair .d_width{background-color:#F4F4F4; text-align: center; height:500px; padding:100px 0;} .home-repair .d_width:before{content:''; display: block; width:100%; height:191px; background:url(../img/repair-img.png)no-repeat 50% 50%;} .home-repair em{display: block; font-size:40px; color:#374259; font-weight:700;} .home-repair span{font-size:18px; color:#374259;} /*해외진출컨설팅*/ #consulting .sub-info{padding-bottom:40px; border-bottom:2px solid #374259;} #consulting .cont-wrap ul{margin: 0 -20px;} #consulting .cont-wrap li{width:calc(33.3333% - 40px); margin:0px 20px; background-color:#F9F9F9; float:left; margin-bottom:40px;} #consulting .cont-wrap .cont{padding:30px; position: relative;} #consulting .cont-wrap .profile{width:64px; height:64px; border-radius:50%; position:absolute; overflow:hidden; right:20px; top:20px;} #consulting .cont-wrap img{min-width:100%; min-height:100%; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);} #consulting .cont-wrap em{font-size:17px; color:#666666; display:block; margin-bottom:25px; font-weight:400; letter-spacing:-1px;} #consulting .cont-wrap em b{color:#0087D9; font-weight: 400;} #consulting .cont-wrap .tit{font-size: 25px; color:#333333; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:10px; letter-spacing:-1px;} #consulting .cont-wrap .txt{font-size: 17px; color:#888888; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; letter-spacing:-1px;} #consulting .cont-wrap .consult-btn{} #consulting .cont-wrap .consult-btn a{display: block; width:50%; float:left; line-height: 50px; text-align: center; background-color:#E9E9E9; color:#0087D9; letter-spacing:-1px;} #consulting .cont-wrap .consult-btn a:last-child{background-color:#dcdcdc; color:#0087D9;} #consulting .cont-wrap .consult-btn a:hover{background-color: #0087D9; color:#ffffff;} #consulting .cont-wrap .consult-btn a i{margin-right:10px;} #consulting .cont-wrap .consult-btn a:hover i{color:rgba(255,255,255,0.6);} #consulting .board-paging{border-top:1px solid #cccccc; margin:0; padding:40px 0;} #consult-view {} #consult-view .consult-wrap{border-top:2px solid #0087D9;background:#F6F9FA;padding:60px;} #consult-view .thumb {float:left;width:210px; height:270px; margin-right:80px;position: relative; overflow:hidden;} #consult-view .thumb img {min-width:100%; min-height:100%; object-fit:cover; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);} #consult-view .cont {float:left;width:calc(100% - 290px);} #consult-view .cont .name{font-size:17px; color:#666666; display: block; margin-bottom:20px;} #consult-view .cont .name b{color:#516b7b;} #consult-view .cont .tit{font-size:25px;color:#333; margin-bottom:10px;font-weight:600; display: block; font-weight:400;} #consult-view .cont .txt{font-size:17px; color:#888888; display: block;} #consult-view .cont strong{display: block; margin:40px 0 10px 0; font-size: 17px; color:#0087D9;} #consult-view .cont dl{border-top:1px solid #ccc;} #consult-view .cont dl:last-child{border-bottom:1px solid #ccc;} #consult-view .cont dt{display:table-cell; font-size:15px; color:#0087D9; width:200px; padding:10px 0;} #consult-view .cont dd{display:table-cell; color:#666666; width:calc(100% - 200px); padding:10px 0;} #consult-view .cont dd p{margin-bottom:5px;} #consult-view .btnarea{margin:40px 0; text-align: center;} #consult-view .btnarea a {display:inline-block;color:#fff;font-size:18px;text-align:center;line-height:60px;min-width:260px;} #consult-view .btnarea a:nth-child(1) {border:1px solid #0087D9; color:#0087D9;} #consult-view .btnarea a:nth-child(2) {background:#0087D9;} #consult-view .btnarea a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.3);transition:0.2s;} @media only screen and (max-width:1440px){ } @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ #consulting .cont-wrap li{width:calc(50% - 40px);} #consult-view .cont dt{width:70px;} #consult-view .cont dd{width:calc(100% - 70px); line-height: 1.4;} } @media only screen and (max-width:767px){ #consulting .cont-wrap{padding:10px;} #consulting .cont-wrap ul{margin:0 -5px;} #consulting .cont-wrap li{width:calc(50% - 10px); margin:0 5px;} #consult-view .consult-wrap{padding:20px;} #consult-view .thumb{float:none; margin:0 auto;} #consult-view .cont{float:none; width:100%;} #consult-view .cont div{text-align: center;} #consult-view .cont .name{font-size: 15px; margin-bottom:10px;} #consult-view .cont .tit{font-size:22px; line-height:1.3;;} #consult-view .cont .txt{font-size: 14px;} } @media only screen and (max-width:576px){/*mobile-s*/ #consulting .cont-wrap li{width:calc(100% - 10px); margin-bottom:10px;} #consulting .cont-wrap li:last-child{margin-bottom:0;} #consulting .sub-info{padding-bottom:10p; margin-bottom:10px;} #consult-view .btnarea{margin:20px 0;} #consult-view .btnarea a{min-width:120px; font-size:16px; line-height: 40px;} } /*한의약 동향 및 뉴스*/ .exp{display: inline-block; width:25px; height:25px; border:1px solid #cccccc; position: relative; margin-left:15px;border-radius:50%;} .exp:before{content:'?';display: block;text-align: center; line-height: 25px; font-size:14px; color:#017AC2;} .exp span{display:none; opacity:0;padding:8px 15px; background-color:#516B7B; position: absolute; bottom:40px; font-size: 14px; color:#ffffff; white-space:nowrap; left:-33px; line-height:normal; transition:all 0.2s;} .exp:hover span{display:block;opacity:1;} .exp span:before{content:''; display: block; width:10px; height:10px; border-radius:2px; background-color: #516B7B; transform:rotate(45deg); position: absolute; left:40px; bottom:-5px;} #live-news{} #live-news .body-tit{display: block; font-size: 25px; line-height:60px;} #live-news .tit{background-color:#F6F9FA; padding:40px 60px; margin-bottom: 30px;} #live-news .tit em{display: inline-block; margin-right: 20px;font-size:27px; padding-left:50px; background:url(../img/ico_search.png)no-repeat left 50%; vertical-align:middle; color:#374259;} #live-news .tit span{vertical-align:middle; font-size: 17px; color:#666666;} #live-news .tit span i{color:#0087D9;} #live-news .news{float:left; width:calc(100% - 480px); margin-right:40px;} #live-news .news em{ border-bottom:2px solid #374259;} #live-news .news .list li:after{content:''; display: block; clear:both;} #live-news .news .list li{line-height: 70px; border-bottom:1px solid #cccccc; position:relative;} #live-news .news .list li div{position:absolute; right:5px;} #live-news .subject{padding-left:40px; width:calc(100% - 220px); background:url(../img/ico_notice.png)no-repeat 10px 50%; padding-right:30px; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #live-news .writer{float:left; font-size: 13px; color:#666666; margin-right: 10px;} #live-news .date{float:left; font-size: 11px; color:#888888;} #live-news .date:before{content:''; display: inline-block;} #live-news .keyword-wrap{width:440px; float:left; height:490px;} #live-news .keyword-wrap > div{position: relative;} #live-news .keyword-wrap > div:first-of-type .dpb{border-right:none;} #live-news .keyword-wrap .tab-content{background-color:#fff; padding:20px;position: absolute; top:50px; width:100%; border:1px solid #cccccc; border-top:none;} #live-news .keyword-wrap .dpb{display: block; float:left; width:50%; height:50px; line-height:50px; font-size:18px; text-align:center; border:1px solid #cccccc; color:#666666;} #live-news .keyword-wrap .tab-on a{background-color:#fff; border-top:2px solid #374259; color:#666666; border-bottom:none;} #live-news .keyword-wrap .tab-off > div{display: none;} #live-news .keyword-wrap .tab-off a:hover{background-color:#e4e4e4;} #live-news .keyword{position:relative; overflow:hidden; width:100%; padding-top:100%;} #live-news .keyword img{max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} #live-news .bnr{ background:url(../img/bnr_bg.png)no-repeat 50% 50% / cover; height:200px; padding:40px 0; margin: 50px 0;} #live-news .bnr li{width:16.6666%; float:left; text-align: center;} #live-news .bnr em{font-size:44px; color:#FEFEE5; display: block;} #live-news .bnr span{font-size: 18px; display: block; color:#fff; font-weight: 300;} #live-news .news-graph{margin-bottom: 40px;} #live-news .news-graph .graph-cont{padding:10px; text-align: center; background-color:#F4F4F4;} @media only screen and (max-width:1256px){ .exp span{left:-90px;} .exp span:before{left:95px;} } @media only screen and (max-width:1023px){ #live-news .tit em{font-size:21px;} #live-news .body-tit{font-size:18px;} #live-news .news{width:calc(100% - 280px); margin-right:20px;} #live-news .keyword-wrap{width:260px; height:330px;} #live-news .subject{width:calc(100% - 180px);} .exp span{white-space:normal; width:200px;} .exp span:before{left:95px;} } @media only screen and (max-width:767px){ #live-news .tit{margin:0;} #live-news .news{width:100%; margin:0;} #live-news .keyword-wrap{width:100%; height:auto; padding-bottom:100%;} #live-news .keyword-wrap .tab-content{text-align:center;} #live-news .news-wrap{padding:10px;} #live-news .news-graph{padding:10px; margin:0;} #live-news .bnr{height:auto;} #live-news .bnr li{width:33.3333%;} } @media only screen and (max-width:576px){/*mobile-s*/ #live-news .tit{padding:20px; text-align:center;} #live-news .tit em{margin-bottom:10px;} #live-news .tit span{display:block; font-size:15px; line-height:20px;} #live-news .bnr{padding:30px 0; margin-bottom:0;} #live-news .bnr em{font-size:23px;} #live-news .bnr span{font-size:16px;} } @media only screen and (max-width:413px){/*small*/ #live-news .subject{width:calc(100% - 80px); font-size:13px;} #live-news .date{display:none;} #live-news .keyword-wrap{height:auto;} }/*samll end*/ /*추진단 소개*/ #introduce{position: relative; padding:80px 0;} #introduce:after{content:''; display: block; width:100%; height:390px; background-color:#F4F6F8; position: absolute;bottom:0px; left:0; z-index: 1;} #introduce .img-box, #introduce .txt-box{width:calc(50% - 50px); float:left; position: relative; z-index:9;} #introduce .img-box{margin-right: 100px; position: relative;} #introduce .img-box:before{content:''; display: block; width:600px; height:392px; background:url(../img/greeting_img2.png)no-repeat 0 0; position: absolute; right:-40px; bottom:0;background-size:cover;} #introduce .img-box .img{width:100%; height:400px; background:url(../img/greeting_bg2.png)no-repeat 50% 50% / cover; box-shadow:7px 7px 10px rgba(0,0,0,0.2); margin-bottom: 50px;} #introduce .img-box p{letter-spacing:15px; margin:15px 0; color:#638396;} #introduce .txt-box em{font-size:29px; display: block; color:#516B7B; font-weight:700;} #introduce .txt-box p{font-size:18px; line-height:35px; margin:40px 0;} @media only screen and (max-width:1440px){ #introduce .img-box{margin-right:50px;} #introduce .txt-box {width:50%;} #introduce .img-box:before {width:430px;height:280px;} } @media only screen and (max-width:1256px){ #introduce:after{height:495px;} #introduce .img-box p {letter-spacing:8px;} #introduce .img-box:before {bottom:30px;} } @media only screen and (max-width:1023px){ #introduce .img-box .img {height:300px;} #introduce .img-box:before {width:320px;height:210px;bottom:110px;} #introduce .txt-box p {margin:20px 0;font-size:17px;} } @media only screen and (max-width:767px){ #introduce {padding:80px 20px;} #introduce .txt-box p {font-size:16px;} #introduce .img-box, #introduce .txt-box {width:100%;} #introduce .img-box .img {height:300px;margin-bottom:20px;} #introduce .img-box:before {content:none;} #introduce .img-box p {display:inline;font-size:13px;} #introduce .txt-box {margin-top:20px;} #introduce:after {height:300px;} #introduce .txt-box em {font-size:26px;} } @media only screen and (max-width:576px){/*mobile-s*/ #introduce .txt-box em {font-size:24px;} } /*한의약 세계화 협력 네트워크*/ #network{} #network .tit{background-color:#F6F9FA; text-align: center; padding:40px 0; margin-bottom:60px;} #network .tit em{font-size:19px; display: inline-block; vertical-align: middle; margin-right: 30px;} #network .tit em:before{content:''; display: inline-block; width:49px; height:39px; margin-right: 30px; background:url(../img/ico_notice2.png)no-repeat 0% 0%; vertical-align: middle;} #network .tit a{display: inline-block; padding:10px 15px; font-size:15px; background-color:#0087D9; color:#fff; vertical-align: middle; font-weight:300;} #network .tit a:hover{background-color: #A98F5A;} #network .tit a:before{content:''; display: inline-block; width:20px; height:18px; background:url(../img/down.png)no-repeat 0 0; margin-right: 20px;} #network strong{display: block; font-size: 29px;} #network .list li{height:150px; background-color:#F9F9F9; margin-bottom: 20px;} #network .list li:after{content:''; display: block; clear:both;} #network .list li em{font-size: 15px; float:left; display: block; width:100px; height:100%; padding:40px 0; text-align: center; font-weight:300; color:#516B7B;} #network .list li em i{border-bottom:1px solid #9AA0AB; line-height: 30px;} #network .list li div{width:calc(100% - 100px);float:left; padding:40px 0;} #network .list li span{display: block; font-size:25px; color:#374259; text-align:left; line-height: normal; margin-bottom: 10px;} #network .list li dl{font-size: 15px;} #network .list li dt{float:left; margin-right: 10px; color:#2A4F81; font-weight:700;} #network .list li dd{float:left; margin-right: 30px; color:#666666;} #network .list li div{position: relative; height:100%;} #network .list li a{display: block; position: absolute; right:60px; top:50%; transform:translateY(-50%); line-height: 40px; color:#0087D9;} #network .list li a:after{content:''; display: inline-block; background:#0087D9 url(../img/link.png)no-repeat 50% 50%; width:40px; height:40px; border-radius:50%; vertical-align: middle; margin-left: 30px; transition:all 0.2s;} #network .list li a:hover{color:#A98F5A;} #network .list li a:hover:after{background:#A98F5A url(../img/link.png)no-repeat 50% 50%;} @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ #network .tit a{margin-top:20px;} #network .list li{height:auto;} #network .list li a{position:relative; right:auto; top:auto; transform:none; margin-top:15px;} #network .list li a:after{float:left; margin:0px 10px 0 0;} #network .list li span{padding-right:165px;} #network .list li dt{margin:0; width:50px;} #network .list li dd{margin:0; width:calc(100% - 50px);} } @media only screen and (max-width:767px){ #network.indent{padding:10px;} #network .tit em{line-height:1;} #network .list li em{width:60px; padding:20px 0;} #network .list li a{transform:none; font-size:14px; line-height:30px;} #network .list li span{font-size:20px; padding:0;} #network .list li div{width:calc(100% - 60px); padding:20px 0;} } @media only screen and (max-width:576px){/*mobile*/ #network .list li{margin-bottom:10px;} #network .list li span{font-size:18px;} #network .list li a:after{width:30px; height:30px;} h4{font-size:24px;} #network .tit{padding:20px; margin-bottom:40px;} #network .tit em{line-height:1.3; font-size:15px; margin:0;} #network .tit em:before{display:block; margin:0 auto; margin-bottom:10px;} #network .list li dd{padding-right:10px;} } /*브랜드*/ #brand .tit{background-color:#F6F9FA; text-align: center; padding:40px 0; margin-top:20px;} #brand .tit a{display: inline-block; padding:10px 30px; font-size:15px; background-color:#0087D9; color:#fff; vertical-align: middle; font-weight:300; margin:0 10px;} #brand .tit a:hover{background:#A98F5A;} #brand .tit a:before{content:''; display: inline-block; width:20px; height:18px; background:url(../img/down.png)no-repeat 0 0; margin-right: 20px;} #brand p{font-size: 18px; color:#666666;} #brand .symbol{border:5px solid #F4F4F4; text-align: center; padding:90px; position: relative; margin:30px 0} #brand .symbol .small{position: absolute; font-size: 15px; right:50px; bottom:50px;} #brand .symbol .small em{display: block; margin-bottom: 10px;} #brand .symbol .small strong{display: inline-block;} #brand .symbol .small strong:after{content:''; width:15px; height:60px; display: inline-block; border:2px solid #cccccc; border-left:none; vertical-align: middle;} #brand .symbol .small span{vertical-align:middle;} #brand .symbol .small img{width:90px;} #brand dl{display:table-row;} #brand dt{width:300px; display:table-cell; border-right:1px solid #cccccc; font-size:22px; color:#0087D9; font-weight:500;} #brand dd{width:calc(100% - 300px); display:table-cell; padding:0 60px; font-size: 18px; letter-spacing:-1px; vertical-align:top;} #brand .bnr{height:420px; background: url(../img/brand_bnr_bg.png)no-repeat 50% 50% / cover; padding:80px 0; margin:60px 0;} #brand .bnr .d_width div{width:25%; float:left; padding:0 20px; text-align: center;} #brand .bnr em{font-size: 22px; display: block; color:#ffffff; margin-bottom: 20px;} #brand .bnr em:after{content:''; display: block; width:90px; height:75px; background: url(../img/ico_symbol01.png)no-repeat 50% 50%; margin:0 auto; margin-top:10px;} #brand .bnr .bnr-cont02 em:after{background-image: url(../img/ico_symbol02.png);} #brand .bnr .bnr-cont03 em:after{background-image: url(../img/ico_symbol03.png);} #brand .bnr .bnr-cont04 em:after{background-image: url(../img/ico_symbol04.png);} #brand .bnr p{font-size:17px; color:#B5CCD9; letter-spacing:-1px;} #brand .grid{margin-top: 30px;} #brand .grid div{width:calc(50% - 30px);float:left; border:10px solid #F4F4F4; text-align: center; padding:30px;} #brand .grid div:first-child{margin-right: 60px;} #brand .grid div:last-child{padding:20px 0 35px 0;} #brand .signature{ border:10px solid #f4f4f4; padding:50px; margin-top:30px;} #brand .signature div:first-child{margin-bottom: 60px;} #brand .signature div:first-child ul{margin:0 -10px;} #brand .signature div:first-child li{float:left; width:calc(25% - 20px); margin:0 10px; text-align: center;} #brand .signature div:last-child li{float:left; width:50%; padding: 0 40px; margin-bottom:10px;} @media only screen and (max-width:1256px){ #brand .txt-br{display:inline;} #brand .grid div{width:calc(50% - 10px);} #brand .grid div:first-child{padding:35px 30px; margin-right:20px;} } @media only screen and (max-width:1023px){ #brand .d_width{padding:10px;} #brand dt{width:160px;} #brand .bnr{height:auto; padding:30px 0;} #brand .bnr .d_width div{width:50%;} #brand .bnr .d_width div:nth-child(n+2){margin-bottom:10px;} #brand .grid div:last-child{padding:20px;} #brand .bnr p{height:90px;} #brand .signature div:last-child li{padding:0;} } @media only screen and (max-width:767px){ h4{font-size:25px;} #brand dt{display:block; width:100%; border:none; border-bottom:1px solid #cccccc;padding:10px 0;} #brand dd{display:block; width:100%; padding: 10px 0; font-size:} #brand .signature div:first-child li{width:calc(50% - 20px);} } @media only screen and (max-width:576px){/*mobile*/ #brand .tit{margin:0; padding:10px;} #brand .tit a{margin:0; width:100%;} #brand .tit a:first-child{margin-bottom:10px;} h4{font-size:23px; margin-bottom:10px;} #brand dd, #brand p{font-size:16px; line-height:1.5;} #brand .symbol{padding:30px; padding-bottom:90px;} #brand .symbol .small{right:20px; bottom:20px;} #brand .symbol .small em{font-size:14px; line-height:1.3; letter-spacing:-1px; margin-bottom:5px;} #brand .symbol .small img{width:50px;} #brand .symbol .small strong:after{height:30px;} #brand .bnr{margin:20px 0;} #brand .bnr em{font-size:18px; margin-bottom:10px;} #brand .bnr p{height:auto; font-size:14px;} #brand .bnr .d_width div{width:100%; margin-bottom:20px;} #brand .bnr .d_width div:last-child{margin:0;} #brand .bnr em:after{margin-top:5px;} #brand .grid{margin-top:10px;} #brand .grid div{width:100%; margin:0 0 10px 0;} #brand .signature{padding:10px; margin-top:10px;} #brand .signature div:first-child{margin-bottom:20px;} #brand .signature div:last-child li{width:100%; padding:0;} #brand .signature div:last-child li img{max-height:60px;} } /*로그인*/ #body-content > div#login{padding:90px 0; background-color:#F4F4F4;} #login{background-color:#f4f4f4;} #login .d_width{width:1240px} #login .d_width > div{float:left; width:50%; height:480px; background-color:#ffffff;} /*#login .tit-box{background:url(../img/login_bg.jpg)no-repeat 50% 50% / cover; padding:60px; color:#ffffff;}*/ #login .tit-box{background:url(../img/login_bg2.png)no-repeat 50% 50% / cover; padding:60px; color:#ffffff;} #login .tit-box em{font-size:35px; margin-bottom:20px; display: block; font-weight:700;} #login .tit-box p{font-size:18px;} #login .write{ border:1px solid #C8DAEC; border-left:none; padding:100px; background:#ffffff url(../img/login_pattern.png)no-repeat right bottom;} #login .write .input-wrap{} #login .write .input-wrap div{position: relative; margin-bottom:5px;} #login .write .input-wrap div i{position: absolute; left: 15px; top: 20px; width: 20px; height: 20px; text-align: center; font-size: 18px; color: #e3e3e3;} #login .write .input-wrap input{height:56px; padding-left:40px; border-radius:0; font-size: 15px;} #login .write .btn_login a{display: block; padding:20px; text-align: center; font-size:17px; background-color:var(--main-color); margin-top:10px; color:#ffffff;} #login .write .btn_login a:hover{background-color:#A98F5A;} #login .write .btn-find{text-align: center; margin-top: 30px;} #login .write .btn-find a{display: inline-block; margin:0 15px; position: relative;} #login .write .btn-find a:hover{text-decoration:underline;} #login .write .btn-find a:nth-child(2){padding:0 30px;} #login .write .btn-find a:nth-child(2):before, #login .write .btn-find a:nth-child(2):after{content:''; display: inline-block; width:5px; height:5px; border-radius:50%; background-color:#cccccc; position: absolute; top:50%; transform:translateY(-50%);} #login .write .btn-find a:nth-child(2):before{left:0;} #login .write .btn-find a:nth-child(2):after{right:0;} @media only screen and (max-width:1440px){ #login .d_width{width:1000px;} } @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ #body-content > div#login{padding:30px 0;} #login .d_width{width:95%;} #login .d_width > div{height:350px;} #login .tit-box{width:40%; padding:20px;} #login .tit-box em{font-size:27px;} #login .write{width:60%; padding:20px;} #login .write .btn-find a{margin:0 2px;} #login .write .btn-find a:nth-child(2){padding: 0 15px;} } @media only screen and (max-width:767px){ #login .tit-box em{margin:0; line-height:1.5;} #login .d_width > div{float:none; width:100%; height:auto; padding:30px;} #login .write .input-wrap input{height:50px;} } @media only screen and (max-width:576px){/*mobile*/ #body-content > div#login{padding:20px 0;} #login .d_width > div{padding:20px;} #login .tit-box em{font-size:23px;} #login .tit-box p{font-size:14px} #login .write .btn_login a{padding:10px;} #login .write .btn-find{margin-top:10px;} #login .write .btn-find a{font-size:14px;} } /*회원가입*/ #body-content > div#join{padding:40px 0; background-color:#F4F4F4;} .step{margin-bottom: 30px;} .step li{width:25%; float:left; text-align: center; position: relative;} .step span{ font-size:23px; color:#888888;} .step span:before{content:''; display:inline-block; width:70px; height:70px; background:#cfcfcf url(../img/ico_info01.png)no-repeat 50% 50%; vertical-align:middle; border-radius:50%; margin-right:20px;} .step li:nth-child(2) span:before{background-image:url(../img/ico_info02.png);} .step li:nth-child(3) span:before{background-image:url(../img/ico_info03.png);} .step li:nth-child(4) span:before{background-image:url(../img/ico_info04.png);} .step li.on span{color:var(--main-color);} .step li.on span:before{background-color:var(--main-color);} .step li:before{content:''; display:block; width:110px;border-top:2px solid #cfcfcf; position: absolute; right:-55px; top:50%; transform:translateY(-50%);} .step li:last-child:before{display: none;} #join .tit{font-size: 17px; padding:30px; background:#F6F9FA url(../img/home_info_img.png)no-repeat 95% 50%; border:1px solid #C8DAEC; margin-bottom:20px; color:#666666; padding-right:230px;} #join .tit p{padding-left:20px; background:url(../img/dot.png)no-repeat 0 12px; line-height:1.3; margin-bottom:10px; color:#374259;} #join .tit p:last-child{margin:0;} #join .agree{padding:50px; background-color: #fff; border:1px solid #C8DAEC;} #join .agree input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } #join .agree label{display: inline-block; width:100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 23px; color:#374259; font-weight: 700;} #join .agree label:before {content: '\f00c';font-family: 'FontAwesome';color:#cacece; display: inline-block; float:right; width: 40px; height: 40px; line-height: 40px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; border-radius:50%;} #join .agree input[type="checkbox"]:checked + label:before {content: '\f00c'; font-family:'FontAwesome'; color: #fff; background:#0087D9; border-color: #0087D9; } #join .agree .all label{border-bottom:1px solid #ccc; padding:10px 0;} #join .agree .cont label{padding:30px 0;} #join .agree .cont label span{} #join .agree .cont .txt{height:300px; overflow-y:auto; border-top:1px solid #C8DAEC; padding:20px; background-color: #F9FBFC;} #join .agree .cont .txt em{display: block; margin-top:10px; color:var(--sub-color);} #join .agree .cont .txt h5{font-size: 20px; color:#000} #join .agree .check-wrap {position:relative;line-height:60px;padding:5px 140px 5px 0;} #join .agree .check-wrap span {float:left;width:100%;font-size:23px;line-height: 1.5;color:#374259; font-weight:700; padding:30px 0;} #join .agree .check-wrap a {position:absolute;right:0px;top:50%;transform:translateY(-50%);display:block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;border:1px solid #ddd;transition:all 0.2s ease-out;color:#999} #join .agree .check-wrap a.agree-ok {border-color:#5CA7DA;background:#5CA7DA;color:#fff;} #join .agree .check-wrap a:before {content:"\f00c";font-family:FontAwesome;font-weight:900;} #join .agree .check-wrap a.on {color: #fff;background: #0087D9;border-color: #0087D9;} #join .d_width > a{display: block; width:400px; padding:20px; font-size: 18px; color:#fff; text-align: center; background-color:var(--main-color); margin:20px auto;} #join .auth{background-color: #fff; padding:80px; text-align: center; border:1px solid #BCCBD3;} #join .auth em{font-size:27px; color:#374259; font-weight: 700;} #join .auth em:before{content:''; display: block; width:105px; height:125px; background:url(../img/ico_info06.png)no-repeat 50% 50%; margin:0 auto; margin-bottom: 30px;} #join .auth p{font-size: 18px;} #join .agree .cont .txt table{text-align:center;} #join .agree .cont .txt table thead tr{background-color:#516B7B; color:#ffffff;} #join .agree .cont .txt ta#ble thead th{text-align:center;padding:10px; border:1px solid #e6e6e6;} #join .agree .cont .txt table tbody tr{border:1px solid #e6e6e6;} #join .agree .cont .txt table tbody td{background-color:#fff;padding:10px; border:1px solid #e6e6e6;} /*회원가입임시팝업*/ #join .join-popup{display:none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:99999;} #join .join-popup a{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} /*회원가입 정보수집동의 라디오박스디자인 20210521*/ #join .check-wrap p{font-size:23px; color:#374259; font-weight:700; padding:30px 0;} #join .agree_choose{margin-bottom:5px;} #join .agree_choose:after, #join .agree_choose dd:after{content:''; display: block; clear:both;} #join .agree_choose dt, #join .agree_choose dd{float:left; text-align:center} #join .agree_choose dt{width:80px; font-size: 18px; font-weight: 600; line-height:50px; background-color: #768395; color:#fff;} #join .agree_choose dd{width:calc(100% - 80px); line-height: 50px;} #join .agree .agree_choose dd label{float:left;width:50%; cursor:pointer; padding:0; font-size:18px; font-weight:400;} #join .agree .agree_choose dd label:before{display:none;} #join .agree_choose dd label input{display:none;} #join .agree_choose dd label input:focus label {outline:2px solid #333;} #join .agree_choose dd label span{display: block;background-color: #f5f5f5;color: #888888;} #join .agree_choose dd label input:checked + span{background-color: #017ac2; color:#fff;} #join .agree_choose dd a {display:block;float:left;width:50%;background-color: #f5f5f5;color: #888888;} #join .agree_choose dd a.on {background-color:var(--sub-color); color:#fff;} @media only screen and (max-width:1256px){ #join .tit{padding-right:190px;} #join .step li:before{width:40px; right:-20px;} } @media only screen and (max-width:1023px){ #join .step span:before{margin-right:10px;} #join .step li:before{display:none;} } @media only screen and (max-width:767px){ #join{padding:10px;} #join .step{padding-top:30px;} #join .step span{font-size:20px;} #join .step span:before{width:60px; height:60px;} #join .tit{background-position:50% 20px; padding:20px; margin-bottom:10px; padding-top:145px;} #join .agree .check-wrap {padding:5px 50px 5px 0;} #join .agree .check-wrap span {padding:10px 0;font-size:19px;} } @media only screen and (max-width:576px){/*mobile*/ #join .step span:before{margin:0; width:45px; height:45px; background-size:30px;} #join .step span{display:block; font-size:15px;} #join .tit{padding:145px 15px 15px 15px;} #join .tit p{font-size:14px;} #join .agree{padding:20px;} #join .agree .all label{font-size:16px;} } /*의견서작성하기(진출도움받기)*/ #kmp-suggest-wrap{padding:60px 0; background-color:#F4F4F4;} .kmp-suggest {background:#fff;border:1px solid #C8DAEC;} .kmp-suggest .suggest-tit {line-height:110px;padding:0 50px;border-bottom:1px dashed #C8DAEC;} .kmp-suggest .suggest-tit h3 {line-height:110px;margin:0;font-size:27px;color:#374259;font-weight:600; float:left;} .kmp-suggest .suggest-tit .info {color:#666;font-size:14px; float:right;} .kmp-suggest .suggest-form {padding:50px;} .kmp-suggest .suggest-form .form-control-label {float:left;font-size:21px;color:#374259;font-weight:600;line-height:56px;} .kmp-suggest .suggest-form .form-control-body {float:left;} .kmp-suggest .suggest-form .form-control-body textarea {padding:20px; height:250px; resize:none;} .kmp-suggest .suggest-form .form-control {border-radius:0;border:1px solid #EAEAEA;min-height:56px;background:#ffffff;} .kmp-suggest .suggest-form .form-control.date {background:#fff;border:1px solid #0087D9;color:#0087D9;padding-left:40px;} .kmp-suggest .suggest-form .form-group.day .form-control-body, .kmp-suggest .suggest-form .form-group.com .form-control-body{position:relative;} .kmp-suggest .suggest-form .form-group.day .form-control-body:before, .kmp-suggest .suggest-form .form-group.com .form-control-body:before{content:'\f073'; display:inline-block; font-family:FontAwesome; position:absolute; left:35px;top:5px; color:#0087D9; font-size:20px;} .kmp-suggest .suggest-form .form-group.com .form-control-body:before{content:"\f2bd";} .kmp-suggest .suggest-form .file-div {display:flex;} .kmp-suggest .suggest-form .upload-btn {height:56px;line-height:56px;font-size:15px;background:#374259;color:#fff;padding: 0 30px;margin-left:-1px;} .kmp-suggest .suggest-form .form-group:last-child {margin-bottom:0;} .btn-wrap {margin:40px 0;} .btn-wrap a {display:inline-block;color:#fff;font-size:18px;text-align:center;line-height:60px;min-width:260px;} .btn-wrap a:nth-child(1) {background:#999;} .btn-wrap a:nth-child(2) {background:#0087D9;} .btn-wrap a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.3);transition:0.2s;} .kmp-suggest {} .kmp-suggest .q-category {margin:0 -10px;} .kmp-suggest .dropdown {float:left;width:calc(50% - 20px);margin:0 10px;padding-left: 20px;padding-right: 50px;position:relative;background:none;border:1px solid #0087D9;color:#0087D9;line-height:56px;height:56px;cursor:pointer;} .kmp-suggest .dropdown > a{color:#0087D9;} .kmp-suggest .dropdown ul {} .kmp-suggest .dropdown li {padding:0;} .kmp-suggest .dropdown .arrow {position:absolute;right:11px;top:0;} .kmp-suggest .dropdown:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-family:FontAwesome;color:516B7B;font-size:20px;} .kmp-suggest .dropdown ul {width:100%; border-radius:0;} .kmp-suggest .dropdown li a {display:block;padding:10px 15px;border-top:1px dashed #DFDFDF;} .kmp-suggest .dropdown li:first-child a {border-top:none;} .kmp-suggest .dropdown li a:hover {background:rgba(13,11,93,0.05);} .kmp-suggest .form-control-body i{display:block; width:56px; height:56px; line-height:56px; text-align:center; border:1px solid #374259; color:#374259; margin-left:5px;} @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ .kmp-suggest .form-control-body i{display:block; width:56px; height:56px; line-height:56px; text-align:center; border:1px solid #374259; color:#374259; margin-left:5px;} .kmp-suggest .form-control-body input.w300{width:calc(100% - 180px) !important;} } @media only screen and (max-width:767px){ #kmp-suggest-wrap{padding:0;} .kmp-suggest{border:none; width:calc(100% - 20px); margin:0 auto;} .btn-wrap{margin:0; padding:20px 0;} } @media only screen and (max-width:576px){/*mobile-s*/ .kmp-suggest .suggest-tit{line-height:20px; padding:10px; text-align:center;} .kmp-suggest .suggest-tit h3{line-height:30px; font-size:20px; float:none;} .kmp-suggest .suggest-tit .info{float:none;} .kmp-suggest .suggest-form{padding:20px;} .suggest-form .row{margin:0 0 10px 0;} .kmp-suggest .suggest-form .form-control-label{float:none; width:100%; font-size:16px; line-height:35px; padding:0;} .kmp-suggest .suggest-form .form-control-body{padding:0; width:100%; line-height:30px; float:none;} .kmp-suggest .suggest-form .form-group.day .form-control-body:before, .kmp-suggest .suggest-form .form-group.com .form-control-body:before{top:5px; left:15px;} .kmp-suggest .suggest-form .form-control{min-height:40px;} .kmp-suggest .suggest-form .upload-btn{height:40px; line-height:40px; padding:0 20px;} .kmp-suggest .form-control-body input.w300{width: calc(100% - 140px) !important;} .kmp-suggest .form-control-body i{width:40px; height:40px; line-height:40px;} .btn-wrap a{min-width:auto; width:140px; line-height:40px; font-size:15px;} .kmp-suggest .dropdown{width:calc(100% - 20px); margin-bottom:5px; line-height:40px; height:40px;} } /*자료신청*/ .kmp-list {} .kmp-list li {padding:5px 0;font-size:18px;color:#333;} .kmp-list .num {display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;font-size:11px;color:#fff;background:#0087D9;border-radius:50%;margin-right:15px;} .board-search {margin-bottom:40px;margin-top:0;} .board-search .txt {float:left;font-size:17px;color:#999;line-height:60px;font-weight:300;} .board-search .txt span {color:#516B7B;} .board-search .serch-bx {float:right;position:relative;} .board-search .serch-bx input {width:450px;border-radius:0;height:60px;padding:0 60px 0 15px;line-height:60px;margin-left:5px;border:none;background:#516B7B;color:#fff;} .board-search .serch-bx input::placeholder {color:rgba(255,255,255,0.7);} .board-search .serch-bx .btn-select {color:#fff;position:absolute;top:50%;right:20px;background:none;transform:translateY(-50%);} .board-list {border-top:2px solid #516B7B;} .board-list li {border-bottom:1px solid #ccc;position:relative;} .board-list li a {display:block;padding:40px 0;} .board-list li a:hover {background:#f7f7f7;transition:0.2s;} .board-list li span {display:inline-block;} .board-list li .date {font-size:19px;color:#999;line-height:1.5;text-align:center;float:left;width:130px;margin-right:30px;} .board-list li .date em {font-size:25px;color:#0087D9;display:block;} .board-list li .text-wrap{width:calc(100% - 160px); float:left;} .board-list li .subject {font-size:25px;color:#000;line-height:65px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;float:left;width:calc(100% - 160px);} .board-list li .more {font-size:15px;color:#0087D9;position:absolute;right:20px;top:50%;transform:translateY(-50%);} .board-list li a:after {content:"";clear:both;display:block;float:none;} @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ .kmp-list .num{width:20px; height:20px; line-height:20px;} .kmp-list li{font-size:16px;} .board-list li .date{width:80px; margin-right:10px; font-size:15px;} .board-list li .date em{font-size:18px;} .board-list li .text-wrap{width:calc(100% - 90px);} .board-list li .subject{font-size:20px; width:100%; line-height:45px;} .board-list{width:calc(100% - 20px); margin:0 auto;} .board-list li .more{position:relative; top:auto; left:auto; transform:none; right:auto; margin-top:5px;} } @media only screen and (max-width:767px){ .kmp-list li{padding:0;} .board-list li a{padding:20px 0;} .board-list li .date{width:60px; font-size:14px; line-height:1.2; margin-right:10px;} .board-list li .subject{font-size:16px; height:auto; line-height:1.4; transform:none; padding-right:10px; -webkit-line-clamp:2;} .board-list li .date em{font-size:16px;} .board-list li .text-wrap{width:calc(100% - 70px);} .board-list{} /*게시글 뷰 페이지*/ .board_view{width:calc(100% - 20px); margin:0 auto;} .board_view .title{font-size:20px;} .board_view_list{width:calc(100% - 20px); margin:15px auto;} .btnarea{width:calc(100% - 20px); margin:15px auto;} } @media only screen and (max-width:576px){/*mobile*/ .kmp-list li{position:relative; padding-left:30px;} .kmp-list .num{position:absolute; left:0; top:5px;} .board-list li .subject{font-size:16px;max-height: 45px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; line-height:1.4; transform:none; padding-right:10px;} .board-list li .date em{font-size:16px;} .board-list li .more{font-size:13px; letter-spacing:-0.5px;} } /*자료신청 view*/ .point-custom {color:#516B7B;} .guidebook-top {border-top:2px solid #516B7B;background:#F4F4F4;padding:60px;} .guidebook-top .thumb {float:left;width:210px;margin-right:80px;} .guidebook-top .thumb img {border:1px solid #ccc;width:100%;} .guidebook-top .cont {float:left;width:calc(100% - 290px);} .guidebook-top .cont .tit{font-size:27px;color:#333;margin-bottom:30px;font-weight:600;} .guidebook-top .cont ul {display:flex;flex-wrap:wrap;border-top:1px solid #ccc;} .guidebook-top .cont li {max-width:50%;flex:0 0 50%;border-bottom:1px solid #ccc;padding:15px 0;line-height:1.3;} .guidebook-top .cont li:after {content:"";display:block;float:none;clear:both;} .guidebook-top .cont li:nth-child(2n+1) {clear:both;} .guidebook-top .cont li span {display:block;float:left;} .guidebook-top .cont li span i{display:block;} .guidebook-top .cont li span:nth-of-type(1) {color:#0087D9;width:150px;} .guidebook-top .cont li span:nth-of-type(2) {width:calc(100% - 150px);} .guidebook-top .cont li.txt {max-width:100%;flex:0 0 100%;line-height:1.8;} .guidebook-subs {border-top:2px solid #374259;} .guidebook-subs i {font-size:20px;} .guidebook-subs table tr {border-bottom:1px solid #ccc;} .guidebook-subs table tr th {background:#374259;color:#fff;text-align:center;padding:30px;font-size:17px;font-weight:400;} .guidebook-subs table tr td {padding:15px;} .guidebook-subs table tr .form-inline:first-child{margin-bottom:5px;} .guidebook-subs table tr .form-control {border-radius:0;border:1px solid #ccc;height:48px;line-height:48px;background:#fff; width:250px;} .guidebook-subs table tr .offline a, .guidebook-subs table tr .online > a {display:inline-block;line-height:48px;color:#fff;font-size:13px;padding:0 20px;} .guidebook-subs table tr a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.3);transition:0.2s;} .guidebook-subs table tr .btn-address {background:#000;} .guidebook-subs table tr .btn-zip {background:#333;} .guidebook-subs table tr .btn-subscribe {background:#0087D9;} .guidebook-subs table td.point-custom{background-color: #F4F6F8;} .guidebook-subs table td.point-custom > div{ display: inline-block;} .guidebook-subs table tr input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} .guidebook-subs table tr label{display: inline-block; width:100%; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 17px; color:#374259; font-weight: 400; margin-right:10px;} .guidebook-subs table tr label:before {content: ''; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; border-radius:50%;} .guidebook-subs table tr input[type="radio"]:checked + label:before {content: '\f00c'; font-family:'FontAwesome'; color: #fff; background: #374259; border-color: #374259; font-size:13px; vertical-align:middle;} .guidebook-subs table tr .online input{width:300px; height:48px; border-radius:0; border-color:#cccccc;} .guidebook-subs .ct-select{position: relative; bottom:-40px; z-index:9;} .guidebook-subs .dropdown:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-family:FontAwesome;color:#516B7B;font-size:20px;} .guidebook-subs .dropdown li {padding:0;} .guidebook-subs table tr .online a{vertical-align:middle;} .guidebook-view .btnarea{text-align:center;} .guidebook-view .btnarea a{display:inline-block; width:180px; padding:10px 30px; background-color: #374259; color:#ffffff; margin:0 auto; text-align: center;} .guidebook-view .btnarea a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.3);transition:0.2s;} .guidebook-view .dropdown{display: inline-block; position:relative; color:#516B7B; line-height:48px;height:48px;cursor:pointer; width:200px; font-size:15px; text-align: left; border:1px solid #cccccc; vertical-align:middle;} .guidebook-view .dropdown .tit{display:block; padding:; padding:0 20px;} .guidebook-view .dropdown ul{width:100%; border-radius:0;} .guidebook-view .dropdown li{padding:0;} .guidebook-view .dropdown li a {display:block;padding:10px 15px;border-top:1px dashed #DFDFDF;} .guidebook-view .dropdown li:first-child a {border-top:none;} .guidebook-view .dropdown li a:hover {background:rgba(13,11,93,0.05); box-shadow:none;} @media only screen and (max-width:1256px){ .guidebook-subs .select-data{width:300px; margin-top:5px;} .guidebook-subs table tr .online a{margin-top:5px;} } @media only screen and (max-width:1023px){ .guidebook-top{padding:30px;} .guidebook-top .thumb{margin-right:50px;} .guidebook-top .cont{width:calc(100% - 260px);} .guidebook-top .cont li span:nth-of-type(1){width:70px;} .guidebook-top .cont li span:nth-of-type(2){width:calc(100% - 70px);} .guidebook-subs table tr .form-inline.detail .form-control{width:100%; margin-bottom:5px;} .guidebook-subs table tr .btn-subscribe{padding:0 40px;} .guidebook-subs table tr .online input{width:240px;} .guidebook-subs .dropdown{width:240px;} } @media only screen and (max-width:767px){ .guidebook-view{padding:10px;} .guidebook-top .thumb{float:none; margin:0 auto;} .guidebook-top .cont{width:100%;} .guidebook-top .cont .tit{text-align:center;} .guidebook-subs table tr .form-control{width:240px;} .guidebook-subs table tr .online input{width:calc(100% - 20px); margin-bottom:5px; float:left;} .guidebook-subs table tr .online .at-sign{width:20px; float:left; display:block; line-height:48px; text-align:center;} .guidebook-subs table tr .online #email2{} .guidebook-subs .select-data{margin:0;} .guidebook-subs table tr .online a{margin:0;} .guidebook-subs table tr .btn-subscribe{padding:0 20px;} } @media only screen and (max-width:576px){/*mobile*/ .guidebook-top{padding:15px;} .guidebook-top .cont .tit{font-size:23px; line-height:1.2; margin:20px 0 30px 0;} .guidebook-top .cont li{max-width:100%; flex: 0 0 100%; padding: 11px 0;} .guidebook-top .cont li:last-child span:nth-of-type(1), .guidebook-top .cont li:last-child span:nth-of-type(2){width:100%;} .guidebook-top .cont li.txt div{line-height:1.2; margin-bottom:7px;} .guidebook-subs{border:none;} .guidebook-subs table tr{border:none;} .guidebook-subs table tr th{display:block; padding:10px 0; background:none; color:#516b7b; text-align:left;} .guidebook-subs table tr td{display:block; padding:0;} .guidebook-subs table td.point-custom{padding:15px;} .guidebook-subs .dropdown{margin-bottom:5px;width:calc(50% - 5px); margin:0; height:35px; line-height:35px;} .guidebook-view .dropdown .tit{padding:0 10px;} .guidebook-subs table tr label{font-size:14px; letter-spacing:-1px;} .guidebook-subs table tr .online #email2{width:50%; margin: 0 5px 0 0;} .guidebook-subs .dropdown:after{right:10px;} .guidebook-subs table tr .online .at-sign{line-height:35px;} .guidebook-subs table tr .btn-subscribe, .guidebook-subs table tr .online > a{width:100%; margin-top:5px; line-height:35px; text-align:center;} .guidebook-subs table tr .btn-subscribe{margin:0;} .guidebook-subs table tr .online input{height:25px;} .guidebook-subs table tr{display:block;} #emailBx, #addrBx{border-top:1px dashed #cccccc; margin-top:20px; padding-top:20px;} .guidebook-subs table tr .form-control{width:calc(100% - 130px); line-height:35px; height:35px;} .guidebook-subs table tr .btn-address{width:130px;text-align:center;} .guidebook-subs table tr .offline a, .guidebook-subs table tr .online > a{height:35px; line-height:35px;} .guidebook-view .btnarea{margin:20px 0 0 0; padding:20px 0; border-top:1px solid #cccccc;} .guidebook-view .btnarea a{width:150px;} } /*주요일정*/ .schedule-select {} .schedule-select li {float:left;width:8.33%;border-right:1px solid #E1E1E1;} .schedule-select li:last-child {border-right:none;} .schedule-select li a {display:block;background:#F4F4F4;color:#666;padding:10px;text-align:center;line-height:80px;} .schedule-select li a:hover, .schedule-select li.on a{background:#E1E9EC;transition:0.2s;} .schedule-list {margin: 30px 0 0 0;} .schedule-list:after {content:"";display:block;float:none;clear:both;} .schedule-list .month {font-size: 40px;font-weight:600;color:#374259;line-height:1;margin-bottom: 20px;} .schedule-list .calendar {float:left;width: 500px;background:#f5f5f5;text-align:center;} .schedule-list table {height:240px;} .schedule-list table th, .schedule-list table td {width:14.285714%;} .schedule-list table thead th {color: #fff;font-weight:500;padding:10px 0;border: 1px solid #374259;text-align: center;background: #374259;} .schedule-list table tbody td {font-size:14px;line-height:24px;background: #fff;border: 1px solid #ccc;padding: 10px 20px;color:#666;} .schedule-list table tbody td.sun {color:#FF3300;} .schedule-list table tbody td.sat {color:#3366CC;} .schedule-list table tbody span {display:inline-block;background:#21488D;width:24px;color:#fff;} .schedule-list .cont {float:left;width: calc(100% - 500px);padding-left:40px;} .schedule-list .cont li {border-bottom: 1px solid #ddd;} .schedule-list .cont li:first-child {border-top: 2px solid #374259;} .schedule-list .cont li:after {content:"";display:block;float:none;clear:both;} .schedule-list .cont .date {display:block;float:left; width:150px;font-size: 19px;font-weight:500;color: #374259;padding-top:2px; line-height:60px; float:left;} .schedule-list .cont .txt {width:calc(100% - 150px); float:left; line-height:60px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:30px;position:relative;} .schedule-list .cont .txt:hover{color:#0087D9;} .schedule-list .cont .txt:after{position:absolute;right:15px;top:0; content:"\f107";font-family:FontAwesome;font-size:20px;color:#374259;} .cal .form-inline .form-control{width:200px;} .cal .btn-d{height:40px; line-height:40px; font-size:14px;} .unf-calendar{display:block; width:100%; padding:20px; background-color:#F6F9FA; float:left;} .unf-calendar em{display:block; color:#374259; font-size:15px; line-height:1.4;} .unf-calendar p{font-size:14px; color:#333333; margin:15px 0; line-height:1.4;} .unf-calendar a{display:inline-block; background-color:#0087D9; color:#fff; padding:5px 15px; font-size:15px;} @media only screen and (max-width:1256px){ .board-survey li{width:calc(50% - 20px);} } @media only screen and (max-width:1023px){ .schedule-list .calendar{width:100%;} .schedule-list .cont{padding:0; width:100%; margin-top:20px;} } @media only screen and (max-width:767px){ #body-content .indent.cal{padding:10px;} .schedule-select li{width:16.6666%;} .cal .form-inline{width:100%;} .cal .form-inline .form-control{margin-right:10px;} .cal .btn-d{width:120px;} .schedule-select li:nth-child(n+7){border-top:1px solid #E1E1E1;} } @media only screen and (max-width:576px){/*mobile-s*/ .schedule-select li{width:25%;} .schedule-select li a{line-height:40px;} .schedule-select li:nth-child(n+5){border-top:1px solid #E1E1E1;} .schedule-list .month{font-size:25px; margin-bottom:10px;} .schedule-list table tbody td{line-height:14px; padding:10px;} .schedule-list .cont .date{width:120px; font-size:16px;} .schedule-list .cont .txt{width:calc(100% - 120px);} .schedule-list .cont li a{display:block; width:100%;} .schedule-list .cont li .unf-calendar a{display:inline-block; width:auto;} .cal .form-inline .form-control{width:160px;} .cal .btn-d{width:80px;} } /*온라인 설문조사*/ .board-survey {border-top:2px solid #516B7B;border-bottom:1px solid #ccc;padding:40px 0;} .board-survey ul {margin:-10px;} .board-survey li {float:left;width:calc(33.33% - 20px);margin:10px;position:relative;} .board-survey li a {display:block;background:#F9F9F9;padding:30px;min-height:250px;} .board-survey li .tag {display:inline-block;padding:3px 15px;border-radius:50px;border:1px solid #516B7B;background:#fff;font-size:13px;color:#516B7B;text-align:center;} .board-survey li .tag.ing {border-color:#FF6666;color:#FF6666;} .board-survey li .tag.pre {border-color: #66b2ff;color: #66b2ff;} .board-survey li .subject {font-size:25px;color:#333;margin-top:20px;height:78px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .board-survey li .date-bx {position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.05);height:50px;line-height:50px;padding-left:30px;} .board-survey li .date-bx span {font-size:14px;} .board-survey li .date-bx .period {color:#888888;font-weight:600;margin-right:20px;} .board-survey li .date-bx .more {position:absolute;right:0;width:50px;text-align:center;background:#ccc;color:#fff;} .board-survey li a:hover {background:#F6F9FA;box-shadow:2px 5px 8px rgba(0,0,0,0.1);transition:0.2s;} .board-survey li a:hover .period{color:#0087D9;} .board-survey li a:hover .date-bx{background:rgba(169,198,244,0.1);} .board-survey li a:hover .more {background:#0087D9;transition:0.2s;} @media only screen and (max-width:1256px){ .board-survey li{width:calc(50% - 20px);} } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ .board-survey li{width:calc(100% - 20px);} #survey.indent{padding:10px;} } @media only screen and (max-width:576px){/*mobile-s*/ .board-survey li a{min-height:auto; padding:15px 15px 65px 15px} .board-survey li .subject{height:55px; font-size:20px; margin-top:10px;} .board-survey{padding:10px 0;} #survey .sub-info{margin-bottom:10px;} .board-survey li .date-bx{padding-left:15px;} .board-survey li .date-bx span{font-size:13px; letter-spacing:-0.5px;} .board-survey li .date-bx .period{margin-right:5px;} } /* 사이트맵 */ #sitemap {} #sitemap .sitemap-img {float:left;background:#516B7B;width:440px;height:710px;padding:80px 60px; background:url(/resources/homepage/korglobal/img/sitemap_bg.jpg)no-repeat 50% 50% / cover;} #sitemap .sitemap-img .tit {font-size:35px;color:#fff;margin-bottom:20px;font-weight:600;} #sitemap .sitemap-img .txt {font-size:18px;color:#fff;line-height:1.5;} #sitemap .sitemap_cont {float:left;width:calc(100% - 440px);padding-left:60px;} #sitemap .sitemap_cont .sitemap_bx {float:left;width:calc(33.33% - 20px);margin:10px; border:none; padding:0;} #sitemap .sitemap_cont .sitemap_bx:nth-child(4) {clear:both;} #sitemap .sitemap_cont .sitemap_bx .tit a {display:block;font-size:23px;color:#374259;padding:20px 0;font-weight:600; float:none; width:auto; margin:0;} #sitemap .sitemap_cont .sitemap_depth1 {background:#F5F8FB;padding:30px;border-top:1px solid #516B7B;min-height:250px; margin:0;} #sitemap .sitemap_cont .sitemap_depth1 li{padding:2px 0 2px 15px; float:none; width:auto; margin:0;position:relative;} #sitemap .sitemap_cont .sitemap_depth1 a{color:#333333;font-size:17px;display:inline-block; padding:0;} #sitemap .sitemap_cont .sitemap_depth1 a:hover {color:#516B7B;} #sitemap .sitemap_cont .sitemap_depth1.bu > li:before {width:6px;height:6px;background:#CDD6DB;border-radius:50%;position:absolute;top:0.8em;left:0;margin:0;} /*상쇄값*/ .sitemap_bx .tit:before{display:none;} .sitemap_bx .tit, .sitemap_bx .tit a{margin:0; float:none; width:auto;} @media only screen and (max-width:1440px){ #sitemap .sitemap_cont {padding-left:30px;} #sitemap .sitemap_cont .sitemap_depth1 {padding:20px;} #sitemap .sitemap_cont .sitemap_depth1 a {font-size:16px;} } @media only screen and (max-width:1256px){ /* #sitemap .sitemap_cont .sitemap_bx {width:calc(50% - 20px);} #sitemap .sitemap_cont .sitemap_bx .tit a {padding:0 0 10px;} */ #sitemap .sitemap-img {float:none;width:100%;height:auto;padding:40px 50px;} #sitemap .sitemap-img .tit {margin:0; color:#374259;} #sitemap .sitemap-img .txt{color:#374259;} #sitemap .sitemap_cont {float:none;width:100%;padding:0;} #sitemap .sitemap_cont .sitemap_depth1 {min-height:200px;} } @media only screen and (max-width:1023px){ #sitemap .sitemap-img {padding:30px;} #sitemap .sitemap-img .tit {font-size:28px;} #sitemap .sitemap_cont .sitemap_bx .tit a {padding:10px 0;font-size:20px;} #sitemap .sitemap_cont .sitemap_depth1 a {font-size:15px;} } @media only screen and (max-width:767px){ #sitemap .sitemap_cont .sitemap_bx {width:calc(50% - 10px); margin:5px;} #sitemap .sitemap_cont .sitemap_bx:nth-child(4) {clear:none;} } @media only screen and (max-width:415px){/*mobile-s*/ #sitemap .sitemap_cont .sitemap_bx {width:calc(100% - 10px);} #sitemap .sitemap_cont .sitemap_depth1 {min-height:auto;} } /* 통합검색 */ #search-wrap {padding:0;margin:0} #search-wrap .s_word {color:#ff9900 !important;font-weight:400;text-decoration:underline} .search-top {position:relative;padding:20px;background: #0063D9;} .search-top .logo {position:absolute;left:0;top:42px;} .search-top .input-area {background:#fff;border:none;margin:0 auto;} .search-top .input-area:after {content:"";clear:both;display:block;float:none;} .search-top .input-area .dropdown {float:left;line-height:50px;width:160px;padding:0;margin:0;} .search-top .input-area .dropdown-menu {width:100%;} .search-top .input-area .dropdown-menu ul {padding:0;} .search-top .input-area .dropdown-menu li {padding:0 20px;line-height:35px;border-top:1px solid #eaeaea;cursor:pointer;font-weight:400} .search-top .input-area .dropdown-menu li:hover{background:#f4f4f4;color:#2A3C66;} .search-top .input-area .dropdown-menu li:first-child{border:none;} .search-top .input-area button {width:100%;display:block;line-height:50px;background:#fff;border:none;padding:0 0 0 10px;text-align:left;color:#656565;} .search-top .input-area button .fa{float:right;display:block;line-height:50px;font-size:20px;} .search-top .input-area input[type="text"] {float:left;line-height:50px;height:50px;width:calc(100% - 200px);border:none;background: #fff;border-radius: 0;color:#0063d9;} /* .search-top .input-area input[type="text"]:focus {outline:none;} */ .search-top .input-area .fa {float:right;line-height:50px;display:inline-block;width:40px;text-align:center;color:#656565;background: #fff;} .search-option {padding:15px;border:1px solid #ddd;border-top:none;color:#333;} .search-option input{vertical-align:top} .search-option input[type="text"]{width:100px;} .search-option input[type="radio"]{margin:10px 5px 0 0;} .search-option span{display:inline-block;margin:2px 10px;line-height:30px;vertical-align:top;} .search-result {position:relative;} .search-result em {color: #ff9900;} .search-result .mn {background:#f6f6f6;border-top:1px solid #2A3C66;border-bottom:1px solid #eaeaea;} .search-result .mn li {float:left;width:20%;text-align:center;margin:15px 0;font-size:18px;font-weight:400} .search-result .mn a.on {color:#2A3C66} .search-result .total {margin:30px 0;border:1px solid #eaeaea;text-align:center;color: #333;background: #fff;} .search-result .total .tit{padding:60px;font-size:20px;} .search-result .total .tit:before {content:"\f002";font-family:FontAwesome;display:inline-block;margin-right:10px;color: #333;} .search-result .total ul{background:#f6f6f6;padding:15px;} .search-result .total li{float:left;margin-right:20px;} .search-result .more {text-align:right;margin:20px 0 40px 0;padding-bottom:20px;border-bottom:1px solid #ddd;font-size:14px;} .search-result .sum {color:#aaa;display:inline-block;margin-left: 20px;font-size: 80%;font-weight: 500;} .search-result .type1 ul {padding-bottom:20px;} .search-result .type1 li a:before {content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999} .search-result .type1 li a:first-child:before{content:"·";margin-left:0;} .search-result .type2 li {border-top:1px dashed #eaeaea;padding:20px 0;} .search-result .type2 li:first-child{border:none;/* padding-top:0 */} .search-result .type2 .tit {margin-bottom:10px;} .search-result .type2 .txt {color:#777} .search-result .type2 .date {font-size:12px;font-family:Lato;color:#777;margin-top:10px;} .search-result .type2 .tit a {color:#222;font-weight:400} .search-result .type2 a:before {content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999} .search-result .type2 a:first-child:before{content:"";margin:0;} .search-result .type3 {} .search-result .type3 table {border-top:1px solid #6A757D;} .search-result .type3 table th, .search-result .type3 table td {padding:15px 20px;border:1px solid #ddd;vertical-align:middle;} .search-result .type3 table thead th {background:#f4f4f4;color:#6A757D;line-height:1.4;font-weight:normal;border-top:none;text-align:center;} .search-result .type3 table tbody th {text-align:center;} .search-result .type3 table th, .search-result .type3 table td:first-child {border-left:none;} .search-result .type3 table th:last-child, .search-result .type3 table td:last-child {border-right:none;} .search-result .type3 table tr:first-child th, .search-result .type3 table tr:first-child td {border-top:none;} #body-content.total-search h2{margin:40px 0 20px 0;} #body-content.total-search{padding-bottom:40px;} @media only screen and (max-width:1023px){ #body-content.total-search{padding:10px;} #body-content.total-search .search-top{padding:15px;} } @media only screen and (max-width:767px){ /*auto*/ .search-top {padding:20px;} .search-top .logo {position:relative;left:0;top:0;text-align:center;margin-bottom:10px;} .search-top .logo img {height:25px;} .search-top .input-area {width:auto;} .search-top .input-area .dropdown {line-height:40px;width:120px;} .search-top .input-area button, .search-top .input-area button .fa, .search-top .input-area .fa {line-height:40px;} .search-top .input-area input[type="text"] {line-height:40px;height:40px;width:calc(100% - 160px);} .search-result .d_width {padding:0 20px;} .search-result .mn li {margin:15px 0;font-size:14px;} .search-result .mn .d_width {padding:0;} .search-option, .search-result .total li {font-size:14px;} .search-result .total .tit {padding:20px;} .search-result .total{margin:20px 0;} } /*이용약관*/ .policy{} .policy em{display:block; font-size:21px; color:#017AC2; margin:30px 0 10px 0;} .policy h2{margin:30px 0 20px 0;} /*회원가입(스텝3)*/ .btn-d {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;cursor:pointer !important; border-radius:0px;} .btn-d {display:inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle; background-color:#768395;font-size:0.875rem;color:#fff;padding:0 15px;line-height:50px;} button.btn-d, input[type="submit"].btn-d, input[type="button"].btn-d {cursor:pointer;} .btn-d:hover, .btn-d:focus {background:#2F323A;border-color:#2F323A;color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);-ms-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);} .tv-radio {display:inline-block;font-size:0.875rem;position:relative;} .tv-radio input[type="radio"] {display: none;} .tv-radio input[type="radio"] + label {position:relative;padding-left:25px;} .tv-radio input[type="radio"] + label::after {display:none;} .tv-radio input[type="radio"] + label::before {content:'';position:absolute;left:0;top:50%;margin-top:-8px;display:inline-block;width:16px;height:16px;background:none;border:2px solid rgba(0,0,0,0.2);border-radius:50%;cursor:pointer;} .tv-radio input[type="radio"]:checked + label::before {content:'';border:2px solid #3366cc;background:none;} .tv-radio input[type="radio"]:checked + label::after {content:'';position:absolute;left:5px;top:50%;margin-top:-3px;display:inline-block;width:6px;height:6px;background:#3366cc;border-radius:50%;} .tv-radio input[type="radio"]:disabled + label {color:#999;} .tv-radio input[type="radio"]:disabled + label::before {background:#3366cc;cursor:default;} .join-form{background-color:#F9F9F9;} .join-form .btnarea{padding:30px 0; margin:0;} .join-form .btnarea a{padding:0 20px; font-size:17px;} .join-form .btnarea a:last-child{background-color:#017AC2} .join-wrap{padding:20px 30px; border:1px solid #C8DAEC; background-color:#ffffff;} .join-wrap h3{line-height:60px;margin:0;font-size:23px;color:#374259;font-weight:600;border-bottom:1px solid #c8daec;} table.join-info th {font-size:20px; text-align:left;color:#333;} table.join-info th label{letter-spacing:-0.5px; color:#374259;} table.join-info td {background:#fff;padding:20px;} table.join-info td div{margin-bottom:5px;} table.join-info input, table.join-info select {height:50px;border-radius:0;display:inline-block;width:220px;} table.join-info input::placeholder {font-size:13px;} table.join-info .txt {font-size:13px;color:#888888;line-height:1.4;} table.join-info input[type="radio"] {height:auto;width:auto;} .join-wrap .join-ok {text-align:center;} .join-wrap .join-ok span.ico {display:block;width:100%;height:170px;background:url(../img/join_img.png) no-repeat 50% 50%;margin:0 auto;background-size: contain;} .join-wrap .join-ok .tit {font-size:30px;color:#3366CC;margin:20px 0;line-height:1.4;} /*회원가입(스텝4)*/ #join .done{padding:60px 50px;background:#ffffff; border:1px solid #C8DAEC; text-align:center;} #join .done em:before{content:''; display:block; width:268px; height:209px; background:url(../img/join_com.png)no-repeat 50% 50%; margin:0 auto;} #join .done em{font-size:30px; display:block; color:#0087D9; font-weight:600;} #join .done p{font-size:16px;} @media only screen and (max-width:1440px){ /*1200*/ #login-wrap .login {padding:60px 350px;} table.join-info input.w500 {width:300px !important;} } @media only screen and (max-width:1256px){ /*960*/ #login-wrap .login {padding:60px 250px;} #login-wrap:before {height:300px;right:0;} table.join-info input, table.join-info select, table.join-info .btn-d {margin:2px;} } @media only screen and (max-width:1023px){/*720*/ #login-wrap .login {padding:60px 140px;} #login-wrap:before {height:250px;bottom:20px;opacity:0.6;} #login-wrap .va-pc {display:none;} .join-step li {font-size:20px;} .join-step li .ico {width:50px;height:50px;} .join-step .ico.ico1, .join-step .ico.ico2, .join-step .ico.ico3 {background-size:35px;} .join-wrap table th, .join-wrap table td {white-space:normal !important;} .join-wrap table tbody th{font-size:16px;} table.join-info .txt {display:block;margin-top:5px;} table.join-info input, table.join-info select {width:180px;} table.join-info input.w500, table.join-info input.w100 {width:100% !important;} } @media only screen and (max-width:768px){/*mobile-l*/ #login-wrap .login {padding:60px;} #login-wrap .login-mn a {margin:0 10px;} .join-step li:after {width:30px;} .agree .tit {padding:20px 60px;} .agree:first-child .tit {padding:20px 0;margin-bottom:10px;} .agree .tit p {font-size:20px;} .agree .tit .essential {width:40px;height:40px;} .agree .txt {margin:10px 0;} .join-wrap .join-ok span.ico {height:140px;} .join-wrap .join-ok .tit {font-size:26px;} .bx-custom.mem-out {padding-right:30px;} } @media only screen and (max-width:576px){/*mobile-s*/ #login-wrap .login {padding:60px 40px;} .join-wrap h3{font-size:21px;} .join-step li {margin:0 10px;font-size:18px;} .join-step li:after {display:none;} .join-step li .ico {width:30px;height:30px;margin-right:8px;} .join-step .ico.ico1, .join-step .ico.ico2, .join-step .ico.ico3 {background-size:20px;} .join-wrap {padding:20px 40px;} .join-wrap table tbody th {display:block;font-weight:500;font-size:14px; margin:20px 0 5px 0;} .join-wrap table tbody td{display:inline-block; width:100%; padding:0;} table.join-info .txt {display:block;margin-top:5px;} table.join-info input, table.join-info select, table.join-info .btn-d {width:100%; height:35px;line-height:35px;} } @media only screen and (max-width:415px){/*mobile-xs*/ #login-wrap .login {padding:50px 30px;} #login-wrap .login-mn a {margin:0 5px;font-size:13px;} .join-step {display:none;} .agree .tit p {font-size:16px;} .agree h3 {font-size:15px;} .join-wrap {padding:20px;} .bx-custom.mem-out input {width:120px;} } @media only screen and (max-width:320px){/*mobile-xs*/ .bx-custom.mem-out .tit2, .bx-custom.mem-out .txt {padding-right:0;} .mem-out table.join-info th {padding:10px;width:60px;} .bx-custom.mem-out input {width:100px;} } /*마이페이지*/ .mypage .no-data{padding:50px;color:#999;border-top:1px solid #eaeaea;text-align:center;} #medi-tab.mypage li{width:50%;} /*답변*/ #consult_an{margin-top:30px;} #consult_an .ancer{padding:20px; background-color:#edf8ff;} #consult_an .tit{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.2);} #consult_an .tit:after{content:''; display:block; clear:both;} #consult_an .tit em{display:inline-block; font-size:21px; vertical-align:middle; font-weight:700; color:#2a3c66;} #consult_an .tit ul{display:inline-block; vertical-align:middle;} #consult_an .tit li{float:left; font-size:14px; position:relative;} #consult_an .tit li em{font-size:14px; display:inline-block; font-weight:400;} #consult_an .tit li span{ display:inline-block; vertical-align:middle;} #consult_an .tit li:first-child{margin:0px 10px; padding-right:10px;} #consult_an .tit li:first-child:after{content:''; width:1px; height:15px; position:absolute; top:50%; transform:translateY(-50%); right:0; background-color:rgba(0,0,0,0.1);} #consult_an .cont:before{content:'A'; display:block; width:30px; height:30px; font-size:20px; color:#fff; border-radius:50%; position:absolute; top:0; left:0; line-height:30px; text-align:center; background-color:#b4c9d6;} #consult_an .cont{padding-left:40px; position:relative;} #consult_an .cont textarea{border:1px solid #2A3C66; resize:none; padding:10px;} #consult_an .attach {clear:both;padding:15px 20px;margin:0;border-top:1px solid #ddd;background:#e0ecf3; border-bottom:1px solid #768395;} #consult_an .attach i {color:#999;margin-right:5px;} #consult_an .attach .upload-wrap{} #consult_an .attach .upload-wrap strong{ margin-right:10px;} #consult_an .attach .upload-wrap .form-input{width:150px; background-color:#cfcfcf; line-height:40px; border-radius:0;} #consult_an .attach .upload-wrap .upload-btn{display:inline-block; width:100px; text-align:center; background-color:#7a919f; color:#fff; line-height:40px;} #consult_an .coment{padding:20px; background-color:#edf8ff; margin-top:20px; border-bottom:1px solid #768395;} /*#consult_an .coment em{font-size:21px; display:block; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.2); color:#2a3c66; font-weight:700;}*/ #consult_an .coment .input_area{font-size:16px;} #consult_an .coment .input_area:after{content:''; display:block; clear:both;} #consult_an .coment .input_area input{width:100%; float:left; height:40px; border:1px solid #2a3c66; border-radius:0;} /*#consult_an .coment .input_area a{display:block; width:100px; line-height:40px; text-align:center; background-color:#2a3c66; color:#fff; float:left;}*/ #consult_an .coment{} #consult_an .coment .star_area{margin-top:5px;} #consult_an .coment .star_area:after{content:''; display:block; clear:both;} #consult_an .coment .star_area > div{float:left; margin-right:5px;} #consult_an .coment .star_area > div:last-child{margin:0;} #consult_an .coment .star_area .star{color:#2a3c66; display:inline-block; position:relative; width:20px;height:28px; font-size:16px; line-height:28px; vertical-align:middle; width:9px; overflow:hidden;} #consult_an .coment .star_area .star.left:before{content:'\f089'; font-family:FontAwesome; font-weight:400; position:absolute; left:0; top:0; z-index:2;} #consult_an .coment .star_area .star.left{z-index:1;} #consult_an .coment .star_area .star.right{z-index:2;} #consult_an .coment .star_area .star.full:before, #consult_an .coment .star_area .star.full:after, #consult_an .coment .star_area .star.right.full:after, #consult_an .coment .star_area .star.left.full:after{font-weight:700;} #consult_an .coment .star_area .star.right:after{content:'\f089'; display:block;font-family:FontAwesome; font-weight:400; transform:scaleX(-1); position:absolute; left:0px;top:0; width:9px; z-index:1;} #consult_an .coment .star_area span{font-size:16px; color:#8c8c8c; display:inline-block; vertical-align:middle; float:left; margin-right:10px;} #consult_an .coment > div:after{content:''; display:block; clear:both;} #consult_an .btn_post{display:inline-block; width:100px; text-align:center; background-color:#7a919f; color:#fff; padding:0; line-height:40px; vertical-align:middle; float:right;} .btnarea.ancer{padding:20px 0; text-align:center;} .btnarea.ancer a{display:inline-block; width:130px; text-align:center; border:1px solid #2A3C66; background-color:#ffffff; color:#2A3C66; padding:0; line-height:50px; vertical-align:middle;} .btnarea.ancer a:last-child{background-color:#2A3C66; color:#fff;} @media only screen and (max-width:767px){ #medi-tab.mypage li{width:100%;} #consult_an{width:calc(100% - 20px); margin:0 auto; margin-top:20px;} .mypage_view h2{width:calc(100% - 20px); margin:0 auto; font-size:20px;} #consult_an .tit em{font-size:20px;} .btnarea.ancer{padding:10px 0;} .btnarea.ancer a{width:90px; line-height:35px;} } @media only screen and (max-width:576px){/*mobile-s*/ #consult_an{margin-top:10px;} #consult_an .tit em{display:block;} #consult_an .tit li:nth-child(n){float:none; display:block; margin:0; padding:0;} #consult_an .tit li:first-child:after{display:none;} } @media only screen and (max-width:414px){/*mobile-s*/ } /*마이페이지 리스트 */ .mypage .notice span{background-color:#cdcdcd;} .mypage .notice.ing span{background-color:#7cbee6;} .mypage .board-list li .date{margin-top:10px;} .mypage .board-list li .more{float:left;} .mypage .notice .send_o{} .mypage .notice .send_c{background-color:#FF6666;} .mypage .notice .send_w{background-color:#7cbee6;} .mypage .board-list.res li{padding:40px 110px 40px 0;} .mypage .board-list.res li:after{content:''; display:block; clear:both;} .mypage .rcv_addr{float:left; width:100%; color:#b4b4b4;} .mypage .rcv_addr i{color:#55a3d3;} .mypage .res_more{position:absolute; right:20px; top:50%; transform:translateY(-50%);} .mypage .res_more .btn{display:block; background-color:#fff; border:1px solid #0087D9; border-radius:0; color:#0087d9;} .mypage .res_more .btn:last-child{margin-top:5px; background-color:#FF6666; border:1px solid #FF6666; color:#fff;} @media only screen and (max-width:1256px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ .mypage .notice{float:left; width:calc(100% - 90px);} .mypage .board-list.res li{padding:35px 0;} .mypage .res_more{position:relative; right:auto; top:auto; transform:none; width:calc(100% - 70px); margin-left:70px; margin-top:15px;} .mypage .res_more:after{content:''; display:block; clear:both;} .mypage .res_more .btn:last-child{margin:0 0 0 5px;} .mypage .res_more .btn{float:left; width:calc(50% - 5px);} } @media only screen and (max-width:576px){/*mobile-s*/ .mypage .notice{margin-bottom:10px;} .mypage .rcv_addr{font-size:14px;} .mypage .res_more{margin-left:70px; width:calc(100% - 70px);} } /*아이디찾기*/ .find_id .join-wrap{padding:20px 30px; border:1px solid #C8DAEC; background-color:#ffffff;} .find_id .join-wrap h3{line-height:60px;margin:0;font-size:23px;color:#374259;font-weight:600;border-bottom:1px solid #c8daec;} .find_id table.join-info th {font-size:20px; text-align:left;color:#333; position:relative; width:200px;} .find_id table.join-info th:after{content:''; display:block; width:1px; height:45%; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#ccc;} .find_id table.join-info th label{letter-spacing:-0.5px; color:#374259;} .find_id table.join-info td {background:#fff;padding:20px;} .find_id table.join-info td div{margin-bottom:5px;} .find_id table.join-info input, .find_id table.join-info select {height:50px;border-radius:0;display:inline-block;width:220px;} .find_id table.join-info input::placeholder {font-size:13px;} .find_id table.join-info .txt {display:block; font-size:13px;color:#888888;line-height:1.4;} .find_id .cont-wrap{width:480px; margin:0 auto;} .find_id .check-type {display:inline-block;font-size:0.875rem;position:relative;} .find_id .check-type input[type="radio"] {display: none;} .find_id .check-type input[type="radio"] + label {position:relative;padding-left:25px; margin-right:10px;} .find_id .check-type input[type="radio"] + label::after {display:none;} .find_id .check-type input[type="radio"] + label::before {content:'';position:absolute;left:0;top:50%;margin-top:-8px;display:inline-block;width:16px;height:16px;background:none;border:2px solid rgba(0,0,0,0.2);border-radius:50%;cursor:pointer;} .find_id .check-type input[type="radio"]:checked + label::before {content:'';border:2px solid #3366cc;background:none;} .find_id .check-type input[type="radio"]:checked + label::after {content:'';position:absolute;left:5px;top:50%;margin-top:-3px;display:inline-block;width:6px;height:6px;background:#3366cc;border-radius:50%;} .find_id .check-type input[type="radio"]:disabled + label {color:#999;} .find_id .check-type input[type="radio"]:disabled + label::before {background:#3366cc;cursor:default;} .find_id .btnarea{width:100%; margin:30px 0 50px 0;} .find_id .btnarea a{background-color:#3366cc;} @media only screen and (max-width:576px){/*mobile-s*/ .find_id{padding:10px;} .find_id .cont-wrap{width:100%;} .find_id .join-wrap {padding:20px 40px;} .find_id .join-wrap table tbody th {display:block;font-weight:600;font-size:16px; margin:20px 0 5px 0;} .find_id .join-wrap table tbody td{display:inline-block; width:100%; padding:0;} .find_id table.join-info .txt {display:block;margin-top:5px;} .find_id table.join-info input, table.join-info select, table.join-info .btn-d {width:100%; height:35px;line-height:35px;} .find_id table.join-info th:after{display:none;} .find_id .btnarea a{margin:0;} } /*비밀번호찾기*/ #member .join-check .join-wrap{padding:20px 30px; border:1px solid #C8DAEC; background-color:#ffffff;} #member .join-wrap table tbody th{font-size:16px; font-weight:600;} /*아이디찾기 결과*/ #f_id{background-color:#F9F9F9;} #f_id .cont-wrap{background-color:#fff; width:400px; border:1px solid #C8DAEC; margin:0 auto;} #f_id .tit{padding:30px; text-align:center; border-bottom:1px dashed #C8DAEC;} #f_id .tit em:before{content:''; display:block; width:59px; height:59px; margin:0 auto; background:url(../img/find_tit_img.png)no-repeat 50% 50%; margin-bottom:10px;} #f_id .tit em{display:block; font-size:15px; color:#0063D9; letter-spacing:-0.5px;} #f_id .cont{padding:30px; text-align:center;} #f_id .cont p{padding:40px 0; word-break:keep-all; font-size:20px;} #f_id .cont p em{color:#0063D9;} #f_id .cont > a{display:block; background-color:#0063D9;width:100%; font-size:15px; color:#fff; text-align:center; height:60px; line-height:60px;} #f_id .cont span{display:block; margin-top:10px; font-size:14px; letter-spacing:-1px;} #f_id .cont span a{font-size:14px; color:#0063D9;} @media only screen and (max-width:767px){ #f_id{padding-bottom:30px;} } @media only screen and (max-width:576px){/*mobile-s*/ #f_id{padding-bottom:0;} #f_id .tit{padding:20px;} #f_id .cont{padding:20px;} #f_id .cont-wrap{width:100%; border:none; border-top:1px solid #C8DAEC;} #f_id .cont p{padding:20px 0; font-size:18px;} #f_id .cont > a{height:45px; line-height:45px;} } /*비밀번호찾기 결과*/ #f_pass{background-color:#F9F9F9;} #f_pass .cont-wrap{background-color:#fff; width:350px; border:1px solid #C8DAEC; margin:0 auto;} #f_pass .cont-wrap{padding:60px 30px; text-align:center;} #f_pass .cont-wrap > em:before{content:''; display:block; width:59px; height:59px; margin:0 auto; background:url(../img/find_tit_img.png)no-repeat 50% 50%; margin-bottom:10px;} #f_pass .cont-wrap p{padding:20px 0 50px 0; word-break:keep-all; font-size:15px;} #f_pass .cont-wrap p em{color:#0063D9;} #f_pass .cont-wrap > a{display:block; background-color:#0063D9;width:100%; font-size:15px; color:#fff; text-align:center; height:60px; line-height:60px;} @media only screen and (max-width:767px){ #f_pass{padding-bottom:30px;} } @media only screen and (max-width:576px){/*mobile-s*/ #f_pass{padding-bottom:0;} #f_pass .cont{padding:20px;} #f_pass .cont-wrap{width:100%; border:none; border-top:1px solid #C8DAEC;} #f_pass .cont-wrap p{padding:20px 0;} #f_pass .cont-wrap > a{height:45px; line-height:45px;} } /*회원정보수정*/ #repair_info{background-color:#F9F9F9;} #repair_info .btnarea{margin:0; padding:30px 0;} @media only screen and (max-width:767px){ #body-content > div#repair_info{padding:10px;} } /*비밀번호 수정 모달창*/ #dialog-editPasswd{padding:20px; display:none;} #dialog-editPasswd .board_write{border:none;} #dialog-editPasswd label:first-child{margin:0;} #dialog-editPasswd label{display:block; margin-top:10px;} #dialog-editPasswd input{width:100%;} .ui-dialog-buttonset button.btn_d{display:inline-block;} /*회원탈퇴*/ #withdrawal{padding:10px 10px 100px 10px;} #withdrawal .drawal-txt{height:300px; overflow-y:auto; border-top:1px solid #C8DAEC; padding:20px; background-color: #fff; margin-top:30px;} #withdrawal .drawal-txt em{display: block; margin-top:10px; color:#0087D9;} #withdrawal .drawal-txt h5{font-size: 20px; color:#000} #withdrawal .drawal-txt table{text-align:center;} #withdrawal .drawal-txt table thead tr{background-color:#017AC2; color:#ffffff;} #withdrawal .drawal-txt table thead th{text-align:center;padding:10px; border:1px solid #e6e6e6;} #withdrawal .drawal-txt table tbody tr{border:1px solid #e6e6e6;} #withdrawal .drawal-txt table tbody td{background-color:#fff;padding:10px; border:1px solid #e6e6e6;} #withdrawal .drawal-txt .wit{display:none;} #withdrawal .btn-d.btn-main{background-color:#3366cc;} #withdrawal .btn-d.btn-main:hover{background-color:#3366ff;} #withdrawal .bx-custom.mem-out .tit2{padding-right:70px;} #withdrawal .bx-custom.mem-out .txt {position:relative;padding-right: 90px;z-index:2;} #withdrawal .mem-out {} #withdrawal .mem-out table.join-info {border-top:1px solid #DBEDF2;} #withdrawal .mem-out table.join-info th {background:#EBF4F8;} #withdrawal .mem-out table.join-info tr {border-bottom:1px solid #DBEDF2;} #withdrawal .mem-out .btnarea {margin:50px 0 0;} #withdrawal table.join-info {border-top:2px solid #3359CC;} #withdrawal table.join-info tr {border-bottom:1px solid #D7D7D7;} #withdrawal table.join-info th {background:#f5f5f5;padding:10px 20px;text-align:center;color:#333;font-size:15px;} #withdrawal table.join-info td {background:#fff;padding:10px 20px;} #withdrawal table.join-info input, #withdrawal table.join-info select {height:40px;border-radius:0;display:inline-block;width:220px;} #withdrawal table.join-info input::placeholder {font-size:13px;} #withdrawal table.join-info .txt {font-size:13px;color:#8E96A7;line-height:1.4;} #withdrawal .bx-custom {border:1px dashed #BDC7DB;background:#F6FAFC;padding:40px;position:relative;} #withdrawal .bx-custom .tit {font-size:23px;color:#3366CC;font-weight:600;margin-bottom:5px;line-height:1.5;} #withdrawal .bx-custom .tit2 {font-size:23px;color:#1E2F51;font-weight:600;margin-bottom:15px;line-height:1.5;} #withdrawal .bx-custom .tit2.tit3{margin-top:30px;} #withdrawal .bx-custom .ico {background:#fff;border-radius:50%;width:90px;height:90px;line-height:90px;text-align:center;position:absolute;right:40px;top:40px;} #withdrawal .sj-drawal{width:100%; resize:none; padding:10px;} #withdrawal .link{text-decoration:underline; line-height:1.3; margin-bottom:5px;} #withdrawal .link a{color:#429ed6;} @media only screen and (max-width:576px){/*mobile-s*/ #withdrawal .drawal-txt h5{font-size: 17px; color:#000;} #withdrawal .drawal-txt p{font-size:14px;} #withdrawal .bx-custom{padding:30px;} #withdrawal .bx-custom.mem-out .tit2{padding:0; font-size:21px; text-align:center;} #withdrawal .bx-custom.mem-out .txt{padding:0;} #withdrawal .bx-custom .ico{position:relative;left:0; top:0; right:0; margin:0 auto;} #withdrawal .drawal-txt table thead{display:none;} #withdrawal .drawal-txt table tr{display:block; border:1px solid #ccc; margin-bottom:20px;} #withdrawal .drawal-txt table tbody td{display:block; border:none; padding:0px;} #withdrawal .drawal-txt .wit{display:block; background-color:#0087d9; color:#fff;} #withdrawal .mem-out table.join-info tr, #withdrawal .mem-out table.join-info th, #withdrawal .mem-out table.join-info td{display:block;} #withdrawal .mem-out table.join-info th{width:100%;} #withdrawal table.join-info input, #withdrawal table.join-info select{width:100%;} #withdrawal .mem-out .btnarea{width:100%;margin-top:30px;} #withdrawal .mem-out .btnarea a{width:100%;} #withdrawal{padding:10px 10px 30px 10px;} } /* 한의약 세계화 홍보 */ .KM-board .sub-info{margin-bottom:40px; padding-bottom:40px; border-bottom:2px solid #374259;} .KM-board .list li{border-bottom:1px solid #cccccc; padding:30px 0;} .KM-board .list li:after{content:''; display: block; clear:both;} .KM-board .list li .txt-wrap{float:left; width:70%; padding-right:60px;} .KM-board .list li .subject{display: block; width:100%; font-size:25px; height: 60px; line-height:30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; font-weight:600;} .KM-board .list li .subject:hover{color:#0087D9;} .KM-board .list li .date{display:block; margin-bottom:10px; font-size:14px;color:#888888;} .KM-board .list li p{width:100%; font-size:18px; height: 80px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; line-height:25px; margin-top: 20px;} .KM-board .list li .date i{margin-right: 5px;} .KM-board .list .more{display:block; font-size:20px; font-weight:700; color:#0087D9; margin-top:30px;} .KM-board .list .more:hover{color:#A98F5A;} .KM-board .d_width > .more{display: block; font-size:18px; color:#ffffff; background-color:#0087D9; font-weight:300; margin:0 auto; width:250px; padding:10px; margin-top: 30px; text-align:center;} .KM-board .d_width > .more:hover{background-color:#A98F5A;} .KM-board .list li .img-frame{width:30%; padding-top:20%; position: relative; overflow:hidden; float:left;} .KM-board .list li .img-frame img{min-width:100%; min-height:100%; object-fit:cover; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);} /* 한의약 세계화 홍보 뷰페이지*/ #KM-health{} #KM-health h2{margin:0; line-height:1.3; padding:20px; border-top:2px solid #374259;} #KM-health .board-search{margin:0; padding-bottom:40px; border-bottom:2px solid #516B7B;} #KM-health .board-search .txt i{color:#516B7B;} #KM-health .sub-info{border:none; margin-bottom:0;} #KM-health .download{background-color:#F9F9F9; border-bottom:1px solid #cccccc; line-height:50px; padding:0 20px;} #KM-health .download a{display: block; float:left; color:#0087D9;} #KM-health .download .txt-info{float:right;} #KM-health .download .txt-info span{display: inline-block; margin-right: 10px; font-weight:300; color:#374259;} #KM-health .download i{margin-right:5px; font-weight: 700;} #KM-health .cont{padding: 40px 0; border-bottom:1px solid #cccccc;} #KM-health .another{background-color: #F6F9FA; padding:40px 0; margin-top: 40px;} #KM-health .another ul{margin:0 -20px;} #KM-health .another li{float:left; width:calc(25% - 40px); margin:0 20px; margin-bottom:20px;} #KM-health .another li .img-frame{display: block; width:100%; padding-top:70%; position: relative; overflow:hidden;} #KM-health .another li.on .img-frame:after{position:absolute; content:'Now'; display:block; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.45); text-align:center;padding:30% 25%; font-size:30px; font-weight:700; color:#fff; line-height:1;} #KM-health .another li img{min-width:100%; min-height:100%; object-fit:cover; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #KM-health .another li .tit{display: block; width:100%; font-size:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0 0 0;} #KM-health .another li span{color:#888888; font-size: 13px;} #KM-health .another li span i{margin-right: 10px;} #KM-health .another .more{display: block; font-size: 15px; background-color:#017AC2; line-height:50px; width:260px; text-align: center; margin:0 auto; margin-top:50px; color:#fff; font-weight:300;} .satisfaction {border:1px solid #637B93;margin:60px 0;} .satisfaction .tit {background:#E6EAEE url(../img/satisfaction.png) no-repeat 30px 50%;padding:20px 30px 20px 90px;font-size:20px;font-weight:500;color:#637B93;border-bottom:1px dashed #C3CCD5;} .satisfaction .rate {padding:20px 30px;} .satisfaction .rate ul {float:left;width:50%;} .satisfaction .rate ul li {float:left;margin-right:20px;} .satisfaction .s-etc {float:right;;width:50%;display:flex;} .satisfaction .s-etc input {background:#eeeeee;border:none;width:400px;} .satisfaction .s-etc a {display: inline-block;text-align:center;background-color:#637B93;color:#fff;font-size:13px;padding:8px 20px;} .satisfaction .s-etc a:hover {background:#5A7085;color:#fff;transition:0.2s;} .satisfaction .charge {background:#f7f7f7;padding:20px 30px;font-size:15px;color:#637B93;} .satisfaction .charge > span span {font-weight:500;} .satisfaction .charge > span:nth-child(1), .satisfaction .charge > span:nth-child(2) {margin-right:20px;} .satisfaction .charge i {color:#8fadcb;} .satisfaction .tv-radio input[type="radio"]:checked + label::before {border-color:#637B93;} .satisfaction .tv-radio input[type="radio"]:checked + label::after {background:#637B93;} /*새로운 갤러리 앞뒤글*/ .kmp-gallery .another{background-color: #F6F9FA; padding:20px 0; margin-top: 40px;} .kmp-gallery .another ul{margin:0 -20px;} .kmp-gallery .another li{float:left; width:calc(25% - 40px); margin:0 10px;} .kmp-gallery .another li .img-frame{display: block; width:100%; padding-top:70%; position: relative; overflow:hidden;} .kmp-gallery .another li img{min-width:100%; min-height:100%; object-fit:cover; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .kmp-gallery .another li .tit{display: block; width:100%; font-size:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0;} .kmp-gallery .another li span{color:#999999; font-size: 13px;} .kmp-gallery .another li span i{margin-right: 10px;} .kmp-gallery .another .more{display: block; font-size: 35px; background-color:#323232; line-height:50px; color:#fff; font-weight:300;opacity:0.5} /* 갤러리형 게시판 타이틀, 날짜 증 숨김처리 */ .gallery ul {margin:0 -3px;} .gallery li {float:left;width:33.3333%;margin:0 0 6px 0;} .gallery li a {position:relative;display:block;margin:0 3px;} .gallery li a:before {margin:-10px 0 0 -10px} .gallery .img_frame {height:250px;} .gallery .desc, .gallery li .stat {display:none;} @media only screen and (max-width:1240px){ /* 960 */ .satisfaction .rate ul {float:none;width:100%;margin-bottom:20px;} .satisfaction .s-etc {float:none;;width:100%;} } @media only screen and (max-width:767px){ /* auto */ .satisfaction .tit {font-size:18px;} .satisfaction .s-etc {display:block;} .satisfaction .s-etc input {width:100%;} .satisfaction .s-etc a {width:100%;} } @media only screen and (max-width:576px){/*mobile*/ .satisfaction .charge > span {display:block;} }