@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&subset=korean');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
.slick-vertical .slick-slide {border:0;}

#know {clear:both; display:block; float:left; width:100%; min-width:1382px; font-family:"Noto Sans KR", "Roboto", "sans-serif"; margin-top:96px;}
#know a {cursor:pointer;}

/* °íÁ¤ ¹öÆ° */
a#fix_know {clear:both; display:block; position:fixed; right:90px; bottom:140px; width:150px; height:auto; z-index:1000;}
a#fix_know img {clear:both; display:block; float:left;max-width: 100%;}

/* °øÅë ¹öÆ° */
#know a.common_btt {clear:both; display:block; margin:0 auto; width:350px; height:72px; background-image:url(/html/service/img/know/icon_03.png); background-repeat:no-repeat; background-position:288px 50%; border:1px solid #a8b4b8; font-size:20px; color:#222; font-weight:500; text-align:center; line-height:72px;}
#know a.common_btt:hover {background-color:#1f2c5c; color:#fff;}

/* °øÅë ¾È³»ÀÚ·á¿äû */
#know .common_consult {clear:both; display:block; float:left; width:100%; min-width:1382px; height:282px; background-image:url(/html/service/img/know/bg_01.jpg); background-position:50% 0; background-repeat:no-repeat;}
#know .common_consult .temp {clear:both; display:block; margin:0 auto; width:1382px; height:282px;}
#know .common_consult .temp .middle {clear:both; display:table-cell; width:1382px; height:282px; vertical-align:middle;}
#know .common_consult .temp .middle h2 {position:static; visibility:visible; clear:both; display:block; float:left; margin:0 0 25px 0; width:100%; font-size:24px; color:#373b52; font-weight:300; text-align:center; line-height:32px;}
#know .common_consult .temp .middle a {display:block; float:left; padding:0 0 0 40px; width:250px; height:60px; background-image:url(/html/service/img/know/icon_02.png); background-repeat:no-repeat; background-position:240px 50%; font-size:18px; color:#fff; font-weight:500; line-height:60px; }
#know .common_consult .temp .middle a.left {clear:both; margin:0 20px 0 391px; background-color:#2aa2a1;}
#know .common_consult .temp .middle a.right {background-color:#373b52;}

/* ž */
#know .top {clear:both; display:block; float:left; width:100%; min-width:1382px; height:400px; background-image:url(/html/service/img/know/bg_04.png?ver=2); background-repeat:no-repeat; background-position:50% 0; position:relative;}
#know .top .five {clear:both; display:block; margin:0 auto; width:1382px; height:400px;}
#know .top .five .middle {clear:both; display:table-cell; width:1382px; height:400px; vertical-align:middle;}
#know .top .five .middle h2 {position:static; visibility:visible; clear:both; float:left; width:100%;}
#know .top .five .middle h2 .txt1 {clear:both; float:left; width:100%; font-size:30px; color:#272829; font-weight:300; text-align:center; line-height:30px;}
#know .top .five .middle h2 .txt2 {clear:both; float:left; margin:15px 0 24px; width:100%; font-size:48px; color:#000; font-weight:300; text-align:center; line-height:48px;}
#know .top .five .middle h2 .txt2 span {font-weight:700;}
#know .top .five .middle div.keyword_bg {clear:both; display:block; margin:0 auto; padding:3px 0; width:605px; height:90px; background-image:url(/html/service/img/know/bg_03.png); background-repeat:no-repeat; background-position:50% 0; overflow:hidden;}
#know .top .five .middle div.keyword_bg .temp {clear:both; display:block; float:left; width:605px; height:90px;}
#know .top .five .middle div.keyword_bg .temp .keyword a {clear:both; display:block; float:left; padding:0 10px 0 0; width:595px; height:90px; font-size:34px; color:#1f2c5c; font-weight:900; text-align:center; line-height:90px;}

/* ¿Ö µà¿ÀÀϱî¿ä ÅÇ  */
#know .tab {display:block; float:left; width:750px; height:70px; position:absolute; top:398px; left:50%; margin:0 0 0 -375px; z-index:150;}
#know .tab ul {display:block; padding:0 25px; width:700px; height:70px; background-color:#1f2c5c; box-shadow:3px 3px 10px 5px rgba(0,0,0,0.1); text-align:center;}
#know .tab ul li {display:block; float:left; width:110px; height:70px; font-size:18px; color:#fff; font-weight:300; text-align:center; line-height:70px; position:relative;}
#know .tab ul li a {display:block; float:left; width:100%; height:100%; position:relative; z-index:2;}
#know .tab ul li div.line {display:block; height:4px; background-color:#1f2c5c; position:absolute; top:40px; left:50%; z-index:1;}
#know .tab ul li.tab3 {width:130px;}
#know .tab ul li.tab1 div.line {width:60px; margin:0 0 0 -30px;}
#know .tab ul li.tab2 div.line {width:60px; margin:0 0 0 -30px;}
#know .tab ul li.tab3 div.line {width:90px; margin:0 0 0 -45px;}
#know .tab ul li.tab4 div.line {width:60px; margin:0 0 0 -30px;}
#know .tab ul li.tab5 div.line {width:60px; margin:0 0 0 -30px;}
#know .tab ul li.tab6 div.line {width:70px; margin:0 0 0 -35px;}
#know .tab ul li.on div.line {background-color:#00b680;}


#know .common_temp {clear:both; display:block; margin:0 auto; width:1382px;}
#know .height_100 {clear:both; display:block; float:left; width:100%; height:100px;}

/* 01. ȸ¿ø¼ö´Â ¸î ¸íÀΰ¡¿ä?  */
#know .first {clear:both; display:block; float:left; width:100%; min-width:1382px; background-color:#fff; padding:90px 0 150px;}
#know .first .common_temp {text-align:center; overflow:hidden;}
#know .first h2 {position:static; visibility:visible; clear:both; display:inline-block; padding:0 30px; border-top:2px solid #1f2c5c; border-bottom:2px solid #1f2c5c; font-size:24px; color:#1f2c5c; font-weight:500; text-align:center; line-height:55px;}
#know .first h3 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%;}
#know .first h3 .count  {clear:both; display:block; float:left; margin:40px 0 0; width:100%; font-size:50px; color:#2272b8; font-weight:500; line-height:90px;}
#know .first h3 .count span {font-size:70px; color:#03122b; font-weight:500;}
#know .first h3 .day {clear:both; display:block; float:left; margin:-5px 0 0; width:100%; font-size:12px; color:#525252; font-weight:300; line-height:18px;}
#know .first h3 .txt1 {clear:both; display:block; float:left; margin:25px 0 0; width:100%; font-size:24px; color:#1680b7; font-weight:300; line-height:30px;}
#know .first .img-model{width: 200px;margin: 0 75px;}
#know .first .img-model img{max-width: 100%;height: auto;}
#know .first .duo_count__contents{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 70px;}
#know .first .duo_count__contents .count{flex: 1;text-align: right;}
#know .first .duo_count__contents .count__inner{display: inline-block; width: 215px;}
#know .first .duo_count__contents .count__inner .common{text-align: left;}
#know .first .duo_count__contents .count__inner .common.member{border-bottom: 1px solid #fff;padding-bottom: 35px;margin-bottom: 35px;}
#know .first .count__member{text-align: left;flex:1;}
#know .first .count__member .count__member--tit{font-weight: 500;font-size: 28px;color: #222;text-align: left;margin-bottom: 30px;}
#know .first .count__member .count__member--tit span{display: inline-block;position: relative;}
#know .first .count__member .count__member--tit span::after{content: '';display: block;position: absolute;right: -5px;top: 4px;width: 5px;height: 5px;background-color: #e31a20;border-radius: 100%;}
#know .first .count__member .count__member--li{display: flex;text-align: left;align-items: center;}
#know .first .count__member .count__member--li + li{margin-top: 20px;}
#know .first .count__member .count__member--li span{display: inline-block;height: 45px;text-align: right;padding-right: 20px;font-family: "GmarketSansMedium";font-weight: 700;color: #fff;font-size: 18px;line-height: 45px;}
#know .first .count__member .count__member--li:nth-child(1) span{width: 235px;background-color: #105dae;}
#know .first .count__member .count__member--li:nth-child(2) span{width: 95px;background-color: #667482;}
#know .first .count__member .count__member--li:nth-child(3) span{width: 75px;background-color: #808d98;}
#know .first .count__member .count__member--txt{padding-left: 15px;font-family: "GmarketSansMedium"; font-weight: 500;font-size: 16px;color: #1c1c1c;}
#know .first .count__member h5{font-weight: 300;font-size: 12px;color: #909091;margin-top: 25px;}


#know .first div.duo_count {clear:both; display:block; float:left; margin:62px 18px 0; padding:70px 0; width:1346px; height:700px; position:relative;background-color: #e7ebef;box-sizing: border-box;}
#know .first div.duo_count .txt1 {font-size:16px; color:#3c3c3c; font-weight:300; line-height:30px;}
#know .first div.duo_count .count .txt2 {clear:both; display:block; margin:0 auto; width:208px; height:38px; background-image:url(/html/service/img/know/know_01_02.png); background-repeat:no-repeat; background-position:0 0; font-size:14px; color:#fff; font-weight:500; text-align:center; line-height:38px;}
#know .first div.duo_count .count .common .txt3 {font-size:22px; font-weight:500;line-height:24px;margin-bottom: 10px;}
#know .first div.duo_count .count .common .txt4 {font-size:50px; font-weight:700;line-height:52px;}
#know .first div.duo_count .count .common .txt4 span {font-weight:100;}
#know .first div.duo_count .count .member div {color:#0284c2;}
#know .first div.duo_count .count .couple div {color:#0f9695;}
#know .first div.duo_count .count .day {font-weight: 300;font-size: 12px;color: #909090;margin-top: 15px;text-align: left;}
#know .first div.sub_first {clear:both; display:block; float:left; margin:65px 216px 55px; width:950px;}
#know .first div.sub_first .txt1 {clear:both; display:block; float:left; width:100%; font-size:18px; color:#313131; font-weight:500; text-align:left; line-height:32px;}
#know .first div.sub_first .txt2 {clear:both; display:block; float:left; margin:10px 0 0; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; text-align:left; line-height:32px;}

/* 02. Áö±Ý±îÁö ¼ºÈ¥Àº ¸î ¸íÀ» ½ÃÄ׳ª¿ä? */
#know .second {clear:both; display:block; float:left; width:100%; min-width:1382px; background-color:#eceff3; padding:150px 0;}
#know .second .common_temp {text-align:center; overflow:hidden;}
#know .second h2 {position:static; visibility:visible; clear:both; display:inline-block; padding:0 30px; border-top:2px solid #1f2c5c; border-bottom:2px solid #1f2c5c; font-size:24px; color:#1f2c5c; font-weight:500; text-align:center; line-height:55px;}
#know .second h3.txt1 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%;}
#know .second h3.txt1 .count  {clear:both; display:block; float:left; margin:40px 0 0; width:100%; font-size:50px; color:#00a59c; font-weight:500; line-height:90px;}
#know .second h3.txt1 .count span {font-size:70px; color:#03122b; font-weight:500;}
#know .second h3.txt1 .day {clear:both; display:block; float:left; margin:-5px 0 0; width:100%; font-size:12px; color:#3c3c3c; font-weight:300; line-height:18px;}
#know .second h3.txt1 div.txt1 {clear:both; display:block; float:left; margin:25px 0 0; width:100%; font-size:24px; color:#00a59c; font-weight:300; line-height:30px;}
#know .second div.sub_first {clear:both; display:block; float:left; margin:75px 216px 55px; width:950px;}
#know .second div.sub_first div.txt1 {clear:both; display:block; float:left; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; text-align:left; line-height:32px;}
#know .second div.sub_second {clear:both; display:block; float:left; margin:0 18px 0; padding:90px 0 100px; width:1346px; background-color:#fff;}
#know .second div.sub_second div.txt1 {clear:both; display:block; float:left; width:100%; font-size:50px; color:#0b357f; font-weight:300; line-height:90px;}
#know .second div.sub_second div.txt2 {clear:both; display:block; float:left; margin:-5px 0 0; width:100%; font-size:14px; color:#7d7d7d; font-weight:200; line-height:20px;}
#know .second div.sub_second img {clear:both; display:block; margin:0 auto;}
#know .second div.sub_second img.gref-01{display: inline-block; border-right: 1px solid #f0f0f0;  padding-right: 80px;   margin: 60px 0;}
#know .second div.sub_second p.gref-box{position: relative; display: inline-block;}
#know .second div.sub_second p.gref-box i.t-box{position: absolute;top: 86px;left: 78px;font-style: normal;font-size: 16px;color: #00a198; border: 1px solid #0cb8af;padding: 16px;line-height: 20px; text-align: left;}
#know .second div.sub_second img.gref-02{display: inline-block;  padding-left: 80px; }
#know .second div.sub_second div.txt3 {clear:both; display:block; float:left; margin:0 0 45px 0; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; line-height:30px;}
#know .second h3.txt2 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:24px; color:#000; font-weight:500; line-height:30px;}
#know .second ul.couple {clear:both; display:block; float:left; margin:50px 206px 45px; width:970px;}
#know .second ul.couple li {display:block; float:left; width:310px; height:312px;}
#know .second ul.couple li a {clear:both; display:block; float:left; width:100%; height:100%; position:relative;}
#know .second ul.couple li a div.count {clear:both; display:block; float:left; width:66px; height:30px; background-color:#00b5ab; font-size:12px; color:#fff; text-align:center; line-height:30px; position:absolute; top:-15px; left:50%; margin:0 0 0 -33px; z-index:2;}
#know .second ul.couple li a img {display:block; position:absolute; top:0; left:0; z-index:1;}
#know .second ul.couple li a div.temp {clear:both; display:table-cell; padding:21px 0 59px 0; width:310px; height:52px; vertical-align:middle; background-image:url(/html/service/img/know/know_02_02.png); background-repeat:no-repeat; background-position:0 0; position:absolute; bottom:0; left:0; z-index:2;}
#know .second ul.couple li a div.temp h4 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:20px; color:#00b5ab; font-weight:500; text-align:center; line-height:26px;}
#know .second ul.couple li a div.temp div {clear:both; display:block; float:left; margin:4px 0 0; width:100%; font-size:16px; color:#000; font-weight:200; text-align:center; line-height:22px;}

/* 03. ¾ðÁ¦ ¼³¸³µÇ¾ú°í ±Ô¸ð´Â ¾î´À Á¤µµÀΰ¡¿ä?  */
#know .third {clear:both; display:block; float:left; width:100%; min-width:1382px; background-color:#fff; padding:150px 0;}
#know .third .common_temp {text-align:center; overflow:hidden;}
#know .third h2 {position:static; visibility:visible; clear:both; display:inline-block; padding:0 30px; border-top:2px solid #1f2c5c; border-bottom:2px solid #1f2c5c; font-size:24px; color:#1f2c5c; font-weight:500; text-align:center; line-height:55px;}
#know .third h3.txt1 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%;}
#know .third h3.txt1 div.txt1 {clear:both; display:block; float:left; margin:55px 0 0; width:100%; font-size:50px; color:#165db5; font-weight:500; line-height:90px;}
#know .third h3.txt1 div.txt1 span {font-size:70px; font-weight:700;}
#know .third h3.txt1 div.txt2 {clear:both; display:inline-block;position: relative;float:none; margin:15px 0 0; width:auto; font-size:24px; color:#165db5; font-weight:300; line-height:30px;}
#know .third h3.txt1 div.txt2 span{position: absolute;width: 100%; bottom: -30px;right: 0;font-size: 12px;color: #3d3e40;}
#know .third ul.duo {clear:both; display:block; float:left; margin:100px 261px 85px; width:860px;}
#know .third ul.duo li {display:block; float:left; width:286px; height:250px; background-repeat:no-repeat; background-position:50% 154px; box-sizing:border-box;}
#know .third ul.duo li.flag1 {clear:both; background-image:url(/html/service/img/know/know_03_02.jpg);}
#know .third ul.duo li.flag2 {border-left:1px solid #eef0f3; border-right:1px solid #eef0f3; background-image:url(/html/service/img/know/know_03_03.jpg);}
#know .third ul.duo li.flag3 {background-image:url(/html/service/img/know/know_03_04.jpg);}
#know .third ul.duo li a {clear:both; display:block; float:left; width:100%; height:100%;}
#know .third ul.duo li a h4 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:30px; color:#165db5; font-weight:300; text-align:center; line-height:42px;}
#know .third ul.duo li a div {clear:both; display:block; float:left; margin:15px 0 0; width:100%; font-size:16px; color:#3d3e40; font-weight:300; text-align:center; line-height:28px;}
#know .third div.sub_first {clear:both; display:block; float:left; margin:0 216px; width:950px;}
#know .third div.sub_first div.txt1 {clear:both; display:block; float:left; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; text-align:left; line-height:32px;}
#know .third div.sub_first div.txt1 span {color:#000; font-weight:500;}
#know .third div.sub_first img {clear:both; margin:0 auto;}
#know .third div.sub_first div.box {background: #f7f7f7; clear: both;padding: 75px 0 45px;}
#know .third div.sub_first div.box span{font-size: 28px; line-height: 28px; display: block;  padding: 60px 0 30px 0;}
#know .third div.sub_first div.box span p{display: inline-block; font-weight: 600;  color: #165cb2; line-height: 28px;}
#know .third div.sub_first div.box .box-a{width:950px; display: flex;  justify-content: center;}
#know .third div.sub_first div.box .box-a .box1{width: 380px; height: 267px; background: url(https://www.duo.co.kr/html/service/img/know/know_03_01_01.jpg) center top no-repeat;  margin-right: 40px;}
#know .third div.sub_first div.box .box-a .box2{width: 380px; height: 267px; background: url(https://www.duo.co.kr/html/service/img/know/know_03_01_02.jpg) center top no-repeat;}
#know .third div.sub_first div.box .box-a span.txt{font-size: 14px; line-height: 14px; font-weight: 600; color: #fff; padding:13px; display: block;}
#know .third div.sub_first div.box span.txt-1{font-size: 14px; color: #565656; line-height: 32px; clear: both; margin-top: 20px;display: block;padding: 0;}
#know .third div.sub_first div.box span.txt-1 img{vertical-align: middle; margin: 0 7px;}

#know .third h3.txt2 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%;}
#know .third h3.txt2 div.txt1 {clear:both; display:block; float:left; width:100%; font-size:50px; color:#165db5; font-weight:500; line-height:90px;}
#know .third h3.txt2 div.txt1 span {font-size:70px; font-weight:700;}
#know .third h3.txt2 div.txt2 {clear:both; display:block; float:left; margin:15px 0 0; width:100%; font-size:24px; color:#165db5; font-weight:300; line-height:30px;}
#know .third div.sub_second {clear:both; display:block; float:left; margin:55px 216px 100px; width:950px;}
#know .third div.sub_second div.txt1 {clear:both; display:block; float:left; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; text-align:left; line-height:32px;}
#know .third div.network {clear:both; display:block; float:left; margin:0 271px; width:840px; position:relative;}
#know .third div.network ul {clear:both; display:block; float:left; width:840px; position:relative; z-index:1;}
#know .third div.network ul li {display:block; float:left; margin:0 0 20px; width:168px; height:223px;}
#know .third div.network ul li.jisa50 {margin:0;}
#know .third div.network ul li.jisa70 {margin:0;}
#know .third div.network ul li.jisa80 {margin:0;}
#know .third div.network ul li.jisa85 {margin:0;}
#know .third div.network ul li a {display:block; float:left; width:100%; height:100%; position:relative;}
#know .third div.network ul li a div.photo {display:block; float:left; width:168px; height:168px; background-repeat:no-repeat; background-position: 0 0; position:absolute; top:0; left:0; z-index:1;}
#know .third div.network ul li.jisa01 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_01.jpg);}
#know .third div.network ul li.jisa11 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_11.jpg);}
#know .third div.network ul li.jisa10 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_10.jpg);}
#know .third div.network ul li.jisa35 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_35.jpg);}
#know .third div.network ul li.jisa37 a div.photo {background-image:url('https://www.duo.co.kr/html/service/img/know/know_03_jisa_37.jpg');}
#know .third div.network ul li.jisa30 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_30.jpg);}
#know .third div.network ul li.jisa51 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_51.jpg);}
#know .third div.network ul li.jisa31 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_31.jpg);}
#know .third div.network ul li.jisa20 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_20.jpg);}
#know .third div.network ul li.jisa12 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_12.jpg);}
#know .third div.network ul li.jisa40 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_40.jpg);}
#know .third div.network ul li.jisa50 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_50.jpg);}
#know .third div.network ul li.jisa70 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_70.jpg);}
#know .third div.network ul li.jisa80 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_80.jpg);}
#know .third div.network ul li.jisa85 a div.photo {background-image:url(/html/service/img/know/know_03_jisa_85.jpg);}
#know .third div.network ul li a div.overbg {display:block; float:left; width:168px; height:168px; background-image:none; background-repeat:no-repeat; background-position: 0 0; position:absolute; top:0; left:0; z-index:2;}
#know .third div.network ul li:hover a div.overbg {background-image:url(/html/service/img/know/new_know_03_09.png);}
#know .third div.network ul li a div.name {display:block; margin:188px 0; 20px width:166px; height:15px; line-height:15px; border-left:1px solid #fff; border-right:1px solid #d5dadd; font-size:16px; color:#0d151e; text-align:center;}
#know .third div.network ul li.jisa01 a div.name {border-left:1px solid #d5dadd;}
#know .third div.network ul li.jisa51 a div.name {border-left:1px solid #d5dadd;}
#know .third div.network ul li.jisa50 a div.name {border-left:1px solid #d5dadd;}
#know .third div.network a.browse {display:block; float:left; width:168px; height:168px;  background-image:url(/html/service/img/know/new_know_03_08.gif); background-repeat:no-repeat; background-position:50% 0; font-size:18px; color:#fff; font-weight:300; text-align:center; line-height:168px; position:absolute; top:486px; right:0; z-index:2;}

/* 04. ½Å·ÚÇÒ ¼ö ÀÖ´Â ºê·£µåÀΰ¡¿ä? */
#know .fourth {clear:both; display:block; float:left; width:100%; min-width:1382px; background-color:#eceff3; padding:150px 0;}
#know .fourth .common_temp {text-align:center; overflow:hidden;}
#know .fourth h2 {position:static; visibility:visible; clear:both; display:inline-block; padding:0 30px; border-top:2px solid #1f2c5c; border-bottom:2px solid #1f2c5c; font-size:24px; color:#1f2c5c; font-weight:500; text-align:center; line-height:55px;}
#know .fourth h3.txt1 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%;}
#know .fourth h3.txt1 div.txt1 {clear:both; display:block; float:left; margin:40px 0 0; width:100%; font-size:50px; color:#00a59c; font-weight:500; line-height:90px;}
#know .fourth h3.txt1 div.txt1 b{position: relative;top: -10px;vertical-align: top;font-weight: 700;font-size: 20px;color: #00a59c;}
#know .fourth h3.txt1 div.txt1 span {font-weight: 300;color: #1f2c5c;}
#know .fourth h3.txt1 .txt0{float: left;width: 100%; font-weight: 400;font-size: 12px;color: #00a59c;margin-top: 20px;line-height: 1.55;}
#know .fourth h3.txt1 div.txt2 {clear:both; display:block; float:left; margin:10px 0 0; width:100%; font-size:24px; color:#1f2c5c; font-weight:300; line-height:30px;}
#know .fourth div.sub_first {clear:both; display:block; float:left; width:100%;}
#know .fourth div.sub_first div.txt1 {clear:both; display:block; float:left; margin:40px 0 0; width:100%; font-size:16px; color:#3c3c3c; font-weight:400; line-height:30px;}
#know .fourth div.sub_first div.graph {clear:both; display:block; float:left; margin:43px 0 0; width:100%; height:919px; background-image:url(/html/service/img/know/know_04_01.jpg); background-repeat:no-repeat; background-position:50% 0;}
#know .fourth div.sub_first div.graph .box-1 {margin-top: 90px;}
#know .fourth div.sub_first div.graph .box-2 {margin: 50px 0 30px;}
#know .fourth div.sub_first div.graph img {margin: 0 20px;  filter: drop-shadow( 14px 6px 6px rgba(0, 0, 0, .2));}
#know .fourth div.sub_first div.graph span {font-size: 12px;  line-height: 12px;  color: #fff;  font-weight: 100;}
#know .fourth h3.txt2 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:50px; color:#00a59c; font-weight:500; line-height:70px;}
#know .fourth h3.txt2 span {font-size:70px; font-weight:700;}
#know .fourth div.sub_second {clear: both;  display: block;  float: left;  margin: 62px 18px 0;  padding: 260px 0 100px;  width: 1346px;  background-color: #fff;  background-image: url(https://www.duo.co.kr/html/popup/img/ccm_logo.svg);  background-repeat: no-repeat;  background-position: 50% 60px;  background-size: 220px;}
#know .fourth div.sub_second img {clear:both; display:block; float:left; margin:0 38px 80px 179px;}
#know .fourth div.sub_second div {display:block; float:left; width:550px; font-size:16px; color:#3c3c3c; font-weight:300; text-align:left; line-height:30px;}
#know .fourth div.sub_second div span {color:#000; font-weight:500;}
#know .fourth h3.txt3 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:50px; color:#00a59c; font-weight:500; line-height:70px;}
#know .fourth div.sub_third {clear:both; display:block; float:left; width:100%;}
#know .fourth div.sub_third div.txt1 {clear:both; display:block; float:left; margin:25px 0 0; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; line-height:30px;}
#know .fourth div.sub_third ul.prize_big {clear:both; display:block; float:left; margin:90px 131px 0; width:1118px;}
#know .fourth div.sub_third ul.prize_big li {display:block; float:left; width:360px; height:417px; background-color:#fff;}
#know .fourth div.sub_third ul.prize_big li a {clear:both; display:block; float:left; width:100%; position:relative;}
#know .fourth div.sub_third ul.prize_big li a div.flag {display:block; width:80px; height:80px; background-image:url(/html/service/img/know/know_04_04.png); background-repeat:no-repeat; background-position:0 0; position:absolute; top:-26px; left:30px; z-index:2;}
#know .fourth div.sub_third ul.prize_big li a div.flag div {display:block; float:left; padding:7px 0 0 15px; width:44px; height:52px; font-size:16px; color:#fff; text-align:left; line-height:22px;}
#know .fourth div.sub_third ul.prize_big li a h4 {position:static; visibility:visible; display:block; float:left; margin:245px 0 0; width:100%; font-size:24px; color:#0b357f; font-weight:700; line-height:34px;}
#know .fourth div.sub_third ul.prize_big li a div.txt {clear:both; display:block; float:left; margin:13px 0 0; width:100%; font-size:18px; color:#3d3e40; font-weight:300; line-height:26px;}
#know .fourth div.sub_third ul.prize_big li a img {display:block; position:absolute; top:15px; left:50%; margin:0 0 0 -100px; z-index:1;}
#know .fourth div.sub_third ul.prize {clear:both; display:block; float:left; margin:40px 132px 43px; width:1118px;}
#know .fourth div.sub_third ul.prize li {display:block; float:left; width:74px; height:74px; margin:0 13px 17px 0;}
#know .fourth div.sub_third ul.prize li a {display:block; float:left; width:100%; height:100%;}
#know .fourth div.sub_third ul.prize li a img {display:block; float:left; width:74px; height:74px;}
#know .fourth div.sub_fourth {clear:both; display:block; float:left; margin:0 18px 0; padding:100px 0 100px; width:1346px; background-color:#fff;}
#know .fourth div.sub_fourth h3.txt4 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:50px; color:#00a59c; font-weight:500; line-height:70px;}
#know .fourth div.sub_fourth div.txt1 {clear:both; display:block; float:left; margin:40px 0 60px; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; text-align:center; line-height:30px;}
#know .fourth div.sub_fourth .partner {display:block;margin:0 113px 60px; width:1120px;}
#know .fourth div.sub_fourth .partner table {width:100%; float:left; table-layout:fixed;}
#know .fourth div.sub_fourth .partner table caption {font-size:0; text-indent:-99999px;}
#know .fourth div.sub_fourth .partner table tr td {padding:25px 0 40px 0; text-align:center; vertical-align:middle; background-color:#fff;}
#know .fourth div.sub_fourth .partner table tr td img {display:block; margin:0 auto;}
#know .fourth div.sub_fourth .partner table tr td div {clear:both; display:block; float:left; width:100%; font-size:16px; color:#26282b; line-height:20px; text-align:center;}
#know .fourth div.sub_fourth .partner__list{display: flex;flex-flow: wrap row;border: 1px solid #e3e6ee;margin-bottom: 40px;} 
#know .fourth div.sub_fourth .partner__item{display:flex;width: 33.33%;background-color: #fff;height: 185px;align-items: center;justify-content: center;flex-flow: column;border-left: 1px solid #e3e6ee;box-sizing: border-box;}
#know .fourth div.sub_fourth .partner__item:nth-child(n+4){border-top: 1px solid #e3e6ee;}
#know .fourth div.sub_fourth .partner__item:nth-child(3n+1){border-left: none;}

/* 05. °í°´ÀÌ ±Ã±ÝÇØ ÇÒ Á¤º¸¸¦ Åõ¸íÇÏ°Ô °ø°³Çϳª¿ä? */
#know .fifth {clear:both; display:block; float:left; width:100%; min-width:1382px; padding:150px 0;}
#know .fifth .common_temp {text-align:center; overflow:hidden;}
#know .fifth h2 {position:static; visibility:visible; clear:both; display:inline-block; padding:0 30px; border-top:2px solid #1f2c5c; border-bottom:2px solid #1f2c5c; font-size:24px; color:#1f2c5c; font-weight:500; text-align:center; line-height:55px;}
#know .fifth h3.txt1 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%;}
#know .fifth h3.txt1 div.txt1 {clear:both; display:block; float:left; margin:65px 0 0; width:100%; font-size:50px; color:#005cec; font-weight:500; line-height:90px;}
#know .fifth h3.txt1 div.txt2 {clear:both; display:block; float:left; margin:10px 0 0; width:100%; font-size:16px; color:#313131; font-weight:300; line-height:22px;}
#know .fifth div.sub_first {clear:both; display:block;margin:45px 18px 0; width:1346px; height:432px; background-image:url(/html/service/img/know/know_05_01.jpg); background-position:50% 0; background-repeat:no-repeat;}
#know .fifth div.sub_first div.txt1 {clear:both; display:block; float:left; margin:314px 0 0 340px; width:259px; height:79px; font-size:20px; color:#000; font-weight:500; text-align:center; line-height:79px;}
#know .fifth div.sub_first div.txt2 {display:block; float:left; margin:314px 0 0 145px; width:259px; height:79px; font-size:20px; color:#000; font-weight:500; text-align:center; line-height:79px;}
#know .fifth ul.duo {clear:both; display:block; float:left; margin:0 213px 0 214px; width:955px;border-bottom: 1px solid #f0f3f4;padding: 0;}
#know .fifth ul.duo li {display:block; float:left; background-repeat:no-repeat;}
#know .fifth ul.duo li.flag1 {padding:210px 60px 60px 0; width:412px; background-image:url(/html/service/img/know/icon_05.jpg); background-position:0 100px;position:relative;}
#know .fifth ul.duo li.flag2 {padding:210px 0 60px 85px; width:387px; background-image:url(/html/service/img/know/icon_06.jpg); background-position:85px 100px;border-left: 1px solid #f0f3f4;}
#know .fifth ul.duo li h3 {position:static; visibility:visible; clear:both; display:block; float:left; margin:0 0 0 10px; font-size:20px; color:#000; font-weight:500; text-align:left; line-height:30px;}
#know .fifth ul.duo li.flag1 h3 {width:402px;}
#know .fifth ul.duo li.flag2 h3 {width:377px;}
#know .fifth ul.duo li.flag3 h3 {width:945px;}
#know .fifth ul.duo li div.txt1 {clear:both; display:block; float:left; font-size:16px; color:#3c3c3c; font-weight:300; text-align:left; line-height:30px;}
#know .fifth ul.duo li.flag1 div.txt1 {margin:16px 0 0 10px; width:402px;}
#know .fifth ul.duo li.flag2 div.txt1{margin:16px 0 0 10px; width:377px;}
#know .fifth ul.duo li.flag3 div.txt1 {margin:16px 0 0 10px; width:945px;}
#know .fifth ul.duo li.flag1 div.txt2 {clear:both; display:block; float:left; width:312px; height:56px; font-size:18px; color:#000; font-weight:500; text-align:left; line-height:28px; position:absolute; top:126px; left:110px;}
#know .fifth ul.duo li.flag1 div.txt2 span {color:#607d8b;}
#know .fifth a.sub_second {clear:both; display:block; float:left; margin:93px 18px 0; width:1346px; height:823px; background-image:url(/html/service/img/know/know_05_02.jpg); background-position:50% 0; background-repeat:no-repeat; position:relative; /* z-index:1; */}
#know .fifth a.sub_second h3.txt2 {position:static; visibility:visible; clear:both; display:block; float:left; margin:115px 0 0; width:100%; font-size:48px; color:#292828; font-weight:700; text-align:center; line-height:54px;}
#know .fifth a.sub_second div.txt1 {clear:both; display:block; float:left; margin:20px 0 0; width:100%; font-size:16px; color:#313131; font-weight:300; text-align:center; line-height:30px;}
#know .fifth a.sub_second div.txt1 span {color:#000; font-weight:500;}
#know .fifth a.sub_second ul {clear:both; display:block; float:left; width:100%;}
#know .fifth a.sub_second ul li {clear:both; display:block; float:left; width:321px; height:321px; position:absolute; top:318px;}
#know .fifth a.sub_second ul li div.temp {clear:both; display:table-cell; width:321px; height:321px; vertical-align:middle;}
#know .fifth a.sub_second ul li div.temp h4 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:42px; color:#fff; font-weight:900; text-align:center; line-height:48px;}
#know .fifth a.sub_second ul li div.temp div {clear:both; display:block; float:left; margin:15px 0 10px; width:100%; font-size:16px; color:#fff; font-weight:300; text-align:center; line-height:24px;}
#know .fifth div.sub_third {clear:both; display:block; float:left; margin:-60px 259px 0; width:864px; background-color:#fff; position:relative; z-index:2;}
#know .fifth div.sub_third h3.txt2 {position:static; visibility:visible; clear:both; display:block; float:left; margin:60px 0 0; width:100%; font-size:38px; color:#1262b3; font-weight:200; text-align:center; line-height:52px;}
#know .fifth div.sub_third h3.txt2 span {font-weight:500;}
#know .fifth div.sub_third div.txt1 {clear:both; display:block; float:left; margin:30px 0 45px; width:100%; font-size:16px; color:#3c3c3c; font-weight:300; text-align:center; line-height:30px;}
#know .fifth div.sub_third img {clear:both; display:block; margin:0 auto;}

/* °áÈ¥Á¤º¸È¸»ç ¼±Åà ½Ã ÁÖÀÇ»çÇ×! */
#know .sixth {clear:both; display:block; float:left; width:100%; min-width:1382px; background-color:#f7f7f7; padding:150px 0 80px;}
#know .sixth h2 {position:static; visibility:visible; clear:both; display:block; float:left; margin:0 0 70px 0; width:100%; font-size:50px; color:#000; font-weight:400; text-align:center; line-height:70px;}
#know .sixth h2 span {color:#e31a20;}
#know .sixth ul.notice {clear:both; display:block; float:left; width:100%;}
#know .sixth ul.notice li {clear:both; display:block; float:left; width:100%; border-top:1px solid #e5e5e5;word-break: keep-all;}
#know .sixth ul.notice li.on {background-color:#03122b; border-color:#03122b;}
#know .sixth ul.notice li div.notice_q {cursor:pointer; clear:both; display:block; margin:0 auto; width:1120px; height:201px; background-image:url(/html/service/img/know/icon_07.png); background-repeat:no-repeat; background-position:100% 50%;}
#know .sixth ul.notice li div.notice_q div.title {clear:both; display:table-cell; padding:0 0 0 125px; width:995px; height:201px; background-repeat:no-repeat; background-position:0 50%; vertical-align:middle;}
#know .sixth ul.notice li.flag1 div.notice_q div.title {background-image:url(/html/service/img/know/know_06_01.png);}
#know .sixth ul.notice li.flag2 div.notice_q div.title {background-image:url(/html/service/img/know/know_06_02.png);}
#know .sixth ul.notice li.flag3 div.notice_q div.title {background-image:url(/html/service/img/know/know_06_03.png);}
#know .sixth ul.notice li.flag4 div.notice_q div.title {background-image:url(/html/service/img/know/know_06_04.png);}
#know .sixth ul.notice li div.notice_q div.title h3 {position:static; visibility:visible; clear:both; display:block; float:left; width:100%; font-size:32px; color:#000; font-weight:700; text-align:left; line-height:38px;}
#know .sixth ul.notice li div.notice_q div.title div {clear:both; display:block; float:left; margin:10px 0 0 4px; width:991px; font-size:18px; color:#5f5f5f; font-weight:200; text-align:left; line-height:24px;}
#know .sixth ul.notice li.on div.notice_q {background-image:url(/html/service/img/know/icon_07_on.png);}
#know .sixth ul.notice li.on div.notice_q div.title h3 {color:#fff;}
#know .sixth ul.notice li.on div.notice_q div.title div {color:#fff;}
#know .sixth ul.notice li div.notice_a {clear:both; display:block; margin:0 auto; padding:0 130px 100px; width:860px; overflow:hidden; display:none;}
#know .sixth ul.notice li.flag1 div.notice_a div.txt1 {clear:both; display:block; float:left; margin:0 0 30px; width:100%; font-size:20px; color:#fff; font-weight:300; line-height:30px;}
#know .sixth ul.notice li.flag1 div.notice_a div.txt1 span {color:#fff000; font-weight:500;}
#know .sixth ul.notice li.flag1 div.notice_a img {clear:both; display:block; margin:0 auto;}
#know .sixth ul.notice li.flag1 div.notice_a div.txt2 {clear:both; display:block; float:left; margin:50px 0 0; width:100%; font-size:30px; color:#fff000; font-weight:500; line-height:40px;}
#know .sixth ul.notice li.flag1 div.notice_a div.txt3 {clear:both; display:block; float:left; margin:25px 0 0; padding:0 0 0 35px; width:825px; height:28px; background-image:url(/html/service/img/know/know_06_06.png); background-repeat:no-repeat; background-position:0 50%; font-size:18px; color:#fff; font-weight:300; line-height:28px;}
#know .sixth ul.notice li.flag1 div.notice_a div.txt4 {clear:both; display:block; float:left; margin:10px 0 0; width:100%; font-size:14px; color:#fff; line-height:26px;}
#know .sixth ul.notice li.flag2 div.notice_a div {clear:both; display:block; float:left; width:100%; font-size:20px; color:#fff; font-weight:300; line-height:36px;}
#know .sixth ul.notice li.flag3 div.notice_a div.txt1 {clear:both; display:block; float:left; width:100%; font-size:20px; color:#fff; font-weight:300; line-height:36px;}
#know .sixth ul.notice li.flag3 div.notice_a div.txt2 {clear:both; display:block; float:left; margin:65px 0 0; padding:0 0 0 0; width:860px; background-image:url(/html/service/img/know/know_06_06.png); background-repeat:no-repeat; background-position:0 0; font-size:14px; color:#fff; line-height:30px;}
#know .sixth ul.notice li.flag4 div.notice_a div.txt1 {clear:both; display:block; float:left; margin:0 0 5px 0; padding:0 0 0 47px; width:813px; height:81px; font-size:30px; color:#fff000; font-weight:700; line-height:81px; position:relative;}
#know .sixth ul.notice li.flag4 div.notice_a div.txt1 div {clear:both; display:block; float:left; width:31px; height:31px; background-image:url(/html/service/img/know/know_06_07.png); background-position:0 0; background-repeat:no-repeat; font-size:20px; color:#03122b; font-weight:500; text-align:center; line-height:27px; position:absolute; top:28px; left:0;}
#know .sixth ul.notice li.flag4 div.notice_a div.txt2 {clear:both; display:block; float:left; margin:0 0 75px 0; padding:5px 0 0 47px; width:813px; font-size:20px; color:#fff; font-weight:300; line-height:38px; position:relative;}
#know .sixth ul.notice li.flag4 div.notice_a div.txt2 div {clear:both; display:block; float:left; width:31px; height:31px; background-image:url(/html/service/img/know/know_06_08.png); background-position:0 0; background-repeat:no-repeat; font-size:20px; color:#03122b; font-weight:500; text-align:center; line-height:27px; position:absolute; top:10px; left:0;}
#know .sixth ul.notice li.flag4 div.notice_a div.txt2 span {color:#fff000; font-weight:500;}


/* öÀúÇÑ ½Å¿øÀÎÁõ°ú ÀÔȸ½É»ç */
.section_temp .common_temp .sub_wrap{padding:150px 0 0 0; width:100%; margin:0 auto; float:left; clear: both; box-sizing: border-box; min-width: 955px;}
.section_temp .common_temp .sub_wrap .txt_wrap > p.txt_01{text-align: center; margin-bottom:45px; display: block; font-size: 50px;color: #005cec;font-weight: 500;line-height: 50px;}
.section_temp .common_temp .sub_wrap .txt_wrap > p.txt_02{font-size: 16px;color: #3c3c3c; font-weight: 300;text-align: center;line-height: 30px;padding-bottom:45px;}
.section_temp .common_temp .sub_wrap .ct_wrap{max-width:955px; margin:0 auto; display:flex; width: 100%;}
.section_temp .common_temp .sub_wrap .ct_wrap > .box1{box-sizing: border-box; width: 462px; padding:56px 86px; background:url('/html/service/img/know/sinwon_01.png') no-repeat; background-size:100%; margin:0 50px 0 0;}
.section_temp .common_temp .sub_wrap .ct_wrap > .box2{box-sizing: border-box; width: 462px; padding:56px 86px; background:url('/html/service/img/know/sinwon_02.jpg') no-repeat; background-size:100%;  margin:0;}
.section_temp .common_temp .sub_wrap .ct_wrap > .box1 >div{padding:40px; background:#fff; text-align: center;}
.section_temp .common_temp .sub_wrap .ct_wrap > .box2 >div{padding:40px; background:#fff; text-align: center;}
.section_temp .common_temp .sub_wrap .ct_wrap > .box1 >div p, .section_temp .common_temp .sub_wrap .ct_wrap > .box2 >div p {font-size:26px; font-weight: bold; color:#165dc6; letter-spacing: 0.3px; line-height: 42px;}
.section_temp .common_temp .sub_wrap .list_wrap{padding:50px 0 0px 0; width:100%; max-width:955px; margin:0 auto;}
.section_temp .common_temp .sub_wrap .list_wrap ul li{width:100%; display: block; padding:33px 40px; background:#f7f7f7; text-align: left; margin-bottom:55px; position: relative; max-width: 955px; box-sizing:border-box; height: 105px;}
.section_temp .common_temp .sub_wrap .list_wrap ul li:after{content: '';display: block;background: url('/html/service/img/know/know_arrow.gif') no-repeat;position: absolute;bottom: -40px; left:110px; width: 14px;height: 22px;}
.section_temp .common_temp .sub_wrap .list_wrap ul li.last_arrow::after{visibility: hidden;}
.section_temp .common_temp .sub_wrap .list_wrap ul li.list_3{border:3px solid #165dc6; box-sizing: border-box;}
.section_temp .common_temp .sub_wrap .list_wrap ul li.list_3 > .law-firm{padding: 6px 15px;color: #fff;font-weight: 500;background: #4a78cd;text-align: center; display: inline-block; margin-left: 20px; font-size: 16px;line-height: 22px;}
.section_temp .common_temp .sub_wrap .list_wrap ul li > p {text-align:center; font-size:24px; color:#165dc6; font-weight: 600; line-height: 32px; display: inline-block; width: 150px;}
.section_temp .common_temp .sub_wrap .list_wrap ul li > span{color:#4b4b4b; font-size:16px; line-height:32px; font-weight: normal; display: inline-block; padding-left:45px;}
.section_temp .common_temp .sub_wrap .ct_list li  div.sinwon-list{display: inline-block; padding-left:35px;}
.section_temp .common_temp .sub_wrap .ct_list li  div.sinwon-list span{display: inline-block; box-sizing: border-box;color: #4b4b4b;line-height: 42px;width:160px; padding-left:15px; height: 42px;text-align: center; border:1px solid #e9e9e9; background-color:#fff; margin-left:10px; }
.section_temp .common_temp .sub_wrap .ct_list li  div.sinwon-list span strong{display: block; width:100%; height: 100%; background:url('/html/service/img/know/sinwon_check.png') no-repeat; background-position: 0px 15px; font-weight: normal;}
.section_temp .common_temp .sub_wrap .ct_list li  div.sinwon-list span:first-child{margin-left:0;}

#know .fifth a.sub_second div.txt2gh{font-size:48px; line-height:62px; text-align: center; padding-bottom:10px;}
#know .fifth a.sub_second.sinwon{background:url('/html/service/img/know/sinwon_bg01_03.jpg') no-repeat; background-size: 100%;}
#know .section_temp__contents{float:left;background-color: #f7f7f7;padding-bottom: 70px;margin-top: 70px;}
#know .section_temp__contents .youtube_box{display: flex;flex-flow: wrap row;width: 940px;margin: 0 auto;font-size: 0;background-color: #fff;}
#know .section_temp__contents .youtube_box .img_box{width: 540px;}
#know .section_temp__contents .youtube_box .img_box img{max-width: 100%;height: auto;cursor: pointer;}
#know .section_temp__contents .youtube_box .text_box{width: calc(100% - 540px);padding: 60px;box-sizing: border-box;text-align: left;}
#know .section_temp__contents .youtube_box--txt1{font-weight: 300;font-size: 34px;color: #647070;line-height: 1.4;text-align: left;}
#know .section_temp__contents .youtube_box--play{display: inline-block;width: 200px;height: 55px;font-weight: 300;font-size: 18px;color: #647070;line-height: 53px;margin-top: 30px;border: 1px solid #dbdbdb;text-align: center;}
#know .section_temp__contents .youtube_box--play img{vertical-align: middle;margin: 0 3px 2px 0;}
#know .section_temp__contents .youtube_box--txt2{width: 100%;font-weight: 300;font-size: 16px;color: 313131;margin-top: 30px;}
.img-box{display: block;width: 100%;position: absolute;top: 365px; text-align:center;}
.br_bt{border-bottom:1px solid #e4e4e4; padding-bottom:150px;}

/* 20220518 */
#know .sixth ul.notice li.flag5 div.notice_a div.txt1 {clear:both; display:block; float:left; width:100%; font-size:20px; color:#fff; font-weight:300; line-height:36px;}
#know .sixth ul.notice li.flag5 div.notice_a div.txt2 {clear:both; display:block; float:left; margin:65px 0 0; padding:0 0 0 0; width:860px; background-image:url(/html/service/img/know/know_06_06.png); background-repeat:no-repeat; background-position:0 0; font-size:14px; color:#fff; line-height:30px;}
#know .sixth ul.notice li.flag5 div.notice_q div.title {background-image:url(/html/service/img/know/know_06_05.png);}
.section_temp .system_oper{display: flex; width: 955px;background-color: #ecf2f8;padding: 65px 75px 75px;margin: 0 auto;box-sizing: border-box;}
.section_temp .system_oper .system_oper--icon{width: 100px;}
.section_temp .system_oper .system_oper--text{width: calc(100% - 100px); padding: 0 50px 0 60px;text-align: left;}
.section_temp .system_oper .system_oper--text h5{font-weight: 700;font-size: 26px;color: #165dc6;margin-bottom: 25px;}
.section_temp .system_oper .system_oper--text p{font-weight: 400;font-size: 16px;color: #333;word-break: keep-all;line-height: 2;}
/* 20220518 */

/* 20230106 */
#know .second div.sub_second img.gref-01{height: 360px; box-sizing: border-box;padding-bottom: 40px;  padding-top: 14px;}
/* 20230227 */
#know .notice_youtube{position: relative;margin-top: 40px;float: left;}
#know .notice_youtube .ic-img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .3s;opacity: 0;cursor: pointer;}
#know .notice_youtube:hover .ic-img{opacity: 1;transition: .3s;}
.video_popup{display: none;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;z-index: 1001;background: rgba(0, 0, 0, 0.75);}
.video_popup__box{position: absolute;width: 1170px;transform: translate(-50%, -50%);left: 50%;top: 50%;}
.video_popup__top{text-align: right;padding-bottom: 20px;}  
.video_popup__contents{position: relative;width: 100%;height: 0;padding-bottom: 56%;}
.video_popup__contents iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ic_btn--video{position: relative;width: 40px;height: 30px;background-color: rgba(0,0,0,0);border: none;cursor: pointer;}
.ic_btn--video::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(45deg);left: 0;width: 100%;height: 2px;background-color: #fff;}
.ic_btn--video::after{content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(135deg);left: 0;width: 100%;height: 2px;background-color: #fff;}