@import url('common.css');
@import url('reset.css');
#cont_top p {font-size: 22px; color: #000;}
a {min-height: 0; display: block; margin:0; padding:0;}
/*Top button*/
.top_bt {border:1px solid #ccc;line-height:2.7;font-size:12px;color:#000;background:rgba(255,255,255,0.7);width:35px;height:35px;position:fixed;right:5%;bottom:10%;text-align:center;border-radius:50px}
/*br Class*/
.pc {display:block;}
.mobile{display:none;}
.br768{display:none;}
.textarea .tajust{text-align:justify;}
/*SubTop*/
#sub_top {margin-top: 2.5%}
#sub_top h2{font-family: 'IBM Plex Sans KR', sans-serif; font-size: 65px; font-weight:600; margin:2% 0;line-height:1.4}
#sub_top h3{font-size: 26px; font-weight:500; margin:0 0 2% 0}
#sub_top p {font-size: 22px; width:90%; margin:0 auto 5% 5%;color:#444444}
#sub_top .capsule{width:10%}
#caption {text-align:center;float:right}
/*二쇱꽍*/
.camgo{font-size: 16px; font-weight:400; color:#9f9f9f;line-height:140%;}
/*�띿뒪�� �좏삎*/
.textarea {padding:0 0}/*��,�꾨옒 紐⑤몢 �щ갚�놁쓬*/
.textarea02 {padding:6% 0}/*��,�꾨옒 紐⑤몢 �щ갚�덉쓬*/
.textarea03 {padding:6% 0 0 0}/*�꾩뿉留� �щ갚�덉쓬*/
.textarea04 {padding:0 0 6% 0}/*�꾨옒留� �щ갚�덉쓬*/
.textarea05 {padding:10% 0}/*��,�꾨옒 紐⑤몢 �щ갚�덉쓬_�볤쾶*/
/*�대�吏� �좏삎*/
.imgarea { display: block; padding:0 0;}/*��,�꾨옒 紐⑤몢 �щ갚�놁쓬*/
.imgarea02 { display: block; padding:7% 0;}/*��,�꾨옒 紐⑤몢 �щ갚�덉쓬*/
.imgarea03 { display: block; padding:7% 0 0 0;}/*�꾩뿉留� �щ갚�덉쓬*/
.imgarea04 { display: block; padding:0 0 7% 0;}/*�꾨옒留� �щ갚�덉쓬*/
.imgarea05 { display: block; padding:5% 0 2% 0;}/*�� �꾨옒 �щ갚 醫곸쓬*/
/*蹂몃Ц �볦씠*/
.cont .wrap{width: 1420px;max-width:100%;margin:auto;text-align:center;}
.cont .wrap_w{margin:4% 10%;text-align:center;}
.cont .wrap_w2{margin:2% 10%;text-align:center;}
.cont .wrap_w3{margin:0% 10%;text-align:center;}
.cont .cont_tit {font-family: 'IBM Plex Sans KR', sans-serif;font-size: 36px;font-weight:500;transform: rotate(0.1deg);margin:10% 0 3% 0}
.cont .cont_tit2 {font-family: 'IBM Plex Sans KR', sans-serif;font-size: 30px;font-weight:500;transform: rotate(0.1deg);margin:2% 0 3% 0;line-height:1.7}
.cont .cont_tit2 span{display:block;font-size:18px}
.cont .cont_tit3 {font-family: 'IBM Plex Sans KR', sans-serif;font-size: 36px;font-weight:500;transform: rotate(0.1deg);margin:10% 0 3% 0;line-height:1.5}
.cont .cont_tit3 span {color:#009944}
.cont .cont_tit4 {font-family: 'IBM Plex Sans KR', sans-serif;font-size: 36px;font-weight:500;transform: rotate(0.1deg);margin:7% 0 0 0;line-height:1.5}
.cont p {font-size: 18px; text-align: left;}
/*�명꽣酉� �꾩씠肄�*/
.cont_icon {background-image:url('../img/sub/icon01.png');background-repeat:no-repeat;width:50px; height:50px;margin:10% auto 0 auto;text-align:center;color:#fff;line-height:235%}
.cont_icon span {font-size:28px;text-align:center;font-family: 'Raleway', sans-serif;font-weight:600;}
/*KNOC people �꾩씠肄�*/
.cont_icon02 {background-image:url('../img/sub/icon02.png');background-repeat:no-repeat;width:50px; height:50px;margin:0 auto;text-align:center;color:#fff;line-height:260%}
.cont_icon02 span {font-size:28px;text-align:center;font-family: 'Raleway', sans-serif;font-weight:600;}
#cont1 .wrap {padding: 0;width: 934px;margin:auto;}
#cont1 .write_box p {display:block;width:100%;font-size:14px;color:#636363;text-align:center;padding:1% 7%}
.p2_name01{background:#89b9ff; color:#fff; font-size:20px;font-weight:500;}
.p2_name02{background:#31cfd1; color:#fff; font-size:20px;font-weight:500;}
.imgtitle{position: relative;width:100%;font-size:18px;color:#00c921;}
#cont2 {background: #009944;padding: 10px 0 110px 0;width: 100%;margin:auto;}
#cont2 .wrap {width: 934px;margin:auto;max-width: 90%;}
#cont2 h3 {color: #fff;font-size:40px; font-family: 'IBM Plex Sans KR', sans-serif;font-weight:500; margin-top:10%}
#cont2 .interview ul{margin-top: 90px;}
#cont2 .interview .text .tit {color: #171717;padding: 0;margin: 0; font-weight: 500;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;}
#cont2 .interview .text .tit span {font-size: 14px;font-weight: 500; padding-left: 5px; color:#171717;font-family: 'Noto Sans KR', sans-serif;}
#cont2 .interview p {font-size: 16px;margin-top: 10px;font-weight: 400;color:#707070;}
#cont2 .interview ul .text {position: relative;border-radius: 20px;padding:40px;background:#fff;width: calc(100% - 230px);float: right;}
#cont2 .interview ul .text:before {position: absolute; left:-20px; content: ""; background:url(../img/sub/arrow_r.png) no-repeat 50%; width:22px; height: 20px;}
#cont2 .interview ul.img_right .img { float: right;}
#cont2 .interview ul.img_right .text {float: left;}
#cont2 .interview ul.img_right .text:before {position: absolute;left: auto;right: -40px;content: "";background: url(../img/sub/arrow_l.png) no-repeat right 20px top 50%;width: 100%;height: 20px;}
#cont2 .write_box{margin:5% auto;}
#cont2 .write_box p, #cont2 .write_box p span{color:#fff}
/*Write�쒕챸*/
.write_box {width:50%;margin:2% auto 7% auto;border:1px solid #df5e00;overflow:hidden;border-radius:10px;}
.write_box p {display:block;width:100%;font-size:14px;color:#636363;text-align:center;padding:1% 7%}
.write_box p span {font-weight:bold;margin-right:10px;color:#000}
/* sub02*/
.cardnews{list-style:none; width:100%;margin:8% auto; max-width:1080px;}
.cardnews li{display:block;margin-bottom:20px;}
/*sub03 異붽��쒕�遺�*/
.borderbox {border-radius:30px;border:3px solid #df5e00;padding:5%;text-align:left;margin:0 0 0 0}
.mt7 {margin-top:7%}
.borderbox h4 {color:#df5e00;font-size:20px;font-weight:600}
.borderbox p {margin:2% 0 0 0}
.borderbox p span {color:#000;font-weight:600;margin-right:2%}
.staff {margin:10% 0;overflow:hidden;}
.staff li {display:block;float:left;width:22%;margin-right:4%;text-align:center}
.staff li:nth-child(4) {margin-right:0}
.staff li p {text-align:center;font-size:14px}
.staff li p span {font-size:18px;font-weight:500;}
.cap01{font-size:14px; color:#888;font-weight:400;text-align:center;}
/* sub04 */
#sub_top .interview_on_visual {display: block;position: relative;width: 1112px;max-width: 100%;margin:0 auto;height:762px;}
#sub_top .interview_on_visual .img1 {margin:auto; z-index: 1;}
#sub_top .interview_on_visual .img1 img {margin:8.6% 0 0 0}
#sub_top .interview_on_visual .img2 {position: absolute; bottom: 0; width: 927px; left:50%; margin-left:-463px; z-index: -1}
#sub_top .interview_on_visual .img3 {position: absolute; bottom: -1.5%; width: 1112px; left:50%; margin-left:-555px; z-index: -1}
#sub_top .interview_on_visual p {position: absolute;top: 58%;color: #000;line-height: 1;}
#sub_top .interview_on_visual p.text1 span {margin-right: -9px;}
#interview_on_01 {padding-bottom: 150px;position: relative;}
#interview_on_01 .wrap {width: 934px;max-width: 90%;}
#interview_on_01 .qa_list {padding-top: 10%;}
/*KNOC people �꾩씠肄�*/
#interview_on_01 .qa_list .cont_icon2 {background-image:url('../img/sub/icon02.png');background-repeat:no-repeat;width:50px; height:50px;margin:10% auto 0 auto;text-align:center;color:#fff;line-height:260%}
#interview_on_01 .qa_list .cont_icon2 span {font-size:28px;text-align:center;font-family: 'Raleway', sans-serif;font-weight:600;}
#interview_on_01 h3.q_tit {font-family: 'IBM Plex Sans KR', sans-serif;font-size: 30px; margin-bottom: 20px;}
/*#interview_on_01 h3.q_tit:before {position: absolute; content: "Q";line-height:2;color:#fff;font-family: 'Raleway', sans-serif; width: 50px; height: 70px; background:url(../img/sub/icon02.png) no-repeat 50%; top: -70px; left:50%; margin-left: -25px;}*/
#interview_on_01 p {font-size: 18px; border-radius: 20px;border: 3px solid #df5e00; padding:30px 34px;}
#interview_on_01 p.spk1 {color: #000; background:#fff; margin-top: 40px;}
#interview_on_01 p.spk2 {color: #fff; background:#df5e00; margin-top: 0}
#interview_on_01 p b {padding:1px 5px;font-weight: 400; margin-right:3px;}
#interview_on_01 p.spk1 b { color:#fff; background:#df5e00;}
#interview_on_01 p.spk2 b { color:#464646; background:#fff;}
#interview_on_01 .peoples {padding: 0;}
#interview_on_01 .peoples .img02 {position: absolute;bottom: -31px;left:50%;margin-left: -830px;}
#interview_on_01 .peoples .img03 {position: absolute;bottom: -29px;left:50%; margin-left: 491px;}
#interview_on_01 .peoples .img03 img {max-width: 279px;}
/*picture img{max-width: auto}*/
#interview_on_01 .write_box p {border:none;display:block;width:100%;font-size:14px;color:#636363;text-align:center;padding:10px 7%;}
#interview_on_01 .write_box{margin:5% auto 2% auto;}
.interview_name {color:#df5e00;font-weight:600;margin-right:3%}
/*�ㅻⅨ湲곗궗蹂닿린*/
.other{clear:both;overflow:hidden; background-color:#efdbad;width:100%;padding:4% 13% 4% 13%;}
.other p{text-align:center; font-family:'Open Sans', sans-serif;font-weight:600;font-size:42px;color:#000000;}
.other .other_list {float:left;width:46%; margin:3% 2%;border-top:1px solid #000000;}
.other .other_list02 {float:left;width:46%; margin:3% 2%;border-top:1px solid #000000;}
.other .other_list li, .other .other_list02 li{font-family: 'Noto Serif KR', serif; font-size:16px; font-weight:500;color:#000000;border-bottom: 1px solid #000000;padding:10px 10px; }
.other .other_list li span, .other .other_list02 li span{font-family:'Open Sans', sans-serif;font-weight:600;color:#000000;width:140px;display:inline-block;}
/*
.other_list_title01{margin-right:10px}
.other_list_title02{margin-right:17px}
.other_list_title03{margin-right:37px}
.other_list_title04{margin-right:65px}
.other_list_title05{margin-right:63px}
.other_list_title06{margin-right:23px}
.other_list_title07{margin-right:50px}
.other_list_title08{margin-right:56px}
.other_list_title09{margin-right:76px}*/
.other .other_list li a:hover, .other .other_list02 li a:hover {color:#df5e00}
/*sub07 Oil Focus Table css */
.sub08_tb {border:1px solid #ececec;margin:7% 0}
.sub08_tb thead {background:#ececec}
.sub08_tb thead th {padding:1% 0;border-right:1px solid #fff}
.sub08_tb thead th:last-child {border-right:0px solid #fff}
.sub08_tb tbody tr td {padding:1% 0;border-bottom:1px solid #ececec;border-right:1px solid #ececec}
/*Photogenic*/
.photogenic {background-image:url('../img/sub/sub09_bg.png');background-size:100% auto;background-repeat:repeat;overflow:hidden}
.pg_notice {clear:both;text-align:center;padding:5% 0 10% 0;}
.pg_notice p{font-size:20px;line-height:200%;color:#000;}
.pg_con {margin:0 15%;}
.pg_con .pg_tit {text-align:center;margin:10% auto 0 auto}
.pg_con ul {width:100%;height:100%;clear:both;padding:7% 0}
.pg_con .photobox {width:auto;float:left;background:#fff;box-shadow:3px 3px 10px #999}
.pg_con .photobox.right {float:right}
.pg_con .photobox.ml30 {float:left; margin-left:25%}
.pb_txt {text-align:left;margin:0 0 0 20px;width:80%;overflow:hidden;padding-bottom:35px}
.pb_txt p:nth-child(1) {font-size:22px;font-weight:600;color:#252525;line-height:1.5}
.pb_txt p:nth-child(2) {font-size:16px;font-weight:600;color:#444;margin:10px 0}
.pb_txt p span {font-size:14px;color:#888;font-weight:400;margin-left:5px}
.pg_con .photobox img {border:20px solid #fff;}
.pb_txt p:nth-child(3) {font-size:16px;font-weight:400;color:#333;margin:10px 0}
/*媛곷룄議곗젅*/
.pg_con .photobox.pb1 {transform: rotate( 0deg );}
.pg_con .photobox.pb2 {transform: rotate( 7deg );}
.pg_con .photobox.pb4 {transform: rotate( -3deg );}
.pg_con .photobox.pb3 {transform: rotate( 0deg );}
.pg_con .photobox.pb5 {transform: rotate( -5deg );}
.pg_con .photobox.pb6 {transform: rotate( 3deg );}
.pg_con .photobox.pb7 {transform: rotate( 0deg );margin-top:10%}
.pg_con .photobox.pb8 {transform: rotate( 0deg );}
.pg_con .photobox.pb9 {transform: rotate( 3deg );margin-top:5%}
.pg_con .photobox.pb10 {transform: rotate( 0deg );}
.pg_con .photobox.pb12 {transform: rotate( -3deg );margin-left:20%}
.pg_con .photobox.pb13 {transform: rotate( 0deg );}
.pg_con .photobox.pb14 {transform: rotate( 3deg );margin-top:10%}
.pg_con .photobox.pb11 {transform: rotate( -3deg );}
.pg_con .photobox.pb15 {transform: rotate( 0deg );margin-top:5%}
/*sub09 Oil TV*/
.mov01{clear:both;margin:5% 10%;text-align:center;font-family:'Open Sans', sans-serif;font-size:12px; color:#7d7d7d;line-height:160%}
.mov01 video {max-width:100%; display: block; margin:0 auto; border-radius:20px}
.mov02{clear:both;margin:0 16%;text-align:center;font-family:'Open Sans', sans-serif;font-size:12px; color:#7d7d7d;line-height:160%}
.video{margin:0 0 5% 0}
.vimeoWrap03{position:relative;overflow:hidden;border-radius:50px;padding-bottom:53.7%; /* 16/9 ratio */padding-top:32.5px;/* IE6 workaround*/height:0;overflow:hidden;margin:0}
.vimeoWrap03 iframe, .vimeoWrap03 object, .vimeoWrap03 embed {position: absolute;top: 0;left: 0;width: 100%; height:100%;border:0px}
.icon_line{margin:3% 16%}
.icon_line img{display:block;width:100%;}
.youtube_des{column-count:2;margin:0 16%;column-gap:3%;}
.youtube_bt{display:block;margin:2% auto 7% auto;}
.youtube_bt a:hover {color:#df5e00}
.youtube_bt a{margin:0 auto;width:25%;border:5px solid #df5e00;text-align:center;padding:1% 0;border-radius:100px;font-size:22px;font-weight:bold}
.good{font-size:16px !important;margin:7% auto 0 auto !important;text-align:center !important;line-height:2;color:#444}
/*�좏닾釉� �꾨땶 �곸긽*/
.mov2{width:100%;position:relative;margin:4% auto}
.mov2 video{width:100%;}
/*sub11 Travel Plus*/
.double {clear:both;width:1380px;margin:4% auto;overflow:hidden;}
.double_img1 .left {float:left}
.double_img1 .right {float:right;margin-top:10%}
.double_img2 .left {float:left;margin-top:10%}
.double_img2 .right {float:right;}
/*KNOC News*/
.newsbox {padding-bottom:5%;border-bottom:1px solid #009944;margin:5% 20%;overflow:hidden}
.newsbox.last {border-bottom:0px solid #fff;}
.news.left {width:40%;float:left;}
.news.right {width:58%;float:right}
.news_tit {text-align:left;font-size:24px;font-weight:600}
.news_txt {font-size:16px;font-weight:400;margin:5% 0}
.newsbox2 {padding-bottom:1%;border-bottom:1px solid blue;margin:5% 20%;overflow:hidden;position:relative;}
.newsbox2 h2 {background-image:url('../img/sub/news_bg.jpg');background-repeat: repeat-x;background-position:center;}
.newsbox2 h2 span {color:#009944;font-size:40px;background:#fff;padding:0 1% 0 0}
.newsbox_inner {display:block;width:100%;clear:both;margin:5% 0;overflow:hidden}
/*Save the Earth*/
.sub12_icon img{display:block;margin:0 auto 3% auto;}
.sub12_list{clear:both;width:100%;margin:6% auto;overflow:hidden;}
.sub12_list li{display:block; float:left;width:27%;margin: 0 3%;}
.sub12_list li img{width:100%;}
.sub12_stitle{font-size:24px;color:#000;margin:3% 0;}
.sub12_stitle span{font-size:18px;color:#252525;}
.sub12_list li p{text-align:justify;font-size:18px;margin:3% 0;}
/*.urllink {width:100%;font-size:16px;text-align:center;margin:-1% 0 5% 0}
.urllink a {display:block;width:30%;background-color:#ffe4a4;margin:0 auto;text-align:center;padding:1% 0;border-radius:30px}
.urllink a:hover {color:#df5e00;background-color:#ececec}*/
.local {color:#df5e00;font-size:22px;padding:0.2% 2% 0.5% 2%;background-color:#df5e00;border-radius:50px;color:#fff;margin:0 1%}
.add_box p {font-size:16px;color:#999;}
.add_box p a{display:inline-block;color:#999; }
.add_box p span {margin-right:1.5%;color:#df5e00;font-weight:600;}
#cont3 {background: #fdebdd;padding:5% 0 3% 0;width: 100%;margin:auto;margin:5% 0 0 0;}
#cont3 .wrap {margin:0 auto 5% auto;width:65%;}
#cont3 h3 {color: #1d1d1d;font-size:48px; font-family: 'IBM Plex Sans KR', sans-serif;font-weight:500; margin:0 0 8% 0}
#cont3 .wrap img{width:100%;}
/*Notice*/
.add_box2 p {font-size:16px;color:#666;}
.add_box2 p a{display:inline-block;color:#999; }
.add_box2 p span {margin-right:1.5%;color:#df5e00;font-weight:600;}
/*Made In*/
.tiger_line {border-bottom:1px solid #009944; text-align:center;position:relative;margin-top:20%}
.tiger_line p{text-align:center;position:absolute;width:100%;top:-65px;z-index:2}
.tiger_line p span {position:absolute;top:7%;left:0;z-index:3;text-align:center;width:100%;font-family:'Open Sans', sans-serif; font-size:20px;color:#000;font-weight:700;line-height:530%}
/*sub15 Oil Sense*/
/*#sub_top .oil_sense_visual {position: relative; height: 900px; width: 1680px; margin:0 auto; }
#sub_top .oil_sense_visual .oil_sense_v {position: absolute; display: inline-block; width: 440px; height: 600px; padding: 30px 40px; border-radius: 20px; text-align: right;}
#sub_top .oil_sense_visual .oil_sense_v p {font-size: 16px; color: #000;}
#sub_top .oil_sense_visual .oil_sense_v img {margin-right: 20px;}
#sub_top .oil_sense_visual .oil_sense_v p.name {text-align: right; font-size: 20px; font-weight: 500;}
#sub_top .oil_sense_visual .oil_sense_v.vp1 {left: 50%;margin-left: -670px;top: 20px; transform: rotate(3deg);border: 5px solid #a864a8;}
#sub_top .oil_sense_visual .oil_sense_v.vp2 {left:50%;margin-left:-290px; top: 180px; transform: rotate(-5deg);border: 5px solid #df5e00;}
#sub_top .oil_sense_visual .oil_sense_v.vp3 {left:50%;margin-left:110px; transform: rotate(10deg);border: 5px solid #2e2e2e;}
#sub_top .oil_sense_visual .oil_sense_v.vp1 {left:50%;margin-left: -741px;top: 20px;}
#sub_top .oil_sense_visual .oil_sense_v.vp2 {left:50%;margin-left: -354px;top: 116px;}
#sub_top .oil_sense_visual .oil_sense_v.vp3 {left:50%;margin-left: 60px;top: -50px;}
#sub_top .oil_sense_v p {margin-left: 0}*/
.oilsense_review {width:65%;margin:5% auto;position:relative;height:780px}
#sub_top .oilcard {width:33%;float:left;margin-right:0.5%;padding:4%;text-align:left;position:absolute;overflow:hidden;border-radius:20px;background:#fff;}
#sub_top .oilcard.last {margin-right:0}
#sub_top .oilcard.card1 {top:10%;transform:rotate(5deg);border:7px solid #a864a8}
#sub_top .oilcard.card2 {left:35%;top:20%;transform:rotate(-8deg);border:7px solid #df5e00}
#sub_top .oilcard.card3 {right:0%;transform:rotate(13deg);border:7px solid #2e2e2e}
#sub_top .oilcard p {font-size:16px;color:#252525}
#sub_top .oilcard .pro {float:right;text-align:center;margin-top:25%}
#sub_top .oilcard .pro h4 {font-size:24px}
#oil_sense{width: 1500px;max-width:100%; margin:0 auto;}
#oil_sense h3 {margin:5% 0 0 0;font-weight:600;font-size:48px;line-height:140%}
#oil_sense .wrap.kakao {background:#a0c1d7;border-radius: 20px;padding: 50px ;margin-top: 70px;margin-bottom: 130px;}
.cont .wrap.kakao {width:100% !important}
#oil_sense .kakao ul {width: calc(100% - 300px); margin:auto }
#oil_sense .kakao li {position: relative; padding-right:280px;padding-left: 0; }
#oil_sense .kakao li.knoc {padding-right:0; padding-left:280px;}
#oil_sense .kakao li .text_box {background:#fff;}
#oil_sense .kakao li span {width: 100%}
#oil_sense .kakao li span a.btr {display: inline-block; padding:8px 20px; border-radius: 40px; border:1px solid #333; margin-right: 15px;}
#oil_sense .kakao li span a.btr:hover {background: #333;color: #fff; text-decoration: none;}
#oil_sense .kakao .knoc .text_box {background:#fff04b;}
#oil_sense .kakao p.tit {font-size: 18px;padding: 30px 0 0;}
#oil_sense .kakao .knoc p.tit {text-align: right;}
#oil_sense .kakao p {display: block; padding:30px; border-radius: 10px; color: #333; font-size: 16px;}
#oil_sense .kakao .pp:before {position: absolute; content: ""; top: 30px; left:-100px; width: 86px; height: 86px; background: url(../img/sub/sub15_pp.png) no-repeat 50%}
#oil_sense .kakao .knoc:before {position: absolute; content: ""; top: 30px; right:-100px; width: 86px; height: 86px; background: url(../img/sub/sub15_knoc.png) no-repeat 50%}
#oil_sense .kakao .noti {width: 100%;padding-right: 0;margin-top: 100px;}
#oil_sense .kakao .noti .text_box {width: 100%;margin-right: 0;text-align: center;font-size: 18px;background:#89a8bc; font-size: 20px;}
/*sub16_Event*/
.evtitle{max-width:1500px; margin:5% auto 0 auto;font-size:30px;text-align:left;font-weight:500}
.ev_top {max-width:1500px; margin:2% auto 0 auto;position:relative;background:#ffd3d9;text-align:center;padding:10% 0 10% 0}
.ev_top span {font-size:36px;letter-spacing:-2px;color:#f0e8d9;}
.ev_top h3 {font-size:90px;letter-spacing:-3px;font-family: 'IBM Plex Sans KR', sans-serif;color:#252525}
.ev_top p {font-size:24px;text-align:center !important;color:#252525 !important;line-height:1.7 !important}
.ev_top.spring {background:url('../img/sub/event_bg.jpg') no-repeat top;background-size:100% auto;position:relative;z-index:1; }
.ev_top.spring img {position:absolute;top:0;left:0;width:100%; z-index:2}
.ev_top.spring h3 {font-size:90px;letter-spacing:-3px;font-family: 'IBM Plex Sans KR', sans-serif;line-height:130%;margin:2% 0;color:#dfcdad;}
.ev_top.spring p.white {color:#fafafa !important;padding-top:2%;}
.ev_top.spring h4 {font-size:50px;color:#fff;font-family:'Open Sans', sans-serif;margin:5% 0 0 0}
.ev_top.spring .quizbox {background:#fff;border-radius:50px;width:60%;margin:0 auto;padding:5% 0}
.ev_top.spring .quizbox h4 {font-size:30px;color:#2b2b2b;margin:0 auto;font-family: 'Noto Sans KR', sans-serif;}
.ev_top.spring .quizbox p.hint {font-size:16px;color:#df5e00 !important;font-weight:600;padding:3% 0 0 0 }
.ev_bottom {clear:both;max-width:1500px;margin:-1% auto 6% auto;position:relative;background-color:#fdcd5d;text-align:center;padding:3% 0 7% 0}
.ev_bottom h4 {font-size:28px;font-weight:500;color:#252525;margin:3% 0}
.ev_bottom ul {width:30%;overflow:hidden;position:relative;margin:0 auto}
.ev_bottom ul li {float:left;width:100%;}
.ev_bottom ul li img {display:block;width:100%}
.ev_bottom.spring {background:#ff788f;margin:-1% auto 3% auto;position:relative;text-align:center;padding:7% 0}
.ev_bottom.spring h4 {font-size:30px;color:#fff;margin:0}
.ev_bottom.spring ul {width:50%;overflow:hidden;position:relative;margin:2% auto 0 auto;}
.ev_bottom.spring ul li {float:left;width:45%;margin-right:10%;}
.ev_bottom.spring ul li:last-child {margin-right:0}
.ev_bottom.spring .evbt {background:#009944;color:#fff}
.ev_bottom.spring .evbt:hover {background:#ffdf3c;color:#ff788f;}
.evbt {background:#009944; margin:5% 30% 0 30%;padding:1% 4%;border-radius:100px; font-size:30px;font-weight:600;color:#fff}
.evbt:hover {background:#5d3212;color:#fff}
.event_noti {max-width:1500px;;margin:0 auto 5% auto}
.event_noti h4 {font-size:20px;}
.event_noti ul {margin:2% 0%;}
.event_noti ul li {background:url('../img/sub/bullet.jpg') no-repeat 0 10px;font-size:16px; text-align:left; line-height:180%; padding-left:18px}
.ev_bottom.spring .ps{clear:both;color:#fff;font-size:18px;text-align:center;margin-top:3%;}
.event_bt {display:block;margin:7% auto 2% auto;width:25%;text-align:center;padding:1% 0;font-size:22px;font-weight:bold;}
.youtube_event {width:90%;margin:0 auto}
.event03{line-height:130%;margin:-5% 0 5% 0;}
.ev_top .event03_stitle{font-size:36px; margin:2% 0 3% 0}
/* 吏��� �� �뱀꺼�� 由ъ뒪�� */
.ev_top h4 {font-size:65px;font-family: 'IBM Plex Sans KR', sans-serif;line-height:140%;}
.ev_top h5 {font-size:60px;font-family: 'IBM Plex Sans KR', sans-serif;color:#ff71a9;}
.winner{position:relative;overflow:hidden; width:75%; background:#FFF;padding:6% 5%; text-align:center;border-radius:50px;margin:5% auto 0 auto;}
.gift_tit2 { text-align:center; color:#252525; font-weight:400; font-size:20px;line-height:170%;margin:4% auto 4% auto;}
.win_box .row2 .event_bar03{font-family: 'Noto Sans KR', sans-serif; color:#ffffff; font-weight:600; margin:0% auto 4% auto; text-align:center; font-size:24px; border-radius:70px; padding:2% 0; background:#ff71a9;}
.win_box .row2 {width:80%;padding:5% 0 0 0;overflow:hidden;margin:0 auto;text-align:center;}
.win_box .row2 .line02 li { width:50%; text-align:center; padding:0 0 2% 0; color:#252525; font-size:36px; font-weight:500;display:inline-block;margin:0 auto;}
.win_box .row2 .line03 li { width:33%; text-align:center; padding:0 0 2% 0; color:#252525; font-size:24px; font-weight:500;display:inline-block;margin:0 auto;}
.win_box .row2 .line03 span {font-weight:600}
/*媛꾩떇李⑥씠踰ㅽ듃*/
#con19{clear:both;background-color:#fdebdd;width:100%;}
.tiger_line02 {border-bottom:1px solid #df5e00; text-align:center;position:relative;margin:10% 0}
@media screen and (max-width: 1750px) {
.newsbox2 {margin:5% 15%}
}
@media screen and (max-width: 1680px) {
.top_bt{right:3%;}
.newsbox {margin:5% 15%;}
.oilsense_review {width:80%;}
#sub_top .oilcard .pro {margin-top:15%}
.other{padding:4% 5% 4% 5%;}
#sub_top .capsule{width:13%}
.pg_con {margin:0 10%;}
}
@media screen and (max-width: 1440px) {
#sub_top {margin-top:8%}
#sub_top h2 {font-size:55px;}
#sub_top img {width:90%}
#sub_top p {font-size:20px}
#sub_top .capsule{width:15%}
/*sub03*/
.cont .wrap_w2 img{width:100%;display:block}
/*sub04*/
#sub_top .interview_on_visual {width:30%;height:600px}
#sub_top .interview_on_visual .img2 {bottom:-5.5%}
#sub_top .interview_on_visual .img3 {bottom:-7.5%}
#sub_top .interview_on_visual .text1, #sub_top .interview_on_visual .text2 {margin-top:-20%}
/*sub06 News */
.newsbox {margin:5% 13%;}
.newsbox2 {margin:5% 13%}
.news.left {width:37%;}
.news.right {width:55%;}
/*sub11 Travel*/
.double {clear:both;width:90%;margin:4% auto}
.double_img1 .left {width:60%}
.double_img1 .right {width:35%}
.double_img2 .left {width:35%}
.double_img2 .right {width:60%}
.cont .wrap_w {margin:4% 0;}
/*sub15 Oil Sense*/
/*#sub_top .oil_sense_visual .oil_sense_v.vp1 {margin-left:0; left:0%;}
#sub_top .oil_sense_visual .oil_sense_v.vp2 {margin-left:0; left:22%;}
#sub_top .oil_sense_visual .oil_sense_v.vp3 {margin-left:0; left:48%;}*/
#oil_sense {width:90%}
#oil_sense .kakao {padding: 2vw 7vw 10vw;margin-bottom: 10vw;margin-top: 5vw;}
#oil_sense .kakao ul {width: calc(100% - 25%);}
#oil_sense .kakao li {padding-right: 5%;}
#oil_sense .kakao li.knoc {padding-left: 5%;}
#oil_sense .kakao .pp:before {width: 7vw;height: 7vw;left: -8vw;top: 5.7vw;background-size: 100%;}
#oil_sense .kakao .knoc:before {width: 7vw;height: 7vw;right: -8vw;top: 5.7vw;background-size: 100%;}
/*sub16*/
.ev_top, .ev_bottom, .event_noti, .evtitle {width:90%;}
.ev_top span {font-size:30px}
.ev_top h3 {font-size:60px !important;margin:0 auto 2% auto !important}
.ev_top h4{font-size:55px}
.ev_top h5{font-size:50px}
.ev_top p {font-size:20px;}
.ev_bottom h4{font-size:24px;}
.other .other_list li, .other .other_list02 li{font-size:14px;}
.peoples{display: none;}
.mov02{margin:0 10%;}
.icon_line{margin:3% 10%}
.youtube_des{margin:0 10%}
.win_box .row2 .line02 li{font-size:30px;}
.win_box .row2 .line03 li {font-size:22px;}
.gift_tit2{font-size:18px;}
.win_box .row2 .line03 li {font-size:20px;}
/*Photogenic*/
.pg_con ul {margin-left:10%}
.pg_con .photobox {width:30%;margin-right:20%;float:left;background:#fff;box-shadow:3px 3px 10px #999}
#cont3 .wrap{width:70%;}
#cont3 h3{font-size:45px;}
.sub12_stitle{font-size:20px;}
.sub12_stitle span{font-size:16px;}
.sub12_list li p{font-size:16px;}
}
@media screen and (max-width: 1366px) {
.top_bt{right:3%;}
/*sub04 InterviewOn*/
#sub_top .interview_on_visual {width:30%;height:572px;}
/*sub06 News */
.newsbox {margin:5% 10%;}
.newsbox2 {margin:5% 10%;}
#oil_sense h3{font-size: 38px}
}
@media screen and (max-width: 1280px) {
#cont1 img {width:100%;}
#cont1 .tiger_line img{width:9%}
#sub_top h2 {font-size: 44px}
#sub_top p {font-size: 16px;}
.cont h3 {font-size: 26px;margin-top: 5vw;}
.cont p {font-size: 15px}
#cont1 {width: 90%; margin-left: 5%}
#cont1 .wrap {padding-bottom:5%;}
#sub_top .capsule{width:17%}
#sub_top h3{font-size: 20px; }
.cont .cont_tit, #cont2 h3{font-size: 36px;}
.cont .cont_tit2 {font-size: 24px;}
.cont .cont_tit2 span{font-size:14px}
.cont .cont_tit3 {font-size: 26px;}
.cont .cont_tit4 {font-size: 26px;}
.cont p {font-size: 15px;}
.good{font-size:14px !important;}
/*sub03*/
.cont .wrap_w2 {margin:2% 5%}
/*sub04*/
#sub_top .interview_on_visual {width:30%;height:542px;}
#interview_on_01 .peoples .img02 {margin-left:-750px;}
#interview_on_01 .peoples .img03 {margin-left:420px}
/*sub 11*/
.double_img1 .left {width:60% !important;}
.double_img1 .right {width:35% !important;}
.double_img2 .left {width:35% !important;}
.double_img2 .right {width:60% !important;}
/*sub14*/
.tiger_line {margin-top:10%}
.tiger_line p{top:-40px;}
.tiger_line p span {line-height:400%;left:5px;}
.imgarea05 {margin:0 13%}
/*sub15*/
#oil_sense {width:80%;}
#oil_sense .wrap.kakao {padding:30px}
#sub_top .oilcard .pro {margin-top:10%}
/*
#sub_top .oil_sense_visual {width: 100%;height: auto;text-align: center; padding-bottom: 7vw}
#sub_top .oil_sense_visual .oil_sense_v {position: static;text-align: center;margin:0;padding:0;margin-top: -7.5vw;}
#sub_top .oil_sense_visual .oil_sense_v img {width:auto;}
#sub_top .oil_sense_visual .oil_sense_v.vp3 {margin-top:-3.5vw}
*/
/*sub16 event */
.ev_top.spring .quizbox {width:80%}
.ev_bottom.spring h4 {font-size:24px}
.evbt{font-size:24px}
.icon_line{margin:3% 6%}
.youtube_des{margin:0 6%}
.winner{width:85%}
#cont3 .wrap{width:80%;}
#cont3 h3{font-size:42px;}
}
/*�꾩씠�⑤뱶 �꾨줈 11�몄튂 媛�濡�*/
@media screen and (max-width: 1220px) {
.write_box {width:60%;}
.write_box p {padding:1% 0;font-size:12px}
.other{padding:4% 10% 4% 10%;}
.other .other_list {float:none;width:100%;margin-bottom:0px;}
.other .other_list02{float:none;width:100%;border-top:0px;margin-top:0px;}
.other .other_list li, .other .other_list02 li{font-size:16px;}
/*sub15*/
.oilsense_review {width:80%;}
#sub_top .oilcard p {font-size:14px}
#sub_top .interview_on_visual {width:30%;height:518px;}
.youtube_bt a{font-size:18px;}
/*Photogenic*/
.pg_con .photobox img {border:10px solid #fff;}
}
@media screen and (max-width: 1024px) {
#sub_top .interview_on_visual.pc {display: none;}
#sub_top .m {display: block;}
#interview_on_01 {padding-bottom:8%;}
#interview_on_01 h3.q_tit {font-size: 24px;}
#interview_on_01 p {font-size: 16px;padding: 20px 24px;}
#interview_on_01 p.spk1 {margin-top: 4vw}
#interview_on_01 h3.q_tit:before{font-size: 30px;}
picture .col {clear: both;}
picture li {width: 100%; text-align: center;}
picture li img {width: auto !important;}
picture li:first-child {padding-bottom: 30px;}
.cont .cont_tit, #cont2 h3{font-size: 36px;}
/*sub03*/
.cont .wrap_w2 {margin:2% 0%}
/*sub15 Oil Sense*/
.oilsense_review {width:80%;height:90vw}
#sub_top .oilcard {width:45%;padding:3%;margin-right:5%}
#sub_top .oilcard.card1 {top:8%;transform:rotate(-5deg)}
#sub_top .oilcard.card2 {top:46%;transform:rotate(10deg)}
#sub_top .oilcard.card3 {transform:rotate(5deg)}
#sub_top .oilcard .pro {margin-top:5%}
#oil_sense .wrap.kakao {margin-top:5%; padding:0 20px 50px 20px}
#oil_sense .kakao p.tit {font-size: 15px;padding-top: 6vw;margin-top: 0;}
#oil_sense .kakao p {font-size: 13px;padding: 3vw 3.5vw;}
#oil_sense .kakao .pp .text_box {margin-top: 6px;}
#oil_sense .kakao .knoc .text_box {margin-top: 6px;}
#oil_sense .kakao .noti {margin-top: 30px;}
#oil_sense .kakao .noti .text_box {font-size: 14px;}
#oil_sense .kakao li span a.btr {padding: 2vw 2vw;margin-bottom: 1vw;}
.other .other_list li, .other .other_list02 li{font-size:14px;}
/*sub16 Event*/
.ev_top.spring {padding-top:8%}
.ev_top.spring h4 {font-size:40px;}
.ev_top.spring .quizbox h4 {font-size:20px}
.ev_top span {font-size:24px}
.ev_top h3 {font-size:50px !important;}
.ev_top p {font-size:18px}
.other .other_list li, .other .other_list02 li{font-size:14px;}
.ev_bottom {margin:-1% auto 10% auto;}
.ev_bottom h4{font-size:28px;}
.ev_bottom ul {width:35%;}
.ev_bottom.spring {padding:3% 0 7% 0 }
.ev_bottom.spring h4 {font-size:20px}
.ev_bottom.spring .ps {font-size:16px;padding:0 10%}
.youtube_bt a{width:35%}
.ev_top h4{font-size:40px}
.ev_top h5{font-size:36px}
.win_box .row2 .event_bar03{font-size:20px}
.win_box .row2 .line02 li{font-size:24px;}
.win_box .row2 .line03 li {font-size:18px;}
.gift_tit2{font-size:16px;}
/*Photogenic*/
.pg_tit img{width:200px}
.pb_txt {text-align:left;margin:0 0 0 20px;width:80%;overflow:hidden;padding-bottom:15px}
.pb_txt p:nth-child(1) {font-size:18px;}
.pb_txt p:nth-child(2) {font-size:14px;}
.pb_txt p span {font-size:12px;}
.pg_notice p{font-size:16px}
#cont3 h3{font-size:38px;}
}
@media screen and (max-width: 1000px) {
#interview_on_01 h3.q_tit:before{top:-70px;}
}
@media screen and (max-width: 960px) {
.pc {display:none}
#cont1 .tiger_line img{width:9%}
.other p{font-size:38px;}
#sub_top .capsule{width:20%}
#interview_on_01 h3.q_tit:before{top:50px;border:1px solid red}
.youtube_des{column-count:1;margin:0 6%}
.youtube_bt a{font-size:16px;}
.ev_top p {margin:0 5%;}
.evbt{font-size:20px}
.winner{width:90%;padding:6% 3%;}
.evtitle{font-size:20px;}
.win_box .row2 .line03 li {font-size:16px;}
#cont3 .wrap{width:85%;}
#cont3 h3{font-size:36px;}
.tiger_line p span {line-height:320%;}
}
@media screen and (max-width: 834px) {
/*sub15*/
.oilsense_review {width:90%;height:100%;overflow:hidden;}
#sub_top .oilcard {position:relative;overflow:hidden;width:100%;margin:0 auto 7% auto;height:auto;float:none}
#sub_top .oilcard.card1 {transform:rotate(0deg)}
#sub_top .oilcard.card2 {left:0;transform:rotate(0deg)}
#sub_top .oilcard.card3 {transform:rotate(0deg)}
#sub_top .oilcard.last {margin-right:5%}
#sub_top .oilcard p {margin:2%}
#sub_top .oilcard .pro {margin:0 5% 3% 0;}
#sub_top .oilcard .pro h4 {font-size:16px}
#sub_top .oilcard .pro img {display:none}
#oil_sense {width:90%}
}
@media screen and (max-width: 768px) {
.br768 {display:block}
#sub_top {margin-top: 15vw}
#sub_top h2 {font-size: 7vw;margin-top: 5vw}
#sub_top h3{font-size: 4vw; }
#sub_top p {font-size: 14px;margin-top: 5vw}
#sub_top .capsule{width:24%}
.cont .cont_tit, .cont .cont_tit3, .cont .cont_tit4, #cont2 h3{font-size: 28px;}
.cont .cont_tit2 {font-size: 18px;}
.cont .cont_tit2 span{font-size:12px}
.cont h3 {font-size: 30px;margin-top: 5vw;}
.cont p {font-size: 14px}
.local {display:block;width:70px;margin:1% auto;font-size:14px}
.cont picture {padding: 5vw 0;}
#cont2 .interview p{font-size: 13px;}
#cont2 .interview p.tit {font-size: 15px}
#cont2 {padding-bottom:15vw;}
#cont1 .tiger_line img{width:10%}
.tiger_line p span {line-height:400%;top:-3%}
.borderbox h4 {font-size:16px}
.newsbox2 h2 span {font-size:30px}
#cont3 .wrap{width:90%;}
#cont3 h3{font-size:30px;}
/*sub15*/
#oil_sense {margin-top:0;width:78%}
#oil_sense .wrap.kakao {padding:0 0 7% 0}
/*sub16 Event*/
.ev_top span {font-size:22px}
.ev_top h3 {font-size:44px !important;}
.ev_top p {font-size:16px}
.other .other_list li, .other .other_list02 li{font-size:14px;}
.ev_bottom {padding:3% 0 10% 0}
.write_box {width:90%}
.write_box p{font-size:12px}
.news.left, .news.right{width:100%;}
.news_tit{margin:5% 0 3% 0; line-height:140%;}
.news_txt{margin:3% 0 3% 0}
#interview_on_01 p {font-size: 14px;}
.ev_top h4{font-size:36px}
.ev_top h5{font-size:30px}
.win_box .row2 .event_bar03{font-size:18px}
.win_box .row2 .line02 li{font-size:20px;}
.win_box .row2 .line03 li {font-size:14px;}
.gift_tit2{font-size:14px;}
/*Photogenic*/
.pg_con ul {margin-left:0%;width:80%;margin:0 auto}
.pg_con .photobox {width:auto;margin-right:0%;}
.pg_con .photobox img {border:5px solid #fff}
.pb_txt {text-align:left;margin:0 0 0 5px;padding-bottom:5%}
.pb_txt p:nth-child(1) {font-size:16px;margin-top:2%}
.pb_txt p:nth-child(2) {font-size:14px;font-weight:600;color:#444;margin:10px 0}
.pb_txt p span {font-size:12px;color:#888;font-weight:400;margin-left:5px}
.pg_notice p {font-size:14px}
.sub12_stitle{font-size:18px;}
.sub12_stitle span{font-size:14px;}
.sub12_list li p{font-size:14px;}
}
@media screen and (max-width: 600px) {
#sub_top .capsule{width:30%}
.youtube_bt a{width:50%}
.good{font-size:12px !important;}
.evbt{font-size:16px}
#cont1 .tiger_line img{width:13%}
.urllink a {width:55%;}
.vimeoWrap03 {border-radius:20px}
}
@media screen and (max-width: 570px) {
picture li img {width: 100%}
.cont .cont_tit, .cont .cont_tit3, .cont .cont_tit4, #cont2 h3{font-size: 24px;line-height:140%;}
#cont2 .interview ul {margin-top: 3vw}
#cont2 .interview ul li {width: 100%; clear: both;}
#cont2 .interview ul .img {background:#fff; padding-top: 30px; border-radius: 30px 30px 0 0;}
#cont2 .interview ul .text {width: 100%; border-radius: 0 0 30px 30px; padding-top: 15px;}
#cont2 .interview ul .text:before {display: none;}
.tiger_line p{top:-35px;}
.tiger_line p span {line-height:500%;font-size:16px}
.other{padding:4% 5% 4% 5%;}
.other .other_list li, .other .other_list02 li{font-size:12px;}
#interview_on_01 h3.q_tit {font-size: 16px;}
#interview_on_01 h3.q_tit:before {width: 36px;margin-left: -18px;background-size: 100%;height: 80px;}
/*sub12 Save the Earth */
.local {font-size:10px}
/*sub15 Oil Sense*/
#oil_sense h3 {font-size: 6vw}
#oil_sense .wrap.kakao {padding:20px 20px 40px 20px}
.write_box {width:90%;}
.other p{font-size:30px;}
.mobile{display:block;}
.other .other_list li span, .other .other_list02 li span{width:100%}
/*sub16 event*/
.ev_top h3 {font-size:38px !important;}
.ev_top span {font-size:18px}
.ev_bottom h4{font-size:16px;}
.ev_bottom ul {width:70%}
.ev_top.spring h4 {font-size:28px}
.ev_top.spring .quizbox {border:5px solid #ffa91a;width:90%;padding:5%}
.ev_top.spring .quizbox h4 {font-size:18px}
.ev_top.spring .quizbox p.hint {font-size:14px;font-weight:400}
.ev_bottom.spring {margin:-5% auto 6% auto;padding:3% 0 5% 0}
.ev_bottom.spring h4 {font-size:18px}
.ev_bottom.spring ul li {width:100%;margin:5% 0}
.event_noti h4 {font-size:16px;}
.event_noti ul li {font-size:14px}
.win_box .row2 .line02 li{ width:70%; }
.win_box .row2 .line03 li { width:49%;font-size:12px; }
.gift_tit2{font-size:14px;}
.sub12_list li{display:block; float:none;width:70%;margin: 0 auto;}
.sub12_list li img{width:80%;margin: 8% auto 0 auto;}
}
@media screen and (max-width: 475px) {
#cont1 .tiger_line img{width:13%;}
#cont1 .tiger_line span{line-height:360%;font-size:18px}
#sub_top .capsule{width:40%}
.cont .cont_tit, .cont .cont_tit3, .cont .cont_tit4, #cont2 h3 {font-size:20px}
/*sub15 Oil Sense
#sub_top .oil_sense_visual {padding-bottom: 0}
#sub_top .oil_sense_visual .oil_sense_v.vp1 img {width: 380px;margin-top: 0vw;margin-left:-10vw;}
#sub_top .oil_sense_visual .oil_sense_v.vp2 img {width: 430px;margin-top: -17vw;}
#sub_top .oil_sense_visual .oil_sense_v.vp3 img {width: 430px;margin-top: -40vw;margin-left:-10vw;}*/
/*sub15*/
#oil_sense {width:90%}
.ev_top, .ev_bottom {width:100%;}
.ev_top h3 {font-size:28px !important;line-height:140%}
.evbt {margin:5% 15% 0 15%;padding:3% 0;font-size:20px}
#interview_on_01 p {font-size: 12px;}
.ev_top h4{font-size:30px}
.ev_top h5{font-size:24px}
.win_box .row2 .event_bar03{font-size:16px}
.win_box .row2 .line02 li{font-size:18px;}
.win_box .row2 .line03 li {font-size:12px;}
.gift_tit2{font-size:12px;}
.urllink a {width:65%}
.staff {margin:5% 0}
.staff li {width:45%;margin-right:6%;margin-top:10%}
.staff li:nth-child(2) {margin-right:0}
}
@media screen and (max-width: 428px) {
#cont1 .tiger_line span{line-height:330%}
.youtube_bt a{font-size:14px; width:60%}
.ev_top h3 {font-size:32px !important;}
#cont1 h3{font-size:16px !important;}
}
@media screen and (max-width: 414px) {
#cont2 .interview ul .text .tit {display: block; text-align: center;}
#cont2 .interview ul .text span {display: block; text-align: center;}
#cont1 .tiger_line img{width:13%;}
#cont1 .tiger_line p{top:-25px}
#cont1 .tiger_line span{line-height:450%;font-size:12px;top:0%}
}
@media screen and (max-width: 390px) {
}
@media screen and (max-width: 375px) {
#cont1 .tiger_line span{line-height:370%;}
}
@media screen and (max-width: 360px) {
.win_box .row2 .line03 li {width:80%}
}