.irtop {position:relative;text-align:center;}
.irtop h1 {font-weight:300;font-size:38px;}
.irtop h2 {font-weight:400;font-size:20px;padding:5px 0 40px 0;}
.irtop p {font-size:14px;color:#666;line-height:20px;}
.irtop p a {font-weight:700;color:#125cab;}
.irtop p b {font-weight:700;background-color:#125cab;color:white;padding:4px 3px 1px 3px;}

.irlogin {position:relative;background-color:#f2f9ff;width:100%;border-radius:15px;margin:75px 0;padding:90px 0;}
.irlogin .box {position:relative;width:65%;margin:0 auto;}
.irlogin .box h1 {font-family:'teko';font-size:52px;color:#125cab;font-weight:400;line-height:52px;}
.irlogin .box p {font-size:15px;}
.irlogin .box .input {position:relative;padding:35px 0 20px 0;}
.irlogin .box .input li {background-color:white;border-radius:10px;margin-bottom:5px;padding:15px;}
.irlogin .box .input li img {width:30px;}
.irlogin .box .input li input {padding:10px;width:90%;font-size:16px;font-weight:700;color:#125cab;}
.irlogin .box .input li input::placeholder {font-weight:500;color:#999;}
.irlogin .box .chk {display:inline-block;position:relative;padding-left:30px;margin-bottom:40px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#666;font-size:14px;}
.irlogin .box .chk input[type="checkbox"] {display:none;}
.irlogin .box .chk .on {width:22px;height:22px;background:#ddd;position:absolute;top:-5px;left:0;border-radius:6px;}
.irlogin .box .chk input[type="checkbox"]:checked + .on {background:#125cab;}
.irlogin .box .chk .on:after {content:"";position:absolute;display:none;}
.irlogin .box .chk input[type="checkbox"]:checked + .on:after {display:block;}
.irlogin .box .chk .on:after {width:5px;height:10px;border:solid #fff;border-width: 0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:7px;top:3px;}

.irlogin .box a {background-color:#125cab;width:100%;color:white;font-family:'teko';font-size:26px;text-align:center;padding:12px 0;border-radius:10px;}
.irlogin .box a:hover {background-color:#333;}

.insite {position:relative;text-align:center;}
.insite h1 {font-weight:400;font-size:17px;line-height:28px;padding-bottom:55px;}
.insite li {float:left;width:31%;margin:0 1%;padding-bottom:35px;}
.insite li img {width:100%;border-radius:10px;}
.insite li p {font-size:14px;padding:15px 10% 0 10%;line-height:20px;}

.culture_top {position:relative;text-align:center;}
.culture_top img {width:120px;padding-bottom:30px;}
.culture_top h1 {font-size:30px;font-weight:300;padding-bottom:10px;}
.culture_top h2 {font-size:16px;font-weight:400;line-height:22px;}
.culture_top .box {position:relative;padding:30px 0 120px 0;}
.culture_top .box li {background-color:#f7f7f7;padding:30px 50px;border-radius:15px;float:left;width:calc(50% - 120px);margin:10px 10px;text-align:left;}
.culture_top .box li p {font-family:'teko';font-size:18px;}
.culture_top .box li h3 {font-size:22px;padding:10px 0 3px 0;}
.culture_top .box li span {color:#666;line-height:20px;height:30px;}

.culture_con {position:relative;text-align:center;background-color:#f7f7f7;padding:120px 0 100px 0;}
.culture_con h1 {font-size:30px;font-weight:300;padding-bottom:10px;}
.culture_con h2 {font-size:16px;font-weight:400;line-height:22px;}
.culture_con .box {position:relative;padding:30px 5% 0 5%;}
.culture_con .box li {background-color:#FFF;padding:30px 50px;border-radius:15px;margin-bottom:10px;text-align:left;}
.culture_con .box li p {font-family:'teko';font-size:18px;}
.culture_con .box li h3 {font-size:22px;padding:10px 0 3px 0;}
.culture_con .box li span {color:#666;line-height:20px;height:30px;}

.culture_bok {position:relative;text-align:center;}
.culture_bok h1 {font-size:30px;font-weight:300;padding-bottom:10px;}
.culture_bok h2 {font-size:16px;font-weight:400;line-height:22px;}
.culture_bok .box {position:relative;padding:30px 0;}
.culture_bok .box li {padding:30px 20px;float:left;width:calc(25% - 40px);height:200px;}
.culture_bok .box li img {background-color:#f7f7f7;width:50px;border-radius:100px;padding:35px;}
.culture_bok .box li p {font-size:20px;padding:20px 0 5px 0;font-weight:700;}
.culture_bok .box li span {color:#666;line-height:18px;height:30px;font-size:13px;height:30px;}

.culture_btn {position:relative;text-align:center;}
.culture_btn a {font-size:18px;background-color:#333;padding:20px 100px 20px 100px;color:white;border-radius:15px;}

.posting {position:relative;background-color:#f7f7f7;text-align:center;padding:70px 0;}
.posting .menu {position:relative;}
.posting .menu a {font-size:16px;margin:0 10px;color:#666;}
.posting .menu .on {font-weight:700;color:#333;}
.posting .list {position:relative;width:80%;margin:0 auto;padding:50px 0;display:none;}
.posting .list li {position:relative;background-color:white;border-radius:15px;padding:35px 20px 30px 110px;text-align:left;margin-bottom:10px;}
.posting .list li .status {background-color:#f7f7f7;position:absolute;top:25px;left:20px;color:#999;padding:25px 20px;}
.posting .list li h1 {font-size:18px;font-weight:400;padding-bottom:5px;line-height:20px;}
.posting .list li span {font-size:13px;margin-right:7px;color:#999;}
.posting .list li p {font-size:13px;color:#999;padding-top:10px;}

.posting .list .none {padding:100px 0;text-align:center;color:#666;background-color:#fcfcfc;border:dashed 1px #d8d8d8;}


.float_ribtn {position:fixed;bottom:30px;right:20px;z-index:50;}
.float_ribtn a {width:135px;display:block;font-size:14px;color:white;padding:10px 0 9px 0;border-radius:10px;margin-bottom:7px;box-shadow:0px 0px 5px #c4c4c4;}
.float_ribtn a img {padding:0 5px 3px 10px;width:22px;}
.float_ribtn .st01 {background-color:#20afe5;}
.float_ribtn .st02 {background-color:#125cb9;}
.float_ribtn .st03 {background-color:#e52020;}
.float_ribtn .st04 {background-color:#b91212;}
.float_ribtn a:hover {background-color:#333;color:white;}
.float_ribtn .top {text-align:center;font-family:'teko';font-size:15px;color:#333;padding:4px 0 3px 0;background-color:white;}

.prometo_top {position:relative;padding:0 0 100px 0;text-align:center;}
.prometo_top img {width:100%;border-radius:15px;}
.prometo_top h1 {font-size:36px;font-weight:300;padding:65px 0 20px 0;}
.prometo_top h1 b {color:#e52020;}
.prometo_top p {font-size:18px;line-height:26px;padding-bottom:20px;}
.prometo_top span {display:block;padding:5px 0;color:#666;}

.prometo_intro {position:relative;background-color:#f2f2f2;padding:120px 0;text-align:center;}
.prometo_intro h1 {font-size:36px;font-weight:300;padding:0 0 20px 0;}
.prometo_intro h1 b {color:#e52020;}
.prometo_intro h2 {font-size:18px;font-weight:400;}
.prometo_intro .box {position:relative;width:86%;margin:50px auto;}
.prometo_intro .box li {float:left;width:calc(50% - 101px);padding:0 50px;}
.prometo_intro .box li:first-child {border-right:dashed 1px #a4a4a4;}
.prometo_intro .box li h3 {font-size:30px;padding:20px 0 5px 0;}
.prometo_intro .box li p {font-size:15px;line-height:26px;}
.prometo_intro .box li .dot {opacity:0.5;padding:25px 0;}
.prometo_intro .box li span {color:#e52020;display:block;line-height:22px;}

.prometo_product {position:relative;background-color:#c24747;color:white;text-align:center;padding:120px 0 50px 0;}
.prometo_product h3 {font-family:'teko';font-size:19px;font-weight:400;}
.prometo_product h1 {font-size:36px;font-weight:300;padding:15px 0 5px 0;}
.prometo_product h2 {font-size:18px;font-weight:400;padding-bottom:50px;}
.prometo_product .box {position:relative;width:90%;margin:0 auto;border-radius:15px;background-color:white;padding:100px 0px;color:#000;margin-bottom:20px;}
.prometo_product .box h5 {font-size:400;font-weight:400;padding:10px 0;line-height:22px;}
.prometo_product .box h4 {font-size:32px;font-weight:300;}
.prometo_product .box h4 b {color:#e52020;}
.prometo_product .box .product {padding:40px 0 0 0;}
.prometo_product .box .des {position:relative;width:80%;margin:0 auto;color:#666;line-height:26px;clear:both;padding-top:50px;}
.prometo_product .box .des p {color:#333;padding-bottom:20px;}
.prometo_product .box .des span {padding:10px;background-color:#b91212;color:white;}
.prometo_product .box .des .last {font-size:13px;opacity:0.5;padding-top:20px;}
.prometo_product .box .point {position:relative;width:70%;margin:0 auto;padding:50px 0;}
.prometo_product .box .point li {float:left;width:calc(23% - 1px);padding:0 5% 0 5%;border-right:dashed 1px #e5e5e5;}
.prometo_product .box .point li:last-child {border:0;}
.prometo_product .box .point li h6 {font-size:24px;padding:20px 0 10px 0;}
.prometo_product .box .point li p {font-size:14px;color:#666;line-height:20px;}
.prometo_product .box .function {position:relative;width:80%;margin:0 auto;padding:30px 0;}
.prometo_product .box .function li {float:left;width:calc(24%);margin:0.5%;background-color:#f7f7f7;padding:25px 0 22px 0;border-radius:10px;}
.prometo_product .box .function li p {font-size:16px;line-height:22px;}

.prometo_certi {position:relative;padding:120px 0;text-align:center;background-color:#f2f2f2;}
.prometo_certi h3 {font-family:'teko';font-size:19px;font-weight:400;}
.prometo_certi h1 {font-size:36px;font-weight:300;padding:15px 0 5px 0;}
.prometo_certi h2 {font-size:18px;font-weight:400;padding-bottom:50px;}
.prometo_certi .list {position:relative;width:90%;margin:0 auto;}
.prometo_certi .list li {width:25%;float:left;text-align:center;}
.prometo_certi .list li img {width:90%;border:solid 1px #e5e5e5;}
.prometo_certi .list li p {font-size:13px;padding:10px 0 20px 0;}

.prometo_pee {position:relative;padding:120px 0;text-align:center;}
.prometo_pee h3 {font-family:'teko';font-size:19px;font-weight:400;}
.prometo_pee h1 {font-size:36px;font-weight:300;padding:15px 0 5px 0;}
.prometo_pee h2 {font-size:18px;font-weight:400;padding-bottom:50px;}
.prometo_pee .list {position:relative;}
.prometo_pee .list li {width:calc(19% - 40px);float:left;text-align:center;padding:35px 20px 30px 20px;background-color:#f2f2f2;border-radius:10px;margin:0.5%;}
.prometo_pee .list li p {font-weight:700;font-size:22px;padding-bottom:5px;}
.prometo_pee .list li span {font-size:13px;padding:10px 0 20px 0;color:#666;}
.prometo_pee h4 {font-size:22px;padding:30px 0 10px 0;} 
.prometo_pee h5 b {color:#e52020;}

.prometo_healthinfo {position:relative;padding:120px 0;text-align:center;background-color:#f2f2f2;}
.prometo_healthinfo h3 {font-family:'teko';font-size:19px;font-weight:400;}
.prometo_healthinfo h1 {font-size:36px;font-weight:300;padding:15px 0 5px 0;}
.prometo_healthinfo h2 {font-size:18px;font-weight:400;padding-bottom:50px;}
.prometo_healthinfo .list {position:relative;width:80%;margin:0 auto;}
.prometo_healthinfo .list li {background-color:white;padding:40px 20px;border-radius:15px;margin-bottom:20px;}
.prometo_healthinfo .list li img {width:100%;padding-top:20px;}
.prometo_healthinfo .list li span {font-size:20px;color:white;background-color:#333;padding:10px 10px 8px 10px;display:block;}

.prometo_vod {position:relative;padding:100px 0;text-align:left;}
.prometo_vod li {float:left;width:calc(25% - 10px);margin:0 5px 40px 5px;}
.prometo_vod li img {width:100%;border-radius:7px;}
.prometo_vod li p {padding:15px 10px 5px 10px;}
.prometo_vod li span {font-size:12px;opacity:0.5;display:block;padding:0 10px;}

.prosen_intro {position:relative;background-color:#3b3b3b;color:white;text-align:center;padding:120px 0;}
.prosen_intro h1 {color:#ffb900;font-size:48px;}
.prosen_intro h2 {font-weight:300;font-size:24px;padding:5px 0 20px 0;}
.prosen_intro h2 b {color:#ffb900;}
.prosen_intro p {font-size:13px;}
.prosen_intro table {position:relative;width:40%;margin:0 auto 0;border-top:solid 1px #717171;}
.prosen_intro table th {text-align:left;padding:15px;border-bottom:solid 1px #717171;}
.prosen_intro table td {text-align:left;padding:15px;border-bottom:solid 1px #717171;}
.prosen_intro span {display:block;font-size:13px;opacity:0.5;padding-top:30px;}

.prosen_won {position:relative;padding:120px 0 70px 0;background-color:#121212;text-align:center;color:white;}
.prosen_won h1 {font-size:48px;font-weight:300;}
.prosen_won h1 b {color:#ffb900;}
.prosen_won h2 {font-size:16px;font-weight:400;line-height:24px;padding:10px 0 30px 0;}
.prosen_won .box {position:relative;border:dashed 1px #878787;border-radius:15px;width:80%;margin:30px auto 0 auto;padding:30px 0;}
.prosen_won .box h3 {color:#ffb900;font-size:24px;padding:30px 0 10px 0;font-weight:300;}


/* =========================================================================================== */
@media only screen and (max-width:1200px) { 

.culture_top img {width:100px;padding-bottom:20px;}
.culture_top h1 {font-size:26px;}
.culture_top h2 {font-size:15px;}
.culture_top .box {padding:20px 0 100px 0;}
.culture_top .box li {padding:30px 20px;width:calc(50% - 60px);}

.culture_con {padding:100px 0 80px 0;}
.culture_con h1 {font-size:26px;}
.culture_con h2 {font-size:15px;}
.culture_con .box li {padding:30px 30px;}

.culture_bok h1 {font-size:26px;}
.culture_bok h2 {font-size:15px;}
.culture_bok .box li {padding:30px 10px;width:calc(25% - 20px);}
.culture_bok .box li img {width:60px;padding:25px;}
.culture_bok .box li p {font-size:18px;}
.culture_bok .box li span {font-size:13px;display:block;}

.posting .list {width:94%;}


.prometo_intro .box {width:100%;}
.prometo_intro .box li {width:calc(50% - 61px);padding:0 30px;}

.prometo_product {padding:100px 0 50px 0;}
.prometo_product .box {width:96%;padding:60px 0px;}
.prometo_product .box .point {width:90%;}
.prometo_product .box .point li {width:calc(27% - 1px);padding:0 3% 0 3%;}
.prometo_product .box .function {width:90%;}

.prometo_certi {padding:100px 0;}
.prometo_certi .list {width:98%;}
.prometo_certi .list li img {width:94%;}

.prometo_pee {padding:100px 0;}
.prometo_pee .list li {width:22%;padding:30px 1% 25px 1%;margin:0.5%;}

.prometo_healthinfo {padding:100px 0 50px 0;}
.prometo_healthinfo .list {width:96%;}

.prometo_vod {padding:80px 0;}
.prometo_vod li {width:calc(33% - 10px);}

.prosen_intro img {width:100%;}
.prosen_intro table {width:80%;}

.prosen_won img {width:50%;}
.prosen_won .box {width:90%;}
.prosen_won .box img {width:80%;}







}


/* =========================================================================================== */
@media only screen and (max-width:767px) {

.irtop h1 {font-size:24px;}
.irtop h2 {font-size:15px;padding:5px 0 30px 0;}
.irtop p {font-size:13px;line-height:22px;}
.irtop p br {display:none;}

.irlogin {border-radius:10px;margin:50px 0 35px 0;padding:50px 0;}
.irlogin .box {width:auto;padding:0 15px;}
.irlogin .box h1 {font-size:36px;line-height:36px;}
.irlogin .box p {font-size:13px;}
.irlogin .box .input {padding:30px 0 10px 0;}
.irlogin .box .input li img {width:20px;}
.irlogin .box .input li input {width:70%;font-size:15px;}

.insite h1 {font-size:14px;line-height:20px;padding-bottom:30px;}
.insite h1 br {display:none;}
.insite li {width:100%;margin:0;padding-bottom:30px;}
.insite li img {border-radius:5px;}
.insite li p {font-size:13px;padding:10px 10% 0 10%;line-height:20px;}

.culture_top img {width:90px;padding-bottom:25px;}
.culture_top h1 {font-size:24px;}
.culture_top h2 {font-size:14px;line-height:20px;}
.culture_top h2 br {display:none;}
.culture_top .box {padding:20px 0 70px 0;}
.culture_top .box li {padding:25px 20px;width:calc(100% - 40px);margin:5px 0;border-radius:10px;}
.culture_top .box li p {font-size:16px;}
.culture_top .box li h3 {font-size:20px;}
.culture_top .box li span {line-height:18px;font-size:14px;}

.culture_con {padding:60px 0 20px 0;width:auto;}
.culture_con h1 {font-size:24px;padding:0 20px 10px 20px;}
.culture_con h2 {font-size:14px;line-height:20px;padding:0 20px;}
.culture_con h2 br {display:none;}
.culture_con .box {padding:30px 10px}
.culture_con .box li {padding:25px 20px;border-radius:10px;}
.culture_con .box li p {font-size:16px;}
.culture_con .box li h3 {font-size:20px;}
.culture_con .box li span {line-height:18px;font-size:13px;}

.culture_bok h1 {font-size:24px;}
.culture_bok h2 {font-size:14px;padding:0 20px;}
.culture_bok h2 br {display:none;}
.culture_bok .box {position:relative;padding:10px 0;}
.culture_bok .box li {padding:30px 10px;float:left;width:calc(50% - 20px);}
.culture_bok .box li img {width:40px;padding:20px;}
.culture_bok .box li p {font-size:16px;padding:10px 0 5px 0;}
.culture_bok .box li span {line-height:16px;}

.culture_btn a {font-size:15px;padding:15px 50px 13px 50px;border-radius:10px;}

.posting {padding:40px 0 20px 0;}
.posting .menu a {font-size:14px;margin:0 5px;}
.posting .list {width:94%;padding:30px 0;}
.posting .list li {border-radius:10px;padding:20px 15px 20px 75px;}
.posting .list li .status {top:20px;left:15px;color:#999;padding:15px 10px;font-size:13px;}
.posting .list li h1 {font-size:17px;padding-bottom:5px;}
.posting .list li span {font-size:13px;margin-right:7px;color:#999;}
.posting .list li p {padding-top:5px;}

.posting .list .none {padding:70px 0;font-size:13px;}

.float_ribtn {bottom:0;right:auto;left:0;width:100%;}
.float_ribtn a {width:50%;display:inline-block;font-size:14px;padding:12px 0 9px 0;border-radius:0;margin-bottom:0;box-shadow:none;text-align:center;}
.float_ribtn a img {padding:0 5px 3px 10px;width:22px;}
.float_ribtn .top {display:none;}

.prometo_top {padding:0 0 50px 0;}
.prometo_top img {border-radius:10px;}
.prometo_top h1 {font-size:30px;padding:35px 0 10px 0;}
.prometo_top p {font-size:16px;line-height:22px;}
.prometo_top p br {display:none;}

.prometo_intro {padding:70px 10px 30px 10px;}
.prometo_intro h1 {font-size:28px;padding-bottom:10px;}
.prometo_intro h2 {font-size:15px;}
.prometo_intro .box {width:100%;}
.prometo_intro .box li {width:100%;padding:0 0 30px 0;}
.prometo_intro .box li:first-child {border-right:0;border-bottom:dashed 1px #bfbfbf;margin-bottom:40px;}
.prometo_intro .box li .icon {width:80px;}
.prometo_intro .box li h3 {font-size:26px;}
.prometo_intro .box li p {font-size:13px;line-height:18px;}
.prometo_intro .box li .dot {padding:15px 0;width:35px;}
.prometo_intro .box li span {font-size:13px;line-height:18px;}

.prometo_product {padding:70px 10px 20px 10px;}
.prometo_product h1 {font-size:28px;}
.prometo_product h2 {font-size:15px;padding-bottom:30px;}
.prometo_product .box {width:auto;border-radius:10px;padding:50px 10px 30px 10px;margin-bottom:10px;}
.prometo_product .box h4 {font-size:28px;}
.prometo_product .box .product {padding:30px 0 0 0;width:90%;}
.prometo_product .box .des {width:100%;line-height:20px;padding-top:30px;}
.prometo_product .box .des br {display:none;}
.prometo_product .box .des p {padding-bottom:10px;}
.prometo_product .box .des span {font-size:12px;padding:3px;}
.prometo_product .box .point {width:auto;padding:30px 0;}
.prometo_product .box .point li {width:calc(29% - 1px);padding:0 2% 0 2%;}
.prometo_product .box .point li img {width:90%;}
.prometo_product .box .point li h6 {font-size:20px;}
.prometo_product .box .point li p {font-size:13px;line-height:18px;}
.prometo_product .box .function {width:auto;padding:20px 0;}
.prometo_product .box .function li {width:calc(49%);padding:15px 0 12px 0;border-radius:5px;}
.prometo_product .box .function li p {font-size:14px;line-height:18px;}

.prometo_certi {padding:70px 0 30px 0;}
.prometo_certi h1 {font-size:28px;}
.prometo_certi h2 {font-size:15px;padding-bottom:30px;}
.prometo_certi .list {width:96%;}
.prometo_certi .list li {width:33%;}
.prometo_certi .list li p {font-size:12px;padding:7px 0 15px 0;}

.prometo_pee {padding:70px 0;}
.prometo_pee h1 {font-size:28px;}
.prometo_pee h2 {font-size:15px;padding-bottom:30px;}
.prometo_pee .list li {width:calc(49% - 20px);padding:20px 10px 15px 10px;border-radius:5px;}
.prometo_pee .list li p {font-size:18px;}
.prometo_pee .list li span {font-size:12px;padding:0px 0 10px 0;line-height:14px;}
.prometo_pee h4 {font-size:20px;}

.prometo_healthinfo {padding:70px 0 30px 0;}
.prometo_healthinfo h1 {font-size:28px;}
.prometo_healthinfo h2 {font-size:12px;padding:0 20px 30px 20px;}
.prometo_healthinfo .list {width:96%;}
.prometo_healthinfo .list li {padding:30px 10px;border-radius:5px;margin-bottom:10px;}
.prometo_healthinfo .list li img {padding-top:10px;}
.prometo_healthinfo .list li span {font-size:17px;padding:5px 5px 3px 5px;}

.prometo_vod {padding:30px 0;}
.prometo_vod li {width:calc(50% - 10px);margin:0 5px 30px 5px;}
.prometo_vod li p {padding:15px 5px 5px 5px;}
.prometo_vod li span {padding:0 5px;}


.prosen_intro {padding:70px 10px 40px 10px;}
.prosen_intro h1 {font-size:35px;}
.prosen_intro h2 {font-size:17px;}
.prosen_intro table {width:100%;font-size:13px;}

.prosen_won {padding:70px 10px 40px 10px;}
.prosen_won h1 {font-size:35px;}
.prosen_won h2 {font-size:14px;line-height:20px;}
.prosen_won img {width:100%;}
.prosen_won .box {border-radius:5px;width:auto;margin:10px auto 0 auto;padding:20px 20px;}
.prosen_won .box h3 {font-size:20px;padding:20px 0 5px 0;}
.prosen_won .box img {width:100%;}






}