/**********************************************
START
name: vol30
**********************************************/
@keyframes ani {
	0% {opacity:0;transform:translateY(15px)}
	100% {opacity:1;transform:translateY(0)}
}

@keyframes text {
	from {opacity:0;transform:translateY(20px)}
	to {opacity:1;transform:translateY(0)}
}

:root {
--text-point-color: #ff6c27;
--text-point2-color: #f37306;
--point1-color: #e68416;
--point2-color: #945c38;
--point3-color: #624941;
--background-color:#ff915d;
--background2-color:#d2b7a6;
--point-bold-font: 'GmarketSansBold';
--point-medium-font: 'GmarketSansMedium';
--point-light-font: 'GmarketSansLight';
}

body,th,td,input,select,textarea,button,h1,h2,h3,h4,h5,h6,li,div {font-family:'Noto Sans KR','Apple SD Gothic Neo','Helvetica Neue','Roboto','Malgun Gothic','dotum','Arial',sans-serif}
* {margin:0;padding:0;list-style:none;text-decoration:none;border:none;font-family:'Noto Sans KR','Apple SD Gothic Neo','Helvetica Neue','Roboto','Malgun Gothic','dotum','Arial',sans-serif}
html, body {max-width:100%;overflow-x:hidden}
::selection {background:rgba(0,0,0,.35);color:#fefefe}
.video {position:relative;width:100%;height:auto;padding-top:56.25%}
.video > iframe {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}

/* vol30 */
.headerNav.vol30 {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:1000;width:100%;height:80px;padding:0 1.25rem;background-color:#fefefe}
.headerNav.vol30 .menu {display:flex;flex-wrap:nowrap;align-items:center;height:80px}
.headerNav.vol30 .menu .menu2 {cursor:pointer}
.headerNav.vol30 .menu .menuWord {padding-left:1rem;font-size:.938rem;font-weight:700}
.headerNav.vol30 .headLogo {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.headerNav.vol30 .headLogo > a {display:block}
.headerNav.vol30 .rightVol ul {display:flex;flex-wrap:nowrap;align-items:center;height:80px}
.headerNav.vol30 .rightVol ul > li > a {display:block}
.headerNav.vol30 .rightVol ul > li > a > img {width:40px;height:auto}
.headerNav.vol30 .rightVol ul > li:last-child > a {display:block;padding:.313rem;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:3px;color:#0f8840;font-weight:bold;font-size:.813rem}
.topDrop.vol30 {position:fixed;top:80px;z-index:1000;background-color:rgb(255, 255, 255);max-width:3000px;width:100%}
.subMenu.vol30 > dl > dt {padding-bottom:0;margin-bottom:.625rem}
.subMenu.vol30 li > a {display:block}

/* 서브페이지 상단 */
.sub-wrapper {width:100%;color:#626262;text-align:center;overflow-y:hidden}
.sub-wrapper::before {content:'';display:block;clear:both}
.sub-wrapper .sub-visual {position:relative;overflow:hidden;width:100%;height:480px;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
.sub-wrapper.sub01-1 .sub-visual {background-image:url('../images/s_visual/sv-sub1-1.jpg')}
.sub-wrapper.sub01-2 .sub-visual {background-image:url('../images/s_visual/sv-sub1-2.jpg')}
.sub-wrapper.sub01-3 .sub-visual {background-image:url('../images/s_visual/sv-sub1-3.jpg')}
.sub-wrapper.sub02-1 .sub-visual {background-image:url('../images/s_visual/sv-sub2-1.jpg')}
.sub-wrapper.sub02-2 .sub-visual {background-image:url('../images/s_visual/sv-sub2-2.jpg')}
.sub-wrapper.sub02-3 .sub-visual {background-image:url('../images/s_visual/sv-sub2-3.jpg')}
.sub-wrapper.sub03-1 .sub-visual {background-image:url('../images/s_visual/sv-sub3-1.jpg')}
.sub-wrapper.sub03-2 .sub-visual {background-image:url('../images/s_visual/sv-sub3-2.jpg')}
.sub-wrapper.sub03-3 .sub-visual {background-image:url('../images/s_visual/sv-sub3-3.jpg')}
.sub-wrapper.sub03-4 .sub-visual {background-image:url('../images/s_visual/sv-sub3-4.jpg')}
.sub-wrapper.sub04-1 .sub-visual {background-image:url('../images/sub4_visual.jpg')}
.sub-wrapper .sub-visual strong.s-title {display:block;font-size:1.125rem;font-weight:400}
.sub-wrapper .sub-visual .sub-vi-tit-box {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);padding-top:80px;color:#fefefe}
.sub-wrapper .sub-visual .sub-vi-tit-box .location > p {font-size:.875rem;color:#fefefe;font-weight:300}
.sub-wrapper .sub-visual .sub-vi-tit-box .location > p > svg {display:inline-block;padding:0 .313rem}
.sub-wrapper .sub-visual .sub-vi-tit-box .location > p > svg:first-child {padding:0}
.sub-wrapper .sub-visual .sub-vi-tit-box > h5 {display:block;padding-top:1.25rem;font-family:'SEBANG_Gothic_Bold';font-size:1.875rem;line-height:1.5;text-shadow:5px 5px 25px rgb(0 0 0 / 40%)}

/* 서브페이지-공통 */
.sub-width-940 {max-width:940px;margin:0 auto}
.sub-wrapper .sub-contents {overflow:hidden;padding:6.25rem 0}
.sub-wrapper .sub-contents .mo-disnone-640 {display:block}
.sub-wrapper .sub-contents .pc-disnone-640 {display:none}
.sub-wrapper .sub-contents p.p-text {font-size:1.063rem;line-height: 1.65;margin-bottom:2.188rem;letter-spacing:-.04rem;text-align:justify}
.sub-wrapper .sub-contents p.p-text:last-child {margin-bottom:0}
.sub-wrapper .sub-contents .po-text {font-weight:500;text-align:justify}
.sub-wrapper .sub-contents .c-title {display:inline-block;position:relative;z-index:1;line-height:1.5}
.sub-wrapper .sub-contents .c-title::after {content:'';margin-left:.5rem;position:absolute;bottom:.625rem;width:7px;height:7px;border-radius:50%;background:#0f8840}
.sub-wrapper .sub-contents .c-title,
.sub-wrapper .sub-contents .c-title > span {color:#000;font-family:'SEBANG_Gothic_Bold';font-size:1.875rem}
.sub-wrapper .sub-contents img,
.sub-wrapper .writer-box img {width:100%}
.sub-wrapper .writer-box {flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:1.875rem;border:6px solid #e4e4e4}
.sub-wrapper .writer-box .img-box {width:26%;overflow:hidden;border-radius:50%}
.sub-wrapper .writer-box .text-box {width:calc(100% - 31%);text-align:left}
.sub-wrapper .writer-box .text-box > strong {font-size:1rem}
.sub-wrapper .writer-box .text-box > h5 {margin:.625rem 0;font-size:1.563rem}
.sub-wrapper .writer-box .text-box > p {font-size:.938rem}
.nav_links {margin-top:1.875rem;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.nav_links a {width:50%;padding:1.25rem;text-align:center;font-size:1rem;border:1px solid #ccc;transition:all .3s}
.nav_links a:last-child {border-left:0}
.nav_links a:hover {background-color:#343434;border-color:#343434;color:#fefefe}
.sub-wrapper .sub-contents .image.auto > img {width:auto !important}
.sub02-2 .sec01 {padding:2rem 0 !important}
.sub01-2 .sec01 {padding:3rem 0 !important}


/* 캠코포커스 */
.sub01-1 .sec01 {background-image:url('../images/sub/sub1-bg1.jpg')}
.sub01-1 .sec01 .image {margin-bottom:3rem}
.sub01-1 .sec01 .p-text {text-align:center !important}
.sub01-1 .sec02 {background-image:url('../images/sub/sub1-bg2.jpg');background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
.sub01-1 .sec02 .image {padding:2rem 0 4rem}
.sub01-1 .sec03 {background-image:url('../images/sub/sub1-bg3.jpg');background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
.sub01-1 .sec03 .result-box {margin-top:3.5rem;padding:2rem;background-color:rgba(255,255,255,.85);border-radius:30px}
.sub01-1 .sec03 .result-box > strong {font-size:1.5rem}
.sub01-1 .sec03 .result-box > ul {flex-wrap:nowrap;justify-content:space-between;align-items:flex-start}
.sub01-1 .sec03 .result-box > ul > li {width:20%;padding:0 1rem}
.sub01-1 .sec03 .result-box > ul > li .txt-wrap > strong {font-size:1rem;font-weight:500;letter-spacing:-.05em}
.sub01-1 .sec03 .result-box > ul > li .txt-wrap > p.sum {padding:.375rem 0;font-size:1rem}
.sub01-1 .sec03 .result-box > ul > li .txt-wrap > p.sub-sum {font-weight:500;font-size:.938rem;letter-spacing:-.12em}
.sub01-1 .sec03 .result-box > ul > li > .icon {padding:2.5rem 0 1.5rem}
.sub01-1 .sec03 .result-box > ul > li > .icon > img {width:auto}
.sub01-1 .sec03 .result-box > ul > li > p {font-size:1rem;letter-spacing:-.08rem}
.sub01-1 .sec02 .c-title,
.sub01-1 .sec03 .c-title {margin-bottom:3rem}
.sub01-1 .sec04 .image,
.sub01-1 .sec05 .image {margin:3rem 0}
.sub01-1 .sec05 {background-color:#f5f5f5}
.sub01-1 .sec05 .p-text > i.s-name {font-size:12px;color:rgba(0,0,0,.45)}
.sub01-1 .sec05 .p-text > strong {font-size:1.25rem}
.sub01-1 .sec06 .video {margin-top:3rem}

/* 캠코인포 */
.sub01-2 .info-text {margin-bottom:1rem;font-weight:400;font-size:1rem;color:#9f9f9f}
.sub01-2 .info-text > svg.fa-exclamation-circle {color:#01ad87}
.sub01-2 .sec02 {background-color:#f7f7f7}
.sub01-2 .sec02 .writer h2 {display:block;margin-bottom:3.5rem;font-size:1.688rem;letter-spacing:0}
.sub01-2 .sec02 .writer img {width:235px !important;height:auto !important}
.sub01-2 .sec02 .writer h5 {font-size:1.25rem;font-weight:400;color:#696969;line-height:1.5}
.sub01-2 .sec02 .kiwoomi {position:relative}
.sub01-2 .sec02 .kiwoomi::after {content:'KIWOOMI';z-index:-1;overflow:hidden;position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:9rem;color:#eae9e9;font-weight:900;letter-spacing:1rem;line-height:.7}

/* 캠코줌인 */
.sub01-3 .sub-contents .image {margin:3rem 0}
.sub01-3 .sub-contents .p-text > strong {font-weight:500;font-size:1.063rem}
.sub01-3 .sec01 .txt-wrap {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-around;margin-bottom:3.5rem}
.sub01-3 .sec01 .txt-wrap .list > strong {display:block;margin-bottom:1.5rem;font-size:4rem;color:rgba(0,0,0,.08);text-align:center}
.sub01-3 .sec01 h5 {display:block;margin-bottom:2rem;font-size:1.5rem}
.sub01-3 .sec01 .txt-wrap .list {width:33.3%;padding:0 1.5rem}
.sub01-3 .sec01 .txt-wrap .list > img {border-radius:50%}
.sub01-3 .sec02,
.sub01-3 .sec04 {background-color:#f5f5f5}
.sub01-3 .sec04 {margin-bottom:4rem}

/* 캠코이너뷰 */
.sub02-1 .sec01 {background-color:#f7f7f7}
.sub02-1 .sec02 .contents {width:100%;margin-bottom:4.375rem}
.sub02-1 .sec02 .contents:last-child {margin-bottom:0}
.sub02-1 .sec02 .contents .innerview-box {display:inline-block;vertical-align:middle}
.sub02-1 .sec02 .innerview-img > img {width:100%}
.sub02-1 .sec02 .contents .innerview-box.innerview-img {width:calc(45% - .625rem)}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt {width:55%;padding-left:1.563rem;text-align:left}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2,
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > p,
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > strong {display:block;letter-spacing:-.08em;color:#0f8840;font-size:1.063rem;font-weight:500}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 {padding-bottom:1.25rem;font-size:1.8rem;color:#bfbfbf;letter-spacing:0}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2,
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 > span {font-family:'SEBANG_Gothic_Bold'}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 > span {color:#333;font-size:1.688rem;line-height:1.5}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > p {padding-bottom:1.563rem;font-size:1.25rem;font-weight:300;text-align:justify;line-height:1.5;color:#333}

/* 캠코타임즈 */
.sub02-2 .sec01 .img {padding:0 0 1.5rem 0 !important}
.sub02-2 .sec01 > .sub-width-940 > div:last-child {padding-bottom:0 !important}

/* 캠코에코 */
.sub02-3 .sec01 .image {margin-bottom:3rem}
.sub02-3 .sec02 {background-image:url('../images/sub/sub2-bg1.jpg');background-size:cover;background-repeat:no-repeat}
.sub02-3 .sec02 .p-box-wrap {margin:3rem 0}
.sub02-3 .sec02 .p-box {width:90%;margin:0 auto 1rem;padding:3.125rem;border-radius:.625rem;background-color:rgba(255,255,255,.2)}
.sub02-3 .sec02 .tb-wrap > table {width:100%;border:0;border-collapse:collapse;table-layout:fixed}
.sub02-3 .sec02 .tb-wrap > table tr {border-bottom:1px solid rgba(255,255,255,.15)}
.sub02-3 .sec02 .tb-wrap > table tr:first-child {border-bottom:0}
.sub02-3 .sec02 .tb-wrap > table td {border-right:1px solid rgba(255,255,255,.15)}
.sub02-3 .sec02 .tb-wrap > table td:last-child {border-right:0}
.sub02-3 .sec02 .tb-wrap > table th,
.sub02-3 .sec02 .tb-wrap > table td {padding:.625rem;color:#fefefe;font-size:15px}
.sub02-3 .sec02 .tb-wrap > table td span {font-size:.813rem}
.sub02-3 .sec02 .tb-wrap > table th {font-weight:500;background-color:#469037}
.sub02-3 .sec02 .tb-wrap > table .tb-tit th {background-color:#5fac44 !important}
.sub02-3 .sec03 {position:relative;z-index:1;padding-bottom:21rem;margin-bottom:4rem;background-color:#eef7ed}
.sub02-3 .sec03::after {content:'';position:absolute;z-index:-1;left:50%;bottom:-.313rem;width:600px;height:246px;background-image:url('../images/sub/sub2-img4.png');background-repeat:no-repeat;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}
.sub02-3 .sec03 .image {margin:4rem 0}
.sub02-3 .sec03 .p-text > strong {font-weight:500;font-size:20px}
.sub02-3 .sec03 .p-kamco {margin-top:2.188rem}

/* 트렌드리포트 */
.sub03-1 .sub-contents p {font-size:1.063rem;line-height:1.65;margin-bottom:2.188rem;letter-spacing:-.04rem;text-align:justify}
.sub03-1 .sec01 i.s-name {display:block;margin-top:.5rem;color:#898989;font-size:.875rem}
.sub03-1 .sec02 {background-image:url('../images/sub/sub3-bg1.jpg')}
.sub03-1 .sec02 .image.auto {margin:3rem 0}
.sub03-1 .sec02 strong {display:block;padding:3rem 0 4.5rem;font-weight:500;font-size:1.688rem;line-height:1.45;font-weight:300}
.sub03-1 .sec02 h1 {padding-top:3.5rem;font-size:2.7rem;color:rgba(255,255,255,.3)}
.sub03-1 .sec02 p.p-text {padding-top:4rem;font-weight:300}
.sub03-1 .sec03 {background-color:#f5f5f5}
.sub03-1 .sec03 .image {padding:7rem 0}
.sub03-1 .sec01 .image,
.sub03-1 .sec04 .image {padding-bottom:5rem}

/* 캠코미팅 */
.sub03-2 .sec01 .video {margin:0 0 4rem}
.sub03-2 .sec01 span.name {display:inline-block;padding-bottom:.5rem;font-size:1.063rem}
.sub03-2 .sec01 h3 {display:block;font-size:1.813rem}
.sub03-2 .sec01 strong {font-weight:500}
.sub03-2 .sec01 strong,
.sub03-2 .sec01 p {font-size:1.188rem}
.sub03-2 .sec02 {background:rgba(0,0,0,.04)}
.sub03-2 .sec02 .qna-box {display:block;padding:3.125rem;margin-bottom:3rem;background:#fefefe}
.sub03-2 .sec02 .qna-box:last-child {margin-bottom:0}
.sub03-2 .sec02 .qna-box > .number,
.sub03-2 .sec02 .qna-box > .content,
.sub03-2 .sec02 .qna-box > .picture {display:inline-block;vertical-align:middle}
.sub03-2 .sec02 .qna-box > .number {width:calc(100% - 91%);color:rgba(0,0,0,.12);text-align:left;font-family:'SEBANG_Gothic_Bold';font-weight:700;font-size:3rem}
.sub03-2 .sec02 .qna-box > .content {width:90%;padding:0 2rem;text-align:left}
.sub03-2 .sec02 .qna-box.img-box > .content {width:60%}
.sub03-2 .sec02 .qna-box.img-box > .picture {width:30%}
.sub03-2 .sec02 .qna-box.img-box > .picture > img {width:100%}
.sub03-2 .sec02 .qna-box > .content > strong,
.sub03-2 .sec02 .qna-box > .content > p {letter-spacing:-.08rem}
.sub03-2 .sec02 .qna-box > .content > strong {font-size:17px;font-weight:500;color:#000}
.sub03-2 .sec02 .qna-box > .content > p {font-size:16px;font-weight:300;color:#686767;padding-top:1rem;text-align:justify;line-height:1.75}
.sub03-2 .sec02 .qna-box > .content > .box {padding:2rem;margin:2rem 0;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02)}
.sub03-2 .sec02 .qna-box > .content > .box > strong {display:block;color:#333;text-align:center;font-size:1.25rem}
.sub03-2 .sec02 .qna-box > .content > .box > .name {color:rgba(0,0,0,.5);text-align:center}
.sub03-2 .sec02 .qna-box > .content > .box > .poetry {padding-top:2rem;display:flex;flex-wrap:nowrap;justify-content:space-between}
.sub03-2 .sec02 .qna-box > .content > .box > .poetry > div {width:50%;font-size:14px;text-align:center}

/* 인문학카페 */
.sub03-3 .sec01 .c-title {display:block;margin-bottom:3rem}
.sub03-3 .sec01 img {width:auto}
.sub03-3 .sec01 .icon-left {padding:60px 0}
.sub03-3 .sec01 .icon-left > .fa-quote-left {font-size:2.7rem;color:rgba(0,0,0,.13)}
.sub03-3 .sec02 {background-color:#eef7ed}
.sub03-3 .sec02 .image,
.sub03-3 .sec03 .image {padding:5rem 0}

/* 랜선여행 */
.sub03-4 .sub-visual .sub-vi-tit-box > h5 {text-shadow: 5px 5px 25px rgb(0 0 0 / 15%)}
.sub03-4 .img-slider {overflow:hidden;margin:3.5rem 0;border-radius:2.5rem 0 2.5rem 0}
.sub03-4 .box-title {display:inline-block;padding:1rem 1.5rem;background-color:#333;border-radius:5rem}
.sub03-4 .box-title > h5 {font-size:1.688rem}
.sub03-4 .sec01 .icon-left > .fa-quote-left {margin-bottom:2.7rem;font-size:2.7rem;color:rgba(0,0,0,.13)}
.sub03-4 .sec01 strong {display:block;font-size:1.125rem;line-height:1.7}
.sub03-4 .sec01 strong > span {font-size:1.25rem;font-weight:800}
.sub03-4 .sec01 .image {margin:4rem 0;overflow:hidden;border-radius:2.5rem 0 2.5rem 0}
.sub03-4 .sec02 {background-color:#f4fbff;background-image:url('../images/sub/sub3-bg2.png');background-repeat:no-repeat;background-position:left bottom}
.sub03-4 .sec02 .txt-wrap {margin:3rem 0 10rem}
.sub03-4 .sec03 .box-title {background-color:#f67b37}
.sub03-4 .sec04 {background-color:#f5f5f5}
.sub03-4 .sec04 .box-title {background-color:#3a7b60}
.sub03-4 .sec05 {background-color:#f5f5f5}
.sub03-4 .sec05 .box-title {background-color:#ffba00}
.sub03-4 .sec06 {background-color:#ebf5ef}
.sub03-4 .sec06 .c-title {margin-bottom:3.5rem}
.sub03-4 .sec06 .list-wrap {width:100%}
.sub03-4 .sec06 .list {flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background-color:#fefefe;border-radius:10rem}
.sub03-4 .sec06 .list:last-child {margin-bottom:0}
.sub03-4 .sec06 .list .list-img {position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;background-image:url('../images/sub/sub3-img15.jpg');background-size:cover}
.sub03-4 .sec06 .list:nth-of-type(2) .list-img {background-image:url('../images/sub/sub3-img17.jpg')} 
.sub03-4 .sec06 .list:nth-of-type(3) .list-img {background-image:url('../images/sub/sub3-img18.jpg')} 
.sub03-4 .sec06 .list .list-img .icon-wrap {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.sub03-4 .sec06 .list .list-img .icon-wrap > strong {display:block;margin-top:1rem;font-size:1rem;font-weight:500}
.sub03-4 .sec06 .list .list-txt {width:calc(100% - 250px);padding-right:60px;text-align:justify;font-size:1.063rem}
.sub03-4 .sec06 .list .list-img .icon > img {width:auto}
.sub03-4 .sec07 {margin-bottom:2.5rem;background-color:#f5f5f5;background-image:url('../images/sub/sub3-bg3.png');background-repeat: no-repeat;background-position: left bottom}
.sub03-4 .sec07 .c-title {position:relative;z-index:1;padding-top:3.5rem}
.sub03-4 .sec07 .c-title::before {content:'';z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);display:inline-block;width:320px;height:84px;background-image:url('../images/sub/sub3-img16.png')}
.sub03-4 .sec07 .tip-box {background-color:#fefefe;margin-top:3.5rem;padding:3.5rem;border-radius:2.5rem}
.sub03-4 .sec07 .tip-list {padding:1.75rem 0;border-bottom:1px dashed rgba(0,0,0,.25);flex-wrap:nowrap;justify-content:space-between;align-items:center}
.sub03-4 .sec07 .tip-list:last-child {padding-bottom:0;border-bottom:0}
.sub03-4 .sec07 .tip-list > h4 {display:block;width:10%;font-size:2.25rem}
.sub03-4 .sec07 .tip-list .tip-text {width:calc(100% - 13%);text-align:left}
.sub03-4 .sec07 .tip-list .tip-text > strong {font-size:1.25rem}
.sub03-4 .sec07 .tip-list .tip-text > p {font-size:1rem}
.sub03-4 .sec08 .image {margin:3.5rem 0}


/**********************************************
name: vol30 반응형
**********************************************/
@media screen and (max-width:1024px){
.sub03-4 .sec02,
.sub03-4 .sec07 {background-size:100%}

}

@media screen and (max-width:950px){
/* 서브페이지(공통) */
.sub-width-940 {width:90%;max-width:90% !important}
.sub-wrapper .sub-visual {height:450px}
.nav_links {margin-bottom:1.875rem}
}

@media screen and (max-width:768px){
/* 서브페이지(공통) */
.sub-wrapper .sub-visual {height:400px}
.sub-wrapper .sub-contents .image.auto > img {width:100% !important}

/* 캠코포커스 */
.sub01-1 .sec01 .image.auto > img {width:50% !important}

/* 캠코줌인 */
.sub01-3 .sec01 .txt-wrap .list > strong {font-size:3rem}

/* 캠코이너뷰 */
.sub02-1 .sec02 .contents .innerview-box.innerview-img,
.sub02-1 .sec02 .contents .innerview-box.innerview-txt {width:100%}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt {padding-left:0;padding-top:2rem;text-align:center}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > p {text-align:center}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2,
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > p {padding-bottom:1rem}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 {text-align:center}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 > span {padding-top:.625rem;display:block}

/* 캠코에코 */
.sub02-3 .sec01 .image {width:50%;margin:0 auto 3rem}
.sub02-3 .sec03::after {width:300px;background-size:100%;bottom:0;background-position:bottom}
.sub02-3 .sec03 {padding:4.25rem 0 10rem !important}

/* 트렌드리포트 */
.sub03-1 .sec01 .image.auto > img,
.sub03-1 .sec02 .image.auto > img {width:60% !important}

/* 캠코미팅 */
.sub03-2 .sec02 .qna-box > .number {width:100%;text-align:center}
.sub03-2 .sec02 .qna-box > .content {width:100%;padding:0}
.sub03-2 .sec02 .qna-box.img-box > .content {width:60%;padding-right:2rem}
.sub03-2 .sec02 .qna-box.img-box > .picture {width:34%}

/* 인문학카페 */
.sub03-3 .sub-contents .content-wrap > strong {font-size:1.75rem}
.sub03-3 .sub-contents .content-wrap p {width:100%;margin:0 auto 1.5rem}

/* 랜선여행 */
.sub03-4 .sec06 .list .list-txt {width:calc(100% - 230px)}
}

@media screen and (max-width:640px){
/* 서브페이지(공통) */
.nav_links a {font-size:.875rem}
.sub-wrapper .sub-contents {padding:4.25rem 0}
.sub-wrapper .sub-contents .pc-disnone-640 {display:block}
.sub-wrapper .sub-contents .mo-disnone-640 {display:none}

/* 캠코포커스 */
.sub01-1 .sec01 .image.auto > img {width:70% !important}
.sub01-1 .sec03 .result-box > ul {flex-wrap:wrap;justify-content:flex-start}
.sub01-1 .sec03 .result-box > ul > li {width:50%}

/* 캠코인포 */
.sub01-2 .sec02 .writer img {width:200px !important}
.sub01-2 .sec02 .kiwoomi::after {font-size:6rem}

/* 캠코줌인 */
.sub01-3 .sec01 .txt-wrap .list {padding:0 1rem}
.sub01-3 .sec01 .txt-wrap .list > strong {font-size:2.5rem}

/* 캠코이너뷰 */
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 > span {font-size:1.5rem}

/* 캠코에코 */
.sub02-3 .sec02 .p-box {width:100%;padding:1rem}
.sub02-3 .sec02 .p-box > .image.auto > img {width:auto !important}

/* 트렌드리포트 */
.sub03-1 .sec01 strong {font-size:1.5rem}
.sub03-1 .sec01 .icon-wrap::before {font-size:6rem}
.sub03-1 .sec01 .icon-wrap > img {top:5rem}
.sub03-1 .sec03 .image {padding:3.5rem 0}
.sub03-1 .sec01 .image,
.sub03-1 .sec04 .image {padding-bottom:3.5rem}

/* 캠코미팅 */
.sub03-2 .sec02 .qna-box.img-box > .content {padding-bottom:2rem !important}
.sub03-2 .sec02 .qna-box.img-box > .content,
.sub03-2 .sec02 .qna-box.img-box > .picture {width:100%;padding:0}

/* 인문학카페 */
.sub03-3 .sub-contents .content-wrap > strong {font-size:1.5rem}
.sub03-3 .sec01 img {width:60%}
.sub03-3 .sec02 .image,
.sub03-3 .sec03 .image {padding:3rem 0}

/* 랜선여행 */
.sub03-4 .sec06 .list {flex-wrap:wrap;border-radius:3rem}
.sub03-4 .sec06 .list .list-img {margin:0 auto;width:250px;height:250px}
.sub03-4 .sec06 .list .list-txt {width:100%;padding:2rem 2rem 0}
.sub03-4 .sec07 .tip-list .tip-text {width:calc(100% - 18%)}
.sub03-4 .sec02 .txt-wrap {margin:3rem 0 4rem}
}

@media screen and (max-width:540px){
/* 서브페이지(공통) */
.sub-wrapper .sub-visual {height:350px}
.sub-wrapper .sub-visual .sub-vi-tit-box > h5 {font-size:1.75rem}
.sub-wrapper .sub-contents .c-title,
.sub-wrapper .sub-contents .c-title > span {font-size:1.625rem}
.sub-wrapper .writer-box {flex-wrap:wrap}
.sub-wrapper .writer-box .img-box {width:50%;margin:0 auto}
.sub-wrapper .writer-box .text-box {width:100%;text-align:center;padding-top:1.875rem}
.sub-wrapper .writer-box .text-box.noimg {padding-top:0}
.sub-wrapper .writer-box .text-box > h5 {font-size:1.375rem}

/* 캠코줌인 */
.sub01-3 .sec01 .txt-wrap {display:block}
.sub01-3 .sec01 .txt-wrap .list {width:50%;margin:0 auto 2rem;padding:0}

/* 캠코이너뷰 */
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 > span {font-size:1.563rem}
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > p {font-size:1.188rem}

/* 캠코미팅 */
.sub03-2 .sec02 .qna-box > .number {font-size:2.5rem}

/* 랜선여행 */
.sub03-4 .box-title > h5 {font-size:1.5rem}
}

@media screen and (max-width:480px){
/* 메뉴바로고 */
.headerNav.vol30 .headLogo > a {text-align:center}

/* 서브페이지(공통) */
.sub-wrapper .writer-box .img-box {width:65%}
.sub-wrapper .sub-visual strong.s-title {font-size:1rem}

/* 캠코에코 */
.sub02-3 .sec02 .p-box > .image.auto > img {width:80% !important}
.sub02-3 .sec02 .tb-wrap > table th,
.sub02-3 .sec02 .tb-wrap > table td {font-size:13px}

/* 인문학카페 */
.sub03-3 .sub-contents .content-wrap p {text-align:justify}

/* 랜선여행 */
.sub03-4 .sec07 .tip-box {padding:2.5rem}
.sub03-4 .sec07 .tip-box .tip-list {flex-wrap:wrap}
.sub03-4 .sec07 .tip-list > h4,
.sub03-4 .sec07 .tip-list .tip-text {width:100%}
.sub03-4 .sec07 .tip-list > h4 {display:block;margin-bottom:1rem}
.sub03-4 .sec07 .tip-list .tip-text {text-align:center}
}

@media screen and (max-width:375px){
/* 메뉴바로고 */
.headerNav.vol29 .headLogo > a > img {width:100%}

/* 서브페이지(공통) */
.sub-wrapper .sub-visual {height:320px}
.sub-wrapper .sub-visual .sub-vi-tit-box > h5 {padding-top:.5rem;font-size:1.313rem}
.sub-wrapper .sub-contents .c-title::after {margin-left:.313rem}


/* 캠코포커스 */
.sub01-1 .sub-visual {background-image:url('../images/s_visual/sv-sub1-1-m.jpg') !important}
.sub01-1 .sec03 .result-box > ul {flex-wrap:wrap;justify-content:flex-start}
.sub01-1 .sec03 .result-box > ul > li {padding-bottom:2.5rem;width:100%;border-bottom:1px dashed rgba(0,0,0,.2)}
.sub01-1 .sec03 .result-box > ul > li:last-child {border-bottom:0}

/* 트렌드리포트 */
.sub03-1 .sec02 .image.auto > img {width:95% !important}

/* 인문학카페 */
.sub03-3 .sub-contents .content-wrap p {width:90%}

/* 랜선여행 */
.sub03-4 .sec02 .txt-wrap {margin:3rem 0 0}
.sub03-4 .box-title {padding:1rem}
.sub03-4 .box-title > h5 {font-size:1.25rem}
}

@media screen and (max-width:320px){
/* 서브페이지(공통) */
.nav_links a {font-size:.75rem}
.headerNav.vol30 .headLogo > a > img {width:100%}

/* 캠코이너뷰 */
.sub02-1 .sec02 .contents .innerview-box.innerview-txt > h2 > span {font-size:1.3rem}

/* 캠코미팅 */
.sub03-2 .sec02 .qna-box {padding:2rem}
.sub03-2 .sec02 > .sub-width-940 {width:100%;max-width:100% !important}

/* 랜선여행 */
.sub03-4 .sec06 .list .list-img {width:200px;height:200px}
.sub03-4 .sec06 .list .list-txt {padding:1rem 0 0}
}

/**********************************************
END
name: vol30
**********************************************/






.primary-menu {
  text-align: center;
  padding-left: 0px;
  margin: 0px auto;
}
/*pc와 모바일에서 드랍메뉴 바에 해당하는 영역 */
.menu-item.menu-item-type-custom {
  display: inline-block;
  margin: 30px 20px 150px 15px;
  vertical-align: top;
}
.floatR {
  width: 90%;
  float: none;
}
.floatR .w100 {
  margin: 0 auto;
  background: #fff;
  padding: 3%;
}
.menu-item.menu-item-type-custom a {
  color: rgb(0, 81, 131);
  font-size: 23px;
}
.menu-item.menu-item-type-custom .sub-menu li {
  line-height: 40px;
}
.menu-item.menu-item-type-custom .sub-menu a {
  font-size: 17px;
  color: rgb(51, 51, 51);
}

/*.wrapper{background-color: #f8f8f8;}*/
.subWrap {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 16px;
}
.content {
  overflow: hidden;
  margin-top: 20px;
}
.viewBox img {
  width: 100%;
  padding-top:60px
}
.viewBox.focus-img img,
.mviewBox.focus-img img {padding-top:0}

.content > .tebBox {
  margin: auto;
  padding-top: 30px;
  max-width: 940px;
}
.tep {
  overflow: hidden;
}
.tep > img {
  float: left;
  width: 100%;
}
.pvc {
  background-color: #fff;
}
.pvc > p {
  padding: 30px;
  line-height: 1.8em;
  text-align: justify;
  font-weight: 300;
  letter-spacing: -0.3px;
}
/*내가 한 코딩 */
.content .tebBox .tit {
  /* margin: 2%; */
  font-family:'S-CoreDream-6Bold';
  font-size: 2em;
  text-align: center;
  color: cornflowerblue;
}
.content .tebBox .tit span {
  display: block;
  font-size: 0.8em;
  color: #000;
}
.content .tebBox .text {
  /* padding: 2%; */
  font-size: 1em;
}
.content .tebBox .tep {
  float: left;
  max-width: 100%;
  /*    margin: 2%; */
  /*    border: 3px solid;*/
  align-content: center;
}
/* ul {
  overflow: hidden;
} */
ul .item {
  float: left;
  width: 50%;
}
ul .item img {
  width: 100%;
}

.bgc_y {
  padding: 15px;
  background-color: #fac503;
}
.bgc_y > p {
  padding: 20px;
  line-height: 1.8em;
  text-align: justify;
  font-weight: 300;
  letter-spacing: -1.38px;
  background-color: #fff;
}
.bgc_y > p > span {
  font-weight: bold;
  line-height: 1.8em;
  font-size: 34px;
  color: #387cc3;
}
.bgc_y > p > span > span {
  font-weight: bold;
  letter-spacing: -2px;
  font-size: 25px;
  color: #333;
}
.bgc_y > p > span.small_b {
  font-size: 15px;
  line-height: 1.8em;
  text-align: justify;
  font-weight: 300;
  letter-spacing: -0.3px;
  color: #387cc3;
}
.bgc_y > p > span:nth-of-type(2) {
  border-top: 1px solid black;
  letter-spacing: -1.5px;
  font-size: 18px;
  color: #387cc3;
  font-weight: bold;
}
.bgc_y > p > img {
  width: 100%;
}
.bgc_y > img {
  width: 100%;
}

.verti_top {
  vertical-align: top;
}

.stop {
  padding: 20px;
  max-width: 100%;
  background-color: #f6f0f0;
}
.stop > p {
  margin: auto;
  text-align: center;
  line-height: 1.8em;
}
.stop > p > span {
  color: #00b08f;
  font-weight: bold;
  letter-spacing: -0.3px;
  font-size: 25px;
}
.w100 {
  width: 80% !important;
  max-width: 80% !important;
  float: left;
}
.p0 {
  padding: 0 !important;
}

.livechat {
  padding: 10px;
  background-color: #fff;
}
.livechat > img {
  width: 100%;
}
.livechat > p:nth-of-type(2n-1) {
  background-color: #f6f0f0;
}
.livechat > p {
  font-size: 1rem;
  line-height: 28px;
  color: #333;
  letter-spacing: -0.3px;
  padding: 20px;
}
.livechat > p > span {
  border-bottom: 1px solid #333;
  font-weight: bold;
}

.img {
  width: 100%;
  padding:1.5rem 0;
  margin: 0 auto;
}
.img img {
  width: 100%;
}

.finish {
  margin: auto;
  box-sizing: border-box;
  border-style: solid;
  border-color: #424583;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px;
  max-width: 940px;
}
.finish > div {
  margin: auto;
  overflow: hidden;
  max-width: 1140px;
}
.finish > div > p {
  float: left;
  margin-top: 50px;
  line-height: 27px;
  text-align: justify;
  letter-spacing: -0.3px;
  min-height: 1px;
  width: 70%;
}
.finish > div > div {
  float: left;
  width: 25%;
}
.finish > div > div > img {
  width: 100%;
}
.finish > div > p > div {
  padding: 10px 130px 0 130px;
  box-sizing: border-box;
}
.green {
  display: block;
  margin: auto;
  margin-top: -50px;
  line-height: 27px;
  width: 70%;
  padding: 30px;
  text-align: center;
  font-style: italic;
  font-size: 17px;
  font-weight: bold;
  color: #335034;
}
.f100 {
  display: block;
  margin-bottom: -35px;
  text-align: center;
  width: 100%;
  font-size: 100px !important;
}



footer {
  height: 46px;
  position: relative;
  padding: 45px 50px 65px;
  background: rgb(235, 235, 235);
}
footer .leftWrap {
  float: left;
}
footer .leftWrap .ftLogo {
  float: left;
}
footer .leftWrap address {
  float: left;
  font-size: 12px;
  font-style: normal;
  color: rgb(155, 156, 158);
  margin-left: 20px;
  margin-top: 17px;
  font-family: "Noto Sans Korean", sans-serif;
}
footer .rightWrap {
  float: right;
}
footer select {
  margin-top: 5px;
  width: 300px;
  height: 30px;
}

.fontResizer {
  position: fixed;
  left: 1%;
  bottom: 1%;
  visibility: visible;
  z-index: 9999;
}
.fontResizer img {
  visibility: visible;
  height: 25px;
  width: 25px;
  margin-top: 2px;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: block;
  border: none;
  z-index: 9999;
}
/*내가 한 코딩 */
.tep .wd80 {
  width: 75%;
  margin-left: 13%;
}

.content .tebBox .container {
  display: flex;
  margin-bottom: 3%;
}
.content .tebBox .container img {
  width: 100%;
}
.content .tebBox .container .item {
  flex-basis: 50%;
}
.content .tebBox .container .item1 {
  flex-basis: 50%;
}
.content .tebBox .container .item2 {
  flex-basis: 46%;
  padding: 4%;
  margin-top: 7%;
  font-size: 1.3em;
  /*    font-weight: 600;*/
  color: #1d6796;
  line-height: 1.8em;
  letter-spacing: -2px;
  font-family: "Jeju Myeongjo", serif;
}
.content .tebBox .container .item3 {
  flex-basis: 65%;
}
.content .tebBox .container .item4 {
  flex-basis: 55%;
  margin: 0% 1% 0 0;
  line-height: 1.8em;
  padding: 2%;
}
.content .tebBox .container .item4_1 {
  flex-basis: 37%;
}
.content .tebBox .container .item .text {
  font-size: 1em;
  line-height: 1.8em;
}
p.img_text {
  font-size: 16px;
  line-height: 1.8rem;
  /*    letter-spacing: -2px;*/
  padding: 2%;
}
.read_box {
  padding: 3%;
  color: #1d6796;
  width: 80%;
  margin: 1% auto;
  font-size: 1.3em;
  /*    font-weight: 600;*/
  line-height: 1.8em;
  letter-spacing: -2px;
  text-align: center;
  font-family: "Jeju Myeongjo", serif;
}

.text .s_text {
  display: block;
  /* margin: 2% 0; */
  line-height: 1.8rem;
  font-size: 16px;
  text-align:justify
}

.box {
  width: 100%;
  padding:15px;
  border: 1px dashed #2c7aa6;
  font-size:14px;
  line-height:25px;
  color: #2c7aa6;
}
.tit-in {text-align: center; color: #82c1d0; margin: 8% auto; font-size: 2.2rem;font-family:'Cafe24Shiningstar';letter-spacing:.05rem}
.tit-in2 {text-align: center; color: #0c133c; margin: 8% auto; font-size: 2.2rem;font-family:'Cafe24Shiningstar';letter-spacing:.05rem} /*캠코미팅 사용*/

.tit1 {
  display:block;
  margin: 50px 0 30px;
  padding: 1% 1% 1% 1%;
  font-size: 1.6em;
  font-weight: 700;
  border-left: 13px solid #82c1d0;
  color:#000;
}

.tit1 p {font-family:'S-CoreDream-6Bold'}
.tit1.bg-yellow {background:#f8f5cf;border-left-color:#eadb3a}

.tit2 {
display:block;
  margin: 2% 0;
  padding: 1% 1% 1% 1%;
  font-size: 1.6em;
  font-weight: 700;
  border-left: 13px solid #82c1d0;
  color:#000;
}

.tit2 p {font-family:'S-CoreDream-4Bold'}
.tit2.bg-yellow {background:#f8f5cf;border-left-color:#eadb3a}

.figure {
  color: #666;
  font-size: 14px;
  padding-left: 3%;
  display:block
}
.reple {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

.mob_footer {
  display: none;
}
.mviewBox img {
  display: none;
}
.mread_box {
  display: none;
}

/* 반응형 모바일 시작 부분   */
@media all and (max-width: 640px) {
  /*    SNS 아이콘들 감추기 */
  .headerNav .rightVol {
    display: none;
  }
  /*    기사 목록보기 메뉴 감추기 */
  .headerNav .menu .menuWord {
    display: none;
  }
  /*    캠코 로고 위치 고정시키기*/
  .headerNav .menu .headLogo {
    display: block;
    position: fixed;
    left: 60px;
  }

  /*    모바일 버젼 푸터 아이콘들 */
  footer {
    padding-top: 20px;
  }
  .mob_footer {
    display: block;
    /*        border-bottom: 1px solid #ccc;*/
  }
  .mob_footer ul li a {
    float: right;
    width: 40px;
    height: 40px;
  }
  .mob_footer ul .home {
    position: absolute;
    top: 15px;
    right: 10px;
  }
  .mob_footer ul .sns {
  }

  /*    컨텐츠 부분 */
  .container {
    flex-direction: column;
  }
  .tep .wd80 {
    width: 100%;
    margin-left: 0;
  }
  .viewBox img {
    display: none;
  }
  .mviewBox img {
    display: block;
    width: 100%;
    margin-top: 60px;
  }
  .mviewBox.focus-img img {margin-top:0}
  .mviewBox.sub03-1 > img {margin:30px 0}
  
  p {
    font-size: 16px;
    padding: 0;
	line-height:1.7
  }
  /*    각 부분에 제목들 폰트 크기 맞춤*/
  .tit1 p {
    font-size: 20px;
  }
  /*    각 부분에 텍스트 부분 폰트 크기 맞춤*/
  .text .s_text {
    margin: 15px 0;
  }
  .read_box {
    display: none;
  }

  .mread_box {
    display: block;
    color: #1d6796;
    width: 80%;
    margin: 1% auto;
    font-size: 1.3em;
    /*        font-weight: 600;*/
    line-height: 1.8em;
    letter-spacing: -2px;
    text-align: left;
    font-family: "Jeju Myeongjo", serif;
  }
}

.box2 p {border-top:solid 4px #eee;border-bottom:solid 4px #eee;font-size:16px;padding:2rem;font-family:'InfinitySans-RegularA1';line-height:2;color:#000}

/* 트렌드리포트 슬라이드박스 */
#trend-box {width:100%;margin:30px auto 50px}
#trend-box .swiper-slide > img {width:100%;height:auto}
#trend-box > .pagination-wrap > .btn {padding:30px;background:rgba(0,0,0,.45);color:#fefefe}
#trend-box > .pagination-wrap > .btn:after {font-size:30px}
#trend-box > .pagination-wrap > .btn.swiper-button-prev {left:0}
#trend-box > .pagination-wrap > .btn.swiper-button-next {right:0}
@media screen and (max-width:1023px){
#trend-box {width:100%}
#trend-box > .pagination-wrap > .btn {padding:20px}
}

/* 캠코줌인 */
.img-txt-wrap {width:100%;height:auto}
.img-txt-wrap .img-wrapper,
.img-txt-wrap .txt-wrapper {display:inline-block;vertical-align:middle}
.img-txt-wrap .img-wrapper {width:calc(40% - 10px)}
.img-txt-wrap .txt-wrapper {width:60%;padding-left:1.25rem}
.img-txt-wrap .txt-wrapper > .box2 > p {margin-bottom:.938rem;padding:1rem 0;line-height:1.8;border-top:0}
@media screen and (max-width:1023px){
.img-txt-wrap .img-wrapper,
.img-txt-wrap .txt-wrapper {display:block;width:100%}
.img-txt-wrap .txt-wrapper {padding-left:0}
}