@charset "utf-8";
/* html tag default */

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

/* Figure */
.section4 + .figure { margin-top:60px;}
.figure { display:block;position:relative; /*width:100%;*/border:0;margin:0 auto;padding:0;text-align:center;}
.figure img { display:block;max-width:100%;border:0;margin:0 auto;}

.figure .img-wrap {display:block;position:relative;width:100%;text-align:center;}
.figure .img-wrap.line {border:1px solid rgb(61, 48, 48);box-sizing:border-box;}
.figure .img-wrap img {display:block;margin:0 auto;max-width:100%;}
.figure figcaption {display:block;position:relative;height:auto;padding:10px;color:#111;font-size:15px;font-weight:500;text-align:center;line-height:1.2;}
.figure .hidden {position:absolute;}
.figure .figcaption {background-color:#f8f8f8;}
.figure-cols{display:block;overflow:hidden;position:relative;text-align:center;margin-top:20px;margin-bottom:10px;}
.figure-cols .col {display:block;float:left;position:relative;overflow:hidden;margin-bottom:15px;padding:0;}
.figure-cols .figure .figcaption >p { line-height:1.2;color:#666;}
.figure.line { border:1px solid #ddd;}
.figure-cols .figure .img-wrap {display:block;position:relative;overflow:hidden;width:100%;max-width:100%;/*min-height:230px;*/margin:0 auto;}
.figure-cols .figure .img-wrap img {box-sizing:border-box;}

/*.figure-cols .figure .img-wrap img {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);max-width:300%;min-width: 100%;width:100%;height:auto;min-height:100%;}
*/
.figure-cols .figure .img-wrap img {position: relative;width:100%;height:auto;/*min-height:100%;*/}
.figure-cols.cols2 .col { width:49%;margin-right:2%;}
.figure-cols.cols2 .col:nth-child(2n) { margin-right:0;}
.figure-cols.cols3 .col { width:32%;margin-right:2%;}
.figure-cols.cols3 .col.colspan2 { width:66%;margin-right:2%;}
.figure-cols.cols3 .col:nth-child(3n),
.figure-cols.cols3 .col:last-child { margin-right:0;}
.figure-cols.cols5 .col { width:18.4%;margin-right:2%;}
.figure-cols.cols5 .col:nth-child(5n) { margin-right:0;}
.figure-cols.cols3.has-colspan .col + .col { margin-right:2%;}
.figure-cols.cols3.has-colspan .col + .colspan2,
.figure-cols.cols3.has-colspan .colspan2 + .col { margin-right:0;}
.figure-cols.cols3.has-colspan .colspan2 + .colspan2 { margin-right:2%;}
.figure-cols.cols4 .col { width:23.5%;margin-right:2%;}
.figure-cols.cols4 .col:nth-child(4n) { margin-right:0;}
.figure-cols.cols4.has-colspan .colspan2 { width:49%;}
.figure-cols.cols4.has-colspan .col + .colspan3 { width:74.5%;margin-right:0;}
.figure-cols.cols4.has-colspan .colspan2 + .col,
.figure-cols.cols4.has-colspan .col:last-child { margin-right:0;}
@media all and ( max-width:768px) {
	.figure-cols.cols2 .col,
	.figure-cols.cols3 .col { width:100%}
	.figure-cols.cols4 .col,
	.figure-cols.cols5 .col{ width:49%;}
	.figure-cols.cols4 .col:nth-child(2n),
	.figure-cols.cols5 .col:nth-child(2n) { margin-right:0;}
}
@media all and ( max-width:360px) {
	.figure-cols.cols2 .col,
	.figure-cols.cols3 .col,
	.figure-cols.cols4 .col,
	.figure-cols.cols5 .col{ width:100%;margin-right:0;}
}

/* heading */
h3, h4, h5, h6 { font-family:"Noto Sans";font-weight:500;}
.h4,
.h5,
.h6 { font-family:"Noto Sans";font-weight:400;}

.h4{ display:block;font-family:"Noto Sans";font-size:24px;color:#333333;margin:46px 0 20px 0;min-height:25px;background-image:url("../image/common/blt-h4.png");background-size:26px 22px;background-repeat:no-repeat;background-position:0 3px;padding-left:40px;line-height:1.2;}
.h4.line {padding-bottom:20px;border-bottom:2px solid #333333;}
.h5{ display:block;position:relative;margin:24px 0 10px 12px;padding-left:28px;font-family:'Noto Sans';color:#333;font-size:20px;font-weight:500;line-height:1.8;text-align:left;}
.h5:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 16px;
    height: 16px;
    background-color:#1c226c;
    background-image:url("/humanframe/globaltheme/assets/image/common/h5-arw.png"); background-size:6px 10px;background-repeat:no-repeat;background-position:50% 50%;
    border-radius: 50%;
    box-sizing: border-box;
}
.h5 >span { font-weight:normal;}
@media only screen and (max-width:480px){
   .h4{font-size:20px;background-size:22px auto;padding-left:30px;}
   .h5 {font-size:16px;margin: 16px 0 8px 8px;padding-left: 24px;}
   .h5:before {top:8px;}
}

.list-h5 > li,
.list-arw1 > li,
.list-h6 > li,
.list-circle > li,
.list-dot > li,
.list-num > li,
.list-num1 > li,
.list-num2 > li,
.list-num3 > li,
.list-kor1 > li,
.list-kor2 > li,
.list-kor3 > li,
.list-eng1 > li,
.list-eng2 > li,
.list-eng3 > li { list-style:none;display:block;position:relative;}
.list-h5 > li, .list-arw1 > li, .bul-arw1 > p { display:block;position:relative;margin:5px 0;padding-left:28px;font-size:16px;font-weight:400;color:#333333;}
[class^="bul"] > li:before,
[class^="bul"] > p:before {
    /*content: '';*/
    display: inline-block;
    position:absolute;left:0;top:0;
}
.list-h5 > li:before, .list-arw1 > li:before, .bul-arw1 > p:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 16px;
    background-color:#1c226c;
    background-image:url("/humanframe/globaltheme/assets/image/common/h5-arw.png"); background-size:6px 10px;background-repeat:no-repeat;background-position:50% 50%;
    border-radius: 50%;
    box-sizing: border-box;
}
@media only screen and (max-width:480px){
    .list-h5 > li:before, .list-arw1 > li:before, .bul-arw1 > p:before {
        top: 4px;
    }
}
.list-h5 > li > strong { font-weight:600;}
.h6,
.kk_heading_h6 { display:block;position:relative;margin:15px 0 10px 17px;padding-left:23px;font-size:18px;font-weight:500;color:#333333;line-height:1.8;}
.h6:before,
.kk_heading_h6:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #1c226c;
    box-sizing: border-box;
}
.list-h6 > li,
.list-circle1 > li { display:block;position:relative;/*margin:0 0 6px 17px;*/margin:3px 0;padding-left:23px;/*font-size:16px;*/font-weight:400;color:#333333;}

.list-h6 > li:before,
.list-circle1 > li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #1c226c;
    box-sizing: border-box;
}
.h6 + .table-wrap {margin-left:17px;}
@media only screen and (max-width:480px){
    .list-h6 > li:before,
    .list-circle1 > li:before { top:6px;}
    .list-h6 > li, .list-circle1 > li {margin-left:6px;padding-left:16px;}
 }
/* section4 */
.section4 {display:block;position:relative;}
.section4 + .section4 { padding-top:40px;}
.section4-head { display:block;position:relative;padding:20px 0;border-bottom:1px solid #333333;}
.section4-head .h4 {margin:0;padding-top:0;padding-bottom:0;}
.section4-head.noline { border:0;}
.section4-head.hidden {padding:0;}
@media only screen and (max-width:480px){
    .section4 + .section4 { padding-top:20px;}
    .section4 .section4-head { padding:10px 0;}
}
.section4 > .h4 { margin-top:0;}
.section4 .section4-head .h4 { margin-top:0;margin-bottom:0; }
.section4 .section4-body { display:block;margin:0;padding:20px 0 0 0;}
.section4 .section4-head.noline + .section4-body { padding-top:0;}
.section4 .section4-head + .section4-body.has-tbl { padding-top:0;}
.section4 .section4-head + .section4-body.has-tbl > .tbl-wrap,
.section4 .section4-head + .section4-body.has-tbl > .tbl { margin-top:-1px;}
.section-script { font-size:16px;font-family:"Noto Sans";font-weight:300;color:#555555;line-height:150%;}
.section4-body > .h5:first-child {margin-top:0;}

/* section5 */
.section5 { display:block;position:relative;}
.section5 + .section5 { padding-top:20px;}
.section5 .section5-head { display:block;padding:20px 0;}
.section5 .section5-head .h5 { margin:0;}
.section5 .section5-body { display:block;margin:0;padding:20px 0;}
.dv-mobile .section5 .section5-body { margin:0;}

/** paragraph **/
/* txt-wrap */
/*.txt {color:#555555;line-height:1.5;}*/
.txt + .txt { padding-top:15px;}
.txt-wrap { display:block;padding-bottom:10px;}

/* list */
.list-h5, .list-h6,
.list-circle, .list-square, .list-bar, .list-dot,
.list-num, .list-num1, .list-num2, .list-num3, .list-num4,
.list-kor1, .list-kor2, .list-kor3, .list-kor4,
.list-en1, .list-eng2, .list-eng3, .list-eng4 { list-style:none;margin-left:0;}
.list-circle > li, .list-square > li, .list-bar > li, .list-dot > li,
.list-num > li, .list-num1 > li, .list-num2 > li, .list-num3 > li, .list-num4 > li,
.list-kor1 > li, .list-kor2 > li, .list-kor3 > li, .list-kor4 > li,
.list-eng1 > li, .list-eng2 > li, .list-eng3 > li, .list-eng4 > li {display:block;position:relative;margin:2px 0;text-align:left;}
/*
.list-has-child > li { font-size:18px;}
.list-has-child > li > ul > li { font-size:16px;}
.list-has-child > li > ul > li > ul > li { font-size:14px;}*/
.list-circle > li {padding-left:16px;color:#747474;font-weight:400;}
.list-circle > li:before { content:"";display:block;overflow:hidden;position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:50%;background-color:#575757;}
.list-square > li {padding-left:12px;}
.list-square > li:before { content:"";display:block;overflow:hidden;position:absolute;left:0;top:14px;width:4px;height:4px;background-color:#666;}
.list-bar > li {padding-left:12px;color:#747474;}
.list-bar > li:before { content:"";display:block;overflow:hidden;position:absolute;left:0;top:12px;width:4px;height:1px;background-color:#888888;}
.list-dot > li {padding-left:12px;}
.list-dot > li:before { content:"";display:block;overflow:hidden;position:absolute;left:0;top:14px;width:2px;height:2px;background-color:#222;}
[class^="list"] > .li-noBlt:before { display:none;}
/*#content [class^="list"] li ul { margin-top:10px;}*/
td [class^="list"] { margin-left:10px;}

.list-num > li::before, .list-num1 > li::before, .list-num2 > li::before, .list-num3 > li::before, .list-num4 > li::before,
.list-kor1 > li::before, .list-kor2 > li::before, .list-kor3 > li::before, .list-kor4 > li::before,
.list-eng1 > li::before, .list-eng2 > li::before, .list-eng3 > li::before, .list-eng4 > li::before {display:inline-block;position:absolute;left:0;top:0;}

.list-num > li { padding-left:28px;}
.list-num {margin-left:13px;counter-reset:num1;}
.list-num > li::before {counter-increment:num1; content:counter(num1, decimal) "";}
.list-num > li::before {top:8px;width:16px;height:16px;background-color:#0070bd;color:#fff;border-radius:50%;text-align:center;font-size:12px;line-height:16px;}
.list-num4 > li::before {top:8px;}
@media all and (max-width:768px){
    .list-num > li::before {top:4px;}
    .list-dot > li:before {top:8px;}
}
[class^="list"] [class^="list"] {margin-left:0;}
/* heading + list */
.section4-body > [class^="list"],
.section4-body > [class^="bul"],
.h5 + .table-wrap,
.h5 ~ .tbl,
.list-h5 ~ .tbl,
.h5-content,
.list-h5, .list-arw1, .bul-arw1 { margin-left:12px;}
.h5-content > [class^="list"] { margin-left:28px;}

.h5 + [class^="list"],
.h5 ~ [class^="bul"],
.list-h5 + [class^="bul"],
.list-h5 ~ [class^="bul"] { margin:10px 0 10px 24px;}
.h6,
.h5 + .list-h6,
.h5 ~ .list-h6,
.h5 + .list-circle1,
.h5 ~ .list-circle1 { margin-left:17px;}
.h6 + [class^="list"],
.h6 ~ [class^="bul"] { margin-left:43px;}

@media all and (max-width:480px) {
    .list-circle > li {padding-left:8px;}
    .list-circle > li:before {top:9px;}
}

.h6 + div,
.h6 + p,
.h6-content,
.list-h6 + [class^="bul"] { margin:10px 0 10px 17px;}
.h6-content [class^="list"] { margin-left:17px;}
.h6-content { line-height:1.4;}
.list-wrap {display:block;padding:10px 0;}

[class^="bul"] {display:block;margin-top:10px;}
[class^="bul"] > li,
[class^="bul"] > p {display:block;position:relative;line-height:1.4;text-align:left;}
[class^="bul"] > li + li,
[class^="bul"] > p + p { margin-top:10px;}
[class^="bul"] > li:last-child {padding-bottom:0;}
[class^="bul"] > li:first-child {margin-top:0;}

.bul-circle > li, .bul-circle > p { padding-left:12px;}
.bul-bar > li, .bul-bar > p { padding-left:12px;}
.bul-bill > li, .bul-bill > p { padding-left:16px;}
.bul-star > li, .bul-star > p { padding-left:12px;}
.bul-tel > li, .bul-tel > p { padding-left:18px;}
.bul-click > li, .bul-click > p { padding-left:28px;}
/* 특수문자 */
.bul-circle > p {padding-left:16px;color:#747474;font-weight:400;}
.bul-circle > p:before { content:"";display:block;overflow:hidden;position:absolute;left:0;top:14px;width:4px;height:4px;border-radius:50%;background-color:#575757;}
.bul-bar > li::before, .bul-bar > p::before {content:'-';}
.bul-star > li::before, .bul-star > p::before {content:'*';}
.bul-bill > li::before, .bul-bill > p::before {content:'※';}
.bul-tel > li::before, .bul-tel > p::before {content:'☎';}

.bul-click { position:relative;margin-left:14px;text-align:left;}
.bul-click > li::before, .bul-click > p::before {content:'';display:inline-block;position:absolute;left:0;top:0;width:19px;height:18px;background-image:url(../image/icon/icon-mouse-click.png);background-repeat:no-repeat;background-position:0 0;background-size:19px 18px;}

/* 한글목록 가. (가) 가) */
.list-kor1 > li::before {content:'가.';} .list-kor1 > li+li::before {content:'나.';} .list-kor1 > li+li+li::before {content:'다.';} .list-kor1 > li+li+li+li::before {content:'라.';} .list-kor1 > li+li+li+li+li::before {content:'마.';} .list-kor1 > li+li+li+li+li+li::before {content:'바.';} .list-kor1 > li+li+li+li+li+li+li::before {content:'사.';} .list-kor1 > li+li+li+li+li+li+li+li::before {content:'아.';} .list-kor1 > li+li+li+li+li+li+li+li+li::before {content:'자.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li::before {content:'차.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li::before {content:'카.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li+li::before {content:'타.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'파.';} .list-kor1 > li+li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'하.';}
.list-kor2 > li::before {content:'(가)';} .list-kor2 > li+li::before {content:'(나)';} .list-kor2 > li+li+li::before {content:'(다)';} .list-kor2 > li+li+li+li::before {content:'(라)';} .list-kor2 > li+li+li+li+li::before {content:'(마)';} .list-kor2 > li+li+li+li+li+li::before {content:'(바)';} .list-kor2 > li+li+li+li+li+li+li::before {content:'(사)';} .list-kor2 > li+li+li+li+li+li+li+li::before {content:'(아)';} .list-kor2 > li+li+li+li+li+li+li+li+li::before {content:'(자)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li::before {content:'(차)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li::before {content:'(카)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li+li::before {content:'(타)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'(파)';} .list-kor2 > li+li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'(하)';}
.list-kor3 > li::before {content:'가)';} .list-kor3 > li+li::before {content:'나)';} .list-kor3 > li+li+li::before {content:'다)';} .list-kor3 > li+li+li+li::before {content:'라)';} .list-kor3 > li+li+li+li+li::before {content:'마)';} .list-kor3 > li+li+li+li+li+li::before {content:'바)';} .list-kor3 > li+li+li+li+li+li+li::before {content:'사)';} .list-kor3 > li+li+li+li+li+li+li+li::before {content:'아)';} .list-kor3 > li+li+li+li+li+li+li+li+li::before {content:'자)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li::before {content:'차)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li::before {content:'카)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li+li::before {content:'타)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'파)';} .list-kor3 > li+li+li+li+li+li+li+li+li+li+li+li+li+li::before {content:'하)';}
.list-kor1 > li, .list-kor2 > li, .list-kor3 > li, .list-kor4 > li { padding-left:24px;}

/* 숫자목록 : 1. (1) 1) ① */
.list-num {counter-reset:num0;list-style-type: decimal-leading-zero;} .list-num > li::before {counter-increment:num0; content:counter(num0, decimal) "";}
.list-num1 {counter-reset:num1;} .list-num1 > li::before {counter-increment:num1; content:counter(num1, decimal) ".";margin-right:4px;}
.list-num2 {counter-reset:num2;} .list-num2 > li::before {counter-increment:num2; content:"(" counter(num2, decimal) ")";margin-right:4px;}
.list-num3 {counter-reset:num3;} .list-num3 > li::before {counter-increment:num3; content:counter(num3, decimal) ")";margin-right:4px;}
.list-num4 {counter-reset:num4;} .list-num4 > li::before {counter-increment:num4; content:counter(num4, decimal);margin-right:4px;font-size:12px;display:inline-block;width:16px;height:16px;border:1px solid #666;border-radius:50%;line-height:14px;text-align:center;}
/*.list-num4 > li::before {content:'①';} .list-num4 > li+li::before {content:'②';} .list-num4 > li+li+li::before {content:'③';} .list-num4 > li+li+li+li::before {content:'④';} .list-num4 > li+li+li+li+li::before {content:'⑤';} .list-num4 > li+li+li+li+li+li::before {content:'⑥';} .list-num4 > li+li+li+li+li+li+li::before {content:'⑦';} .list-num4 > li+li+li+li+li+li+li+li::before {content:'⑧';} .list-num4 > li+li+li+li+li+li+li+li+li::before {content:'⑨';} .list-num4 > li+li+li+li+li+li+li+li+li+li::before {content:'⑩';}
*/
.list-num1>li,
.list-num2>li,
.list-num3>li {padding-left:18px;}
.list-num4>li {padding-left:20px;}
/* 알파벳목록 A. (a) a) ⓐ */
.list-eng1 > li {padding-left:18px;}
.list-eng2 > li {padding-left:18px;}
.list-eng3 > li {padding-left:18px;}
.list-eng4 > li {padding-left:18px;}
.list-eng4 > li:before {top:8px;}
.list-eng1 {counter-reset:eng1;} .list-eng1 > li::before {counter-increment:eng1; content:counter(eng1, upper-alpha) ".";margin-right:4px;}
.list-eng2 {counter-reset:eng2;} .list-eng2 > li::before {counter-increment:eng2; content:"(" counter(eng2, lower-alpha) ")";margin-right:4px;}
.list-eng3 {counter-reset:eng3;} .list-eng3 > li::before {counter-increment:eng3; content:counter(eng3, lower-alpha) ")";margin-right:4px;}
.list-eng4 {counter-reset:eng4;} .list-eng4 > li::before {counter-increment:eng4; content:counter(eng4, lower-alpha);margin-right:4px;font-size:12px;display:inline-block;width:16px;height:16px;border:1px solid #666;border-radius:50%;line-height:13px;text-align:center;}
/* .list-eng4 > li::before {content:'ⓐ';} .list-eng4 > li+li::before {content:'ⓑ';} .list-eng4 > li+li+li::before {content:'ⓒ';} .list-eng4 > li+li+li+li::before {content:'ⓓ';} .list-eng4 > li+li+li+li+li::before {content:'ⓔ';} .list-eng4 > li+li+li+li+li+li::before {content:'ⓕ';} .list-eng4 > li+li+li+li+li+li+li::before {content:'ⓖ';} .list-eng4 > li+li+li+li+li+li+li+li::before {content:'ⓗ';} .list-eng4 > li+li+li+li+li+li+li+li+li::before {content:'ⓘ';} .list-eng4 > li+li+li+li+li+li+li+li+li+li::before {content:'ⓙ';}
*/


.color-primary, .txt-primary, .txt-skyblue {color:#1e9fd5 !important;}
.color-primary2, .txt-primary1 {color:#0070bd !important;}
.color-primary2, .txt-primary2 {color:#1c236c !important;}
.color-important, .txt-red {color:#ff0000 !important;}
.color-graydark, .txt-graydark {color:#333 !important;}
.color-graylight, .txt-graylight {color:#666 !important;}
.txt-secondary { color:#555 !important;}
.txt-secondary2,
.txt-darkgray { color:#333 !important;}
.txt-lightgray { color:#888888 !important;}
.txt-black { color:#000 !important;}
.txt-orange {color:#FC5F12 !important;}

.txt-smaller,
.txt-smaller > *,
.txt-smaller td,
.txt-smaller tbody th { font-size:15px !important;}

/* float align valign */
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.vat {vertical-align:top !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both}
.clear:after {clear:both;display:block;content:'';}
.text {line-height:27px;margin:20px 0;vertical-align:middle;}
.indent-left {padding-left:35px;text-align:left;}
.space {margin:20px 0;}


/* 정렬 */
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both !important;}
.ov{overflow:hidden !important;}
.tac {text-align: center!important;}
.tal {text-align: left!important;}
.tar {text-align: right!important;}
.ftl {float: left!important;}
.ftr {float: right!important;}
.cbt {clear:both!important;}
.of-hd {overflow:hidden;}
.of-vs {overflow:visible;}
.dsb {display:block;}
.dsib {display:inline-block;}
.dsn {display:none;}
.of-vs {overflow:visible;}
.one-line {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.two-line {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; overflow: hidden;}
.hide-txt{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}
.dp-none{display: none !important}
.iframe-wrap { width:100%;height:600px;overflow-x:auto;overflow-y:auto;}
.iframe-wrap iframe { display:block;width:100%;height:100%;min-height:100%;}
.codeview { display:block;background-color:#f7f7f7;padding:20px;border:1px solid #ccc;text-align:left;}
.numFont {  font-family: "Roboto", sans-serif; }


.figure-cols.cols2-1 .col{width:49%;}
.figure-cols.cols2-1 .figure .img-wrap img{border:1px solid #555;}

@media only screen and (max-width:360px){
    .figure-cols.cols2-1 .col{width:100%;}
}