@charset "utf-8";
/* CSS Document */

/** 데스크탑 style **/
#content{margin-top: 134px;padding-bottom: 70px;background: #f1f1f1;}
.text-big{padding-bottom: 50px;color: #2a3354;font-size: 32px;/* font-weight: 500; *//* text-align: center; */}
.text-mid{color: #2a3354;font-size: 22px;letter-spacing: -0.040em;}
.text-detail{padding-top: 15px;color: #555;font-size: 16px;letter-spacing: -0.040em;line-height: 2;}

/**
sub-navi
**/
#sub-navi{
	height: 300px;
	background: #ec9eee; /* Old browsers */
	background: -moz-linear-gradient(left,  #ec9eee 0%, #4496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ec9eee 0%,#4496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ec9eee 0%,#4496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 ); /* IE6-9 */
}
#sub-navi .container{
	width: 774px;
	height: 250px;
	background: url(../images/common/bg-gnb_on.png) center bottom no-repeat;
}
nav.location{
    padding-top: 85px;
    text-align: center;
}
nav.location ul{}
nav.location ul:after{display:block; content:""; clear:both;}
nav.location ul li{
    display: inline-block;
    position:relative;
    padding-left: 35px;
}
nav.location ul li:first-child{padding:0;}
nav.location ul li:after{display:block;content:"";position:absolute;top: 5px;left: -1px;width:35px;height:20px;background: url(../images/sub/ico-arrow1.png) center center no-repeat;}
nav.location ul li:first-child:after{display:none;}
nav.location ul li a{
    display: block;
    padding: 4px 0;
    color: #fff;
    font-size: 15px;
}
nav.location ul li:first-child a{padding:0;}
nav.location ul li a img{vertical-align: top;}
#sub-navi h2.tit{
	position:relative;
    color: #fff;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: -0.040em;
    text-align: center;
}
#sub-navi h2.tit:after{
	display:block;
	content:"";
	position:absolute;
	bottom: -30px;
	left: 50%;
	width:18px;
	height:18px;
	margin-left: -9px;
	background:url(../images/sub/ico-arrow2.png) center center no-repeat;
}

/**
sub-cont
**/
#sub-cont{
    margin: -50px 0 0;
    padding: 50px;
    background: #fff;
}
/** tit-wrap **/
#sub-cont .tit-wrap{}
#sub-cont .tit-wrap h3.tit{
    color: #2a3354;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1;
}
#sub-cont .tit-wrap p{
	padding-top:15px;
    color: #333;
    font-size: 18px;
}
/** sub-menu **/
#sub-cont .sub-menu{position:relative;margin-top: 15px;z-index: 10;}
#sub-cont .sub-menu ul:before{display:block;content:"";position:absolute;top: 50%;left:0;width:100%;height:1px;background:#dadce0;z-index: -1;}
#sub-cont .sub-menu:after{display:block; clear:both; content:"";}
#sub-cont .sub-menu ul{
    float: right;
    background: #fff;
    z-index: 20;
}
#sub-cont .sub-menu ul:after{display:block; clear:both; content:"";}
#sub-cont .sub-menu ul li{
    display: inline-block;
    float: left;
    padding-left: 5px;
    background: #fff;
}
#sub-cont .sub-menu ul li:first-child{padding-left:0;}
#sub-cont .sub-menu ul li a{
    display: block;
    padding: 10px 25px;
    border-radius: 50px;
    background: #dadce0;
    color: #777;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.020em;
}
#sub-cont .sub-menu ul li a:hover, #sub-cont .sub-menu ul li a:focus{background:#069aff; color:#fff;}
/* sub-menu::active */
#sub-cont .sub-menu ul li.active{}
#sub-cont .sub-menu ul li.active a{
    background: #069aff; /* Old browsers */
    background: -moz-linear-gradient(left,  #069aff 0%, #39c9f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #069aff 0%,#39c9f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #069aff 0%,#39c9f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#069aff', endColorstr='#39c9f8',GradientType=1 ); /* IE6-9 */
    color: #fff;
}
/* bo_cate */
#bo_cate{}
#bo_cate h2{}
ul#bo_cate_ul{margin: 30px -5px -35px;}
ul#bo_cate_ul:after{display:block; content:""; clear:both;}
ul#bo_cate_ul li{display:inline-block; float:left; width:16.66%; text-align:center;}
ul#bo_cate_ul li a{
	display:block;
	margin: 5px;
	padding: 10px;
	border: 1px solid #dadce0;
	color: #2a3354;
	font-size: 15px;
}
ul#bo_cate_ul li a#bo_cate_on, ul#bo_cate_ul li a:hover, ul#bo_cate_ul li a:focus{border: 1px solid #2a3354;background: #2a3354;color: #fff;}

/**
cont-detail
**/
.cont-detail{padding-top:50px;}

/* ico- wrap */
.ico-wrap{padding-top: 70px;}
.ico-wrap ul{display: flex;justify-content: center;}
.ico-wrap ul li{width: 170px;display: flex;align-items: center;justify-content: center;height: 170px;margin: 0 -10px;border-radius: 50%;background: rgba(238, 238, 238, 0.5);}
.ico-wrap ul li.last{position:relative;margin-left: 110px;}
.ico-wrap ul li.last:after{display:block;content:"";position:absolute;top:0;left: -65px;width: 25px;height: 100%;background:url(../images/sub/ico-is.png) center center no-repeat;}
.ico-wrap ul li.last.plus:after{background:url(../images/sub/ico-plus.png) center center no-repeat;}
.ico-wrap ul li div{font-size: 20px;text-align: center;letter-spacing: -0.040em;}
.ico-wrap ul li div img{/* display: block; */}

.ico-wrap2{padding: 0;}
.ico-wrap2 ul{}
.ico-wrap2 ul li{width: 120px;height: 120px;margin: 0 5px;background:rgba(42, 51, 84, 0.85);}
.ico-wrap2 ul li div{color: #fff;font-size: 14px;}
.ico-wrap2 ul li div img + span{display: block;padding-top: 7px;}

.ico-wrap3{padding: 0;}
.ico-wrap3 ul{}
.ico-wrap3 ul li{width: auto;height: auto;margin: 0 30px;background: transparent;}
.ico-wrap3 ul li div{color: #fff;font-size: 14px;}
.ico-wrap3 ul li div span.img{display:block;width: 112px;margin: 0 auto;padding: 30px 0;border-radius: 50%;background:rgba(42, 51, 84, 0.85);/* text-align: center; */}
.ico-wrap3 ul li div img{}
.ico-wrap3 ul li div img + span{display: block;padding-top: 7px;}
.ico-wrap3 ul li div span{display: block;padding-top: 15px;color:#141c3a;font-size: 15px;/* font-weight:300; */letter-spacing:-0.040em;}
.ico-wrap3 ul li div em{display: block;padding-top: 10px;color:#141c3a;font-size:18px;font-weight:500;letter-spacing:-0.020em;}

.color-wrap{padding: 0;}
.color-wrap ul{}
.color-wrap ul li{color:#fff;width: auto;height: auto;padding: 15px 60px;border-radius: 50px;}
.color-wrap ul li.bg1{background:rgba(60, 145, 254, 0.85);}
.color-wrap ul li.bg2{background:rgba(134, 71, 171, 0.85);}
.color-wrap ul li.bg3{background:rgba(194, 22, 154, 0.85);}
/* about */
.about-detail{position:relative; height:455px;margin: 70px -50px -50px;border-radius: 50px 0 0 0;background:url(../images/sub/bg-about.png) 0 0 no-repeat;}
.about-detail:after{display:block;content:"";position:absolute;top: 205px;left:0;width:100%;height:1px;background: rgba(255, 255, 255, 0.4);}
.about-detail ul{padding: 150px;}
.about-detail ul:after{display:block; clear:both; content:"";}
.about-detail ul li{display: inline-block;float: left;width: 20%;font-size: 17px;text-align: center;letter-spacing: -0.020em;}
.about-detail ul li div{position: relative;color: #fff;}
.about-detail ul li div:after{display:block;content:"";position:absolute;top: 50px;left:0;width:100%;height:12px;background:url(../images/sub/line-about.png) center center no-repeat;z-index: 100;}
.about-detail ul li div img{display:block;margin: 65px auto 0;}
/* work */
.work-detail{padding-top: 80px;margin: 0 -50px -50px;}
.work-detail > div{margin-left: 100px;}
.work-detail > div:after{display:block; content:""; clear:both;}
.work-detail dl{float: left;width: calc(100% - 675px);padding-top: 50px;}
.work-detail dl dt{position:relative;color: #2a3354;font-size: 20px;font-weight: 500;letter-spacing: -0.020em;}
.work-detail dl dt span{position:relative;padding-right: 30px;background:#fff;z-index: 100;}
.work-detail dl dt:after{display:block;content:"";position:absolute;top: 14px;right: 0;width:100%;height:1px;background: #aaadbb;}
.work-detail dl dt span:after{display:block;content:"";position:absolute;top: 8px;right: 0;width:12px;height:12px;background:url(../images/sub/line-work.png) 0 0 no-repeat;}
.work-detail dl dd{
	position:relative;
	min-height: 40px;
	margin-top: 12px;
	padding: 9px 10px 9px 65px;
	border-radius: 25px 0 0 25px;
	background:#f6f6f6;
	color: #141c3a;
	font-size: 15px;
	letter-spacing: -0.040em;
	display: flex;
	align-items: center;
	justify-content: left;
}
.work-detail dl dd:after{display:block;content:"";position:absolute;top: 50%;left: 7px;width:40px;height:40px;margin-top: -20px;border-radius: 50%;background: #069aff url(../images/sub/ico-check1.png) center center no-repeat;}
.work-detail > div > img{display: inline-block;float:left;width: 675px;}
.work-detail > div.reverse{margin: 0 100px 0 0;}
.work-detail .reverse dl{float: right;}
.work-detail div.reverse dl{}
.work-detail div.reverse dl dt{text-align: right;}
.work-detail div.reverse dl dt span{padding: 0 0 0 30px;}
.work-detail div.reverse dl dd{padding: 9px 65px 9px 10px;border-radius: 0 25px 25px 0;justify-content: flex-end;}
.work-detail div.reverse dl dt:after{display:block;content:"";position:absolute;top: 14px;left: 0;width:100%;height:1px;background: #aaadbb;}
.work-detail div.reverse dl dt span:after{display:block;content:"";position:absolute;top: 8px;left: 0;width:12px;height:12px;background:url(../images/sub/line-work.png) 0 0 no-repeat;}
.work-detail div.reverse dl dd:after{display:block;content:"";position:absolute;top: 50%;left: auto;right: 7px;width:40px;height:40px;margin-top: -20px;border-radius: 50%;background: #069aff url(../images/sub/ico-check1.png) center center no-repeat;}
.work-detail div.reverse > img{float:right;}
/* client */
.client-wrap{}
.client-wrap ul{margin-top: 1px; margin-left: 1px;}
.client-wrap ul:after{display:block; clear:both; content:"";}
.client-wrap ul li{
    display: inline-block;
    float: left;
    position:relative;
    width: 20%;
}
.client-wrap ul li div{
    margin-top: -1px;
    margin-left: -1px;
    padding: 60px 0;
    border: 1px solid #dadce0;
}
.client-wrap ul li img{
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0 auto;
}
/* 네이버종합컨설팅 */
.naver-detail{padding: 80px 0;text-align: center;}
.naver-detail img{width: 100%;max-width: 770px;}
/* process */
.process-detail{position:relative;margin: 80px -50px 0;padding: 80px 0;z-index: 100;}
.process-detail:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:595px;background:#dbdcde;z-index: -1;}
.process-detail div.img{margin-bottom: -20px;padding-top: 40px;text-align: center;}
.process-num{}
.process-num ul{position:relative;z-index: 100;}
.process-num ul:before{
    display:block;
    content:"";
    position:absolute;
    top: 18px;
    left: 80px;
    width: calc(100% - 160px);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c91fe+0,a3187d+100 */
    height: 4px;
    background: rgb(60,145,254); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(60,145,254,1) 0%, rgba(163,24,125,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(60,145,254,1) 0%,rgba(163,24,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(60,145,254,1) 0%,rgba(163,24,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c91fe', endColorstr='#a3187d',GradientType=1 ); /* IE6-9 */
    z-index: -1;
}
.process-num ul.type5:before{
    left: 110px;
    width: calc(100% - 220px);
}
.process-num ul:after{display:block; content:""; clear:both;}
.process-num ul li{
    display: inline-block;
    float: left;
    width: 16.66%;
}
.process-num ul.type5 li{width:20%;}
.process-num ul.type4 li{width:25%;}
.process-num ul li div{
    padding: 0 10px;
    text-align: center;
}
.process-num .num{
    display: inline-block;
    width: 40px;
    padding: 12px 0;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.process-num .num1{background:#3c91fe;}
.process-num .num2{background:#4c7ee9;}
.process-num .num3{background:#6264cf;}
.process-num .num4{background:#7c46ae;}
.process-num .num5{background:#922c92;}
.process-num .num6{background:#a3187d;}

.process-num ul.type5 .num1{background:#3c91fe;}
.process-num ul.type5 .num2{background: #5375e0;}
.process-num ul.type5 .num3{background: #6e58c1;}
.process-num ul.type5 .num4{background: #8739a1;}
.process-num ul.type5 .num5{background: #a01c81;}

.process-num .tit{
    display: block;
    padding-top: 15px;
    color: #2a3354;
    font-size: 18px;
    letter-spacing: -0.020em;
}
.process-num .text{
    display: block;
    padding-top: 10px;
    color: #141c3a;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.040em;
}
/* 더리뷰닷컴 */
.thereviewcom-wrap .blog{margin-top: 80px;}
.thereviewcom-wrap .blog img{width: 70%;max-width: 517px;}
.thereviewcom-detail{margin: 80px -50px -50px;padding: 100px 0;background: #dbdcde url(../images/sub/bg-thecom1.png) left bottom no-repeat;}
/* 차별성 */
.disc-wrap{}
.disc-detail{margin: 0 -50px -50px;padding: 80px 150px;background: url(../images/sub/bg-disc1.png) left bottom no-repeat;}
.disc-detail p.text-big{margin-top:15px}
.disc-detail p.text-big span{padding-top: 15px; background: url(../images/sub/ico-disc1.png) right 0 no-repeat;}
.disc-detail ul{}
.disc-detail ul li{
	position:relative;
	min-height: 40px;
	margin-top: 12px;
	padding: 9px 10px 9px 65px;
	border-radius: 25px;
	background: rgba(246, 246, 246, 0.8);
	color: #141c3a;
	font-size: 15px;
	letter-spacing: -0.040em;
	display: flex;
	align-items: center;
	justify-content: left;
}
.disc-detail ul li:first-child{margin-top:0;}
.disc-detail ul li:after{display:block;content:"";position:absolute;top: 50%;left: 7px;width:40px;height:40px;margin-top: -20px;border-radius: 50%;background: #069aff url(../images/sub/ico-check1.png) center center no-repeat;}

/* reviews */
.reviews-wrap{
    margin-bottom: -50px;
    padding-bottom: 100px;
    background: url(../images/sub/bg-reviewWrap.png) left bottom no-repeat;
}
.reviews-wrap ul{}
.reviews-wrap ul li{
	position:relative;
	margin-top: 20px;
	padding-bottom: 27px;
}
.reviews-wrap ul li:first-child{margin-top:0;}
.reviews-wrap ul li:after{display:block;content:"";position: absolute;bottom:0;right: 40px;width:41px;height:27px;background:url(../images/sub/bg-review.png) 0 0 no-repeat;}
.reviews-wrap ul li a{
    display: block;
    position: relative;
    min-height: 130px;
    padding: 30px;
    border-radius: 10px;
    background: rgba(246, 246, 246, 0.85);
}
.reviews-wrap ul li a img{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.reviews-wrap .text-wrap{
    display: block;
    position: relative;
    padding-left: 150px;
    letter-spacing: -0.020em;
}
.reviews-wrap .text-wrap .tag{
    display: block;
    color: #079bff;
    font-size: 15px;
}
.reviews-wrap .text-wrap .tit{
	display: block;
	padding: 3px 0 0;
	color:#2a3354;
	font-size: 20px;
}
.reviews-wrap .text-wrap .text{
    display: block;
    padding: 5px 0 0;
    color: #555;
    font-size: 15px;
    line-height: 1.5;
}
/* advertiser */
.reviews-wrap.advertiser .text-wrap{
	display: block;
	position: relative;
	min-height: 75px;
	border-radius: 10px;
	padding: 30px 30px 30px 180px;
}
.reviews-wrap.advertiser .text-wrap .text{padding-top:0;}
.advertiser .text-wrap .user{
	display: block;
	padding: 10px 0 0;
	color:#2a3354;
	font-size: 20px;
}
.advertiser li.man .text-wrap{background: rgba(246, 246, 246, 0.85) url(../images/sub/img-advertiser_man.png) 30px bottom no-repeat;}
.advertiser li.woman .text-wrap{background: rgba(246, 246, 246, 0.85) url(../images/sub/img-advertiser_woman.png) 30px bottom no-repeat;}
/* reviews-kakao */
.reviews-kakao{margin: 20px -50px -50px;padding: 80px;background: #4a516d;}
.reviews-kakao ul{margin: 0 -15px;}
.reviews-kakao ul:after{display:block; clear:both; content:"";}
.reviews-kakao ul li{display:inline-block; float:left; width:33.33%;}
.reviews-kakao ul li div{margin: 0 18px;}
.reviews-kakao ul li img{width:100%;border-radius: 10px;}
/* 웹개발 */
.web-detail .detail1{position:relative;margin: 80px -50px 180px;padding: 80px 0;background:#2a3354 url(../images/sub/bg-web1.png) center bottom no-repeat;}
.web-detail .detail1:after{display:block;content:"";position:absolute;bottom: -175px;left:0;width:100%;height: 370px;background:url(../images/sub/img-web1.png) center top no-repeat;}
.web-detail .detail1 .text-big{color:#fff;}
.web-detail .detail1 .ico-wrap3 ul{margin: 0 40px;}
.web-detail .detail1 .ico-wrap3 ul:after{display:block; clear:both; content:"";}
.web-detail .detail1 .ico-wrap3 ul li{display: inline-block;float: left;width: 33.33%;}
.web-detail .detail1  .ico-wrap3 ul li div{margin: 30px 0;}
.web-detail .detail1 .ico-wrap3 ul li div span.img{width: 75px;padding: 0;background: transparent;}
.web-detail .detail1 .ico-wrap3 ul li div em{padding: 15px 0 0;color:#fff;font-size: 20px;}
.web-detail .detail1 .ico-wrap3 ul li div span{padding-top: 10px;color: #adb2c8;}

.web-detail .detail1 .ico-wrap3 ul + ul{margin:0;}
.web-detail .detail1 .ico-wrap3 ul + ul li{width:50%;}
.web-detail .detail1 .ico-wrap3 ul + ul li:first-child{margin-right:150px;}
.web-detail .detail1 .ico-wrap3 ul + ul li:last-child{margin-left:150px}

.web-detail .detail2{margin: 0 150px;}
.web-detail .detail2 ul{}
.web-detail .detail2 ul li{
	position:relative;
	min-height: 40px;
	margin-top: 12px;
	padding: 9px 25px 9px 65px;
	border-radius: 25px;
	background: rgba(246, 246, 246, 0.8);
	color: #141c3a;
	font-size: 15px;
	letter-spacing: -0.040em;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: left; */
}
.web-detail .detail2 ul li:first-child{margin-top:0;}
.web-detail .detail2 ul li:after{display:block;content:"";position:absolute;top: 50%;left: 7px;width:40px;height:40px;margin-top: -20px;border-radius: 50%;background: #069aff url(../images/sub/ico-check1.png) center center no-repeat;}
.web-detail .detail2 ul li em{display:inline-block;padding-right:8px;}
.web-detail .detail3{
    max-width: 980px;
    margin: 0 auto;
    padding: 80px 0;
}

/* 광고문의 */
.counsel-wrap{}
.counsel-wrap p.tit{margin: 0;color: #333;font-size: 25px;}
.privacy-box {
    margin-top: 15px;
    border: 1px solid #dadce0;
    background: #f6f6f6;
    color: #444;
    font-size: 14px;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.6;
    letter-spacing: -0.020em;
}
.privacy-check{padding-top: 15px;}
.privacy-check label{padding: 0 3px;font-size: 15px;}
.privacy-check input[type="checkbox"]{}
.p-summury{
    padding-top: 5px;
    font-size: 14px;
    color: #797979;
    line-height: 1.4em;
}
.board.write #fregister + .write{margin-top: 30px;}
.board.write .write{position:relative;padding-top: 2px;border-bottom: 1px solid #d2d7dc;}
.board.write .write:before{display:block;content:"";position: absolute;top: 0;left: 0;width: 100%;height: 2px;/* margin-left: -50%; */background: #ec9eee;background: -moz-linear-gradient(left, #ec9eee 0%, #4496ff 100%);background: -webkit-linear-gradient(left, #ec9eee 0%,#4496ff 100%);background: linear-gradient(to right, #ec9eee 0%,#4496ff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 );}
.board.write .write:after{display:block; clear:both; content:"";}
.board.write .write dl{position: relative;margin: 0;border-top: 1px solid #dadce0;}
.board.write .write dl.half{float:left;width:50%;}
.board.write .write dl.half:nth-child(2){border-top:0;}
.board.write .write dl.half + dl.half + dl{clear: both;float:none;}
.board.write .write dl.half + dl.half + dl.half{clear:none; float:left;}
.board.write .write dl:after{display:block; clear:both; content:"";}
.board.write .write dl + div{padding: 5px;border-top: 1px solid #b7c2c6;}
.board.write .write dl:first-child{border:0}
.board.write .write dl::after{display:block; clear:both; content:"";}
.board.write .write dl dt{position: absolute;top: calc(50% - 13px);left: 15px;font-size: 16px;font-weight: 400;z-index: 1;}
.board.write .write dl dt label{display: block;padding-left: 14px;}
.board.write .write dl dt span.esse:after{display:block;content:"*";position:absolute;top: 0;left: 0;color: #f4869a;font-size: 15px;}
.board.write .write dl dd{position: relative;margin: 0 0 0 150px;padding: 15px;font-size: 15px;}
.board.write .write dl dd img{max-width:100%;}
.board.write .write dl dd + dd{margin-top: -5px;padding-top: 0;}
.board.write .write dl dd::after{display:block;clear:both;content:"";position:absolute;top:0;left: -150px;width: 150px;height:100%;}
.board.write .write dl dd input[type="text"], .board.write .write dl dd input[type="password"], .board.write .write dl dd select{padding: 10px;}
.board.write .write dl dd input + div{display: inline-block;vertical-align: top;}
.board.write .write dl dd input + div .btn{padding: 7px 15px 6px;font-size: 14px;}
.board.write .write div.form-inline .col + .col{margin: 0;}
.board.write .write div.form-inline select {width: calc(100% - 8px);margin: 5px !important;}
.board.write .write dl dd .checker{margin: 0 5px !important;padding: 3px 0 3px 20px;font-size: 16px;}

/* 작은 기기들 (태블릿, 1023px 보다 작은) */
@media (max-width: 1023px) {
	#content{margin-top: 50px;padding-bottom: 10px;background: #ec9eee;background: -moz-linear-gradient(left, #ec9eee 0%, #4496ff 100%);background: -webkit-linear-gradient(left, #ec9eee 0%,#4496ff 100%);background: linear-gradient(to right, #ec9eee 0%,#4496ff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9eee', endColorstr='#4496ff',GradientType=1 );}
    .text-big{padding-bottom: 15px;font-size: 18px;font-weight: 500;}
	.text-mid{padding-top: 5px;font-size: 16px;}
	.text-detail{padding-top: 5px;font-size: 13px;line-height: 1.7;}	
	/**
	sub-navi
	**/
	#sub-navi{height: auto;padding-bottom: 0;}
	#sub-navi .container{width: auto;height: auto;margin: 0;padding: 20px 0 0;background-size: cover;}
	nav.location{display: none;}
	nav.location ul li:after{top: 2px;}
	nav.location ul li a{font-size: 13px;}
	nav.location ul li a img{}
	#sub-navi h2.tit{padding-bottom: 43px;font-size: 18px;}
	#sub-navi h2.tit:after{top: 35px;bottom: auto;background-size: 14px;}
	/**
	sub-cont
	**/
	#sub-cont{margin: 0;padding: 15px;}
	/** tit-wrap **/
	#sub-cont .tit-wrap h3.tit{font-size: 22px;}
	#sub-cont .tit-wrap p{padding-top: 8px;font-size: 13px;}
	/** sub-menu **/
	#sub-cont .sub-menu{margin-top: 10px;}
	#sub-cont .sub-menu ul:before{display: none;}
	#sub-cont .sub-menu ul{float: left;}
	#sub-cont .sub-menu ul li{padding-left: 0;padding: 0 5px 5px 0;}
	#sub-cont .sub-menu ul li a{padding: 6px 15px;font-size: 13px;}
	/* bo_cate */
	#bo_cate{}
	#bo_cate h2{}
	ul#bo_cate_ul{margin: 0 -3px 0;}
	ul#bo_cate_ul li{width:33.33%;}
	ul#bo_cate_ul li a{margin: 3px;padding: 7px 0;font-size: 13px;}
	/**
	cont-detail
	**/
	.cont-detail{padding-top: 5px;}
	/* ico- wrap */
	.ico-wrap{padding-top: 15px;}
	.ico-wrap ul{display: block;text-align: center;}
	.ico-wrap ul li{display: inline-block;width: auto;height: auto;}
	.ico-wrap ul li.last{display: block;margin: 0 auto;background: none;}
	.ico-wrap ul li.last:after{top: -100px;left: 50%;margin-left: -13px;}
	.ico-wrap ul li.last.plus:after{}
	.ico-wrap ul li div{padding: 40px;}
	.ico-wrap ul li.last div{margin: 60px 0 0;padding: 0;width: 145px;height: 145px;margin: 50px auto 0;border-radius: 50%;background: rgba(238, 238, 238, 0.5);}
	.ico-wrap ul li.last img{padding: 40px;}
	.ico-wrap ul li.text div{width: 145px;margin: 0 auto;padding: 51px 0;font-size: 15px;}
	.ico-wrap ul li.text.last{}
	.ico-wrap ul li.text.last div{height: auto;margin-top: 55px;padding: 41px 0;border-radius: 50%;background: rgba(238, 238, 238, 0.5);}
	
	.ico-wrap2{padding: 0;}
	.ico-wrap2 ul{}
	.ico-wrap2 ul li{margin: 5px;}
	.ico-wrap2 ul li div{width: 74px;padding: 20px;}
	.ico-wrap2 ul li div img + span{}
	
	.ico-wrap3{}
	.ico-wrap3 ul{margin-bottom: -15px;}
	.ico-wrap3 ul li{margin: 15px;}
	.ico-wrap3 ul li div{padding: 0;}

	.ico-wrap3 ul li div span.img{}
	.ico-wrap3 ul li div img{}
	.ico-wrap3 ul li div img + span{}
	.ico-wrap3 ul li div span{padding-top: 10px;font-size: 14px;}
	.ico-wrap3 ul li div em{padding-top: 5px;font-size: 16px;}
	
	.color-wrap{margin-top: 10px !important;padding: 0;}
	.color-wrap ul{}
	.color-wrap ul li{display: block;margin: 5px 0 !important;padding: 12px 30px;}
	.color-wrap ul li div{padding: 0;font-size: 15px;}

	/* about */
	.about-detail{height: auto;margin: 20px -15px -15px;border-radius: 0;background-attachment: fixed;background-size: cover;background-position: center center;}
	.about-detail:after{top: 0;left: 50%;width: 1px;height: 100%;margin-left: 27px;}
	.about-detail ul{padding: 20px 0;}
	.about-detail ul:after{}
	.about-detail ul li{display: block;float: none;width: 290px;margin: 0 auto;font-size: 14px;}
	.about-detail ul li div{text-align: right;}
	.about-detail ul li div:after{top: 40px;left: 28px;}
	.about-detail ul li div img{display: inline-block;margin: 15px 15px 15px 60px;}
	/* work */
	.work-detail{padding: 0;margin: 0;}
	.work-detail > div{margin: 0;}
	.work-detail > div:after{}
	.work-detail dl{position:relative;float: none;width: 100%;margin-top: 15px;padding: 0;}
	.work-detail dl dt{font-size: 16px;}
	.work-detail dl dt span{padding: 0 0 0 30px;background: transparent;}
	.work-detail dl:after{display: block;content:"";position:absolute;top: 10px;left: 10px;right: auto;width: 1px;height: 100%;background: #aaadbb;}
    .work-detail dl dt:after{display:none;}
	.work-detail dl dt span:after{top: 6px;left: 5px;}
	.work-detail dl dd{min-height: 30px;margin-left: 30px;padding: 9px 10px 9px 45px;border-radius: 25px;font-size: 14px;}
	.work-detail dl dd:after{width: 30px;height: 30px;margin-top: -15px;}
	.work-detail > div > img{display: block;float: none;width: 100%;margin-top: 10px;}
	.work-detail > div.reverse{margin: 0;}
	.work-detail div.reverse dl dt{text-align: left;}
	.work-detail div.reverse dl dd{padding: 9px 10px 9px 45px;border-radius: 25px;justify-content: left;}
	.work-detail div.reverse dl dt:after{display: none;}
	.work-detail div.reverse dl dt span:after{top: 6px;left: 5px;}
	.work-detail div.reverse dl dd:after{top: 50%;left: 7px;width: 30px;height: 30px;right: auto;margin-top: -15px;}
	/* client */
	.client-wrap ul li{width: 33.33%;}
	.client-wrap ul li div{padding: 5px 0;}
	/* 네이버종합컨설팅 */
	.naver-detail{padding: 20px 0 10px;}
	/* process */
	.process-detail{margin: 20px -15px 0;padding: 20px;}
	.process-detail:after{height: 420px;}
	.process-detail div.img{margin: 0 -20px;padding-top: 20px;}
	.process-detail div.img img{width: 270px;}
	.process-num{margin: 0 -15px;padding: 15px;border-top: 1px solid #dbdcde;}
	.process-num ul{padding-top: 10px;}
	.process-num ul:before{display: none;}
	.process-num ul:after{}
	.process-num ul li{display: block;float: none;width: 100% !important;}
	.process-num ul li div{padding: 0 10px 15px;}
	.process-num ul li:last-child div{padding-bottom:0;}
	.process-num .num{}
	.process-num .tit{padding-top: 10px;font-size: 16px;}
	.process-num .text{padding-top: 5px;}
	/* 더리뷰닷컴 */
	.thereviewcom-wrap .blog{margin-top: 20px;}
	.thereviewcom-wrap .blog img{}
	.thereviewcom-detail{margin: 20px -15px -15px;padding: 20px;background-attachment: fixed;}
	/* 차별성 */
	.disc-wrap{}
	.disc-detail{margin: 0 -15px -15px;padding: 20px 15px;}
	.disc-detail ul li{min-height: 30px;margin-top: 10px;padding: 9px 25px 9px 45px;border-radius: 25px;font-size: 14px;}
	.disc-detail ul li:after{width: 30px;height: 30px;margin-top: -15px;}
	/* reviews */
	.reviews-wrap{margin-bottom: -15px;padding-bottom: 30px;background-size: 110%;}
	.reviews-wrap ul li{margin-top: 10px;padding-bottom: 17px;}
	.reviews-wrap ul li:after{right: 10px;}
	.reviews-wrap ul li a{padding: 15px;}
	.reviews-wrap ul li a img{display: block;position: relative;top: 0;left: 0;width: 100px;height: 100px;margin: 0 auto;}
	.reviews-wrap .text-wrap{padding: 8px 0 0;}
	.reviews-wrap .text-wrap .tag{font-size: 13px;}
	.reviews-wrap .text-wrap .tit{font-size: 17px;}
	.reviews-wrap .text-wrap .text{font-size: 13px;}
	/* advertiser */
	.reviews-wrap.advertiser .text-wrap{padding: 15px 15px 130px;}
	.reviews-wrap.advertiser .text-wrap .text{}
	.advertiser .text-wrap .user{padding: 5px 0 0;font-size: 16px;text-align: right;}
	.advertiser li.man .text-wrap{background-position: center bottom;}
	.advertiser li.woman .text-wrap{background-position: center bottom;}
	/* reviews-kakao */
	.reviews-kakao{margin: 0 -15px -15px;padding: 20px 15px;}
	.reviews-kakao ul{margin: 0 -15px -20px;}
	.reviews-kakao ul:after{display:block; clear:both; content:"";}
	.reviews-kakao ul li{display: block;float: none;width: 100%;}
	.reviews-kakao ul li div{margin: 15px;}
	.reviews-kakao ul li img{width:100%;border-radius: 8px;}
	/* 웹개발 */
	.web-detail .detail1{margin: 25px -15px;padding: 25px 0 220px;background-attachment: fixed;}
	.web-detail .detail1:after{height: 210px;bottom: 0;background-size: 290px;}
	.web-detail .detail1 .ico-wrap3 ul{margin: 0;}
	.web-detail .detail1 .ico-wrap3 ul li{display: block;float: none;width: auto;margin: 0;}
	.web-detail .detail1  .ico-wrap3 ul li div{margin: 30px;}
	.web-detail .detail1 .ico-wrap3 ul li div em{font-size: 16px;}
	.web-detail .detail1 .ico-wrap3 ul + ul li{width: auto;}
	.web-detail .detail1 .ico-wrap3 ul + ul li:first-child{margin: 0;}
	.web-detail .detail1 .ico-wrap3 ul + ul li:last-child{margin: 0;}
	.web-detail .detail2{margin: 0;}
	.web-detail .detail2 ul{}
	.web-detail{margin: 0 -15px -15px;padding: 0 15px 20px;}
	.web-detail .detail2 ul li{min-height: 30px;margin-top: 10px;padding: 9px 25px 9px 45px;border-radius: 25px;font-size: 14px;}
	.web-detail .detail2 ul li:after{width: 30px;height: 30px;margin-top: -15px;}
	.web-detail .detail3{width: auto;margin: 30px -15px 0;padding: 30px 0 0;}
	/* 광고문의 */
	.counsel-wrap{}
	.counsel-wrap p.tit{font-size: 18px;}
	.privacy-box{margin-top: 5px;padding: 10px;font-size: 13px;line-height: 1.4;}
	.privacy-check{padding-top: 5px;}
    .privacy-check label{padding: 0 3px;font-size: 13px;}
    .p-summury{font-size:12px;}
	.board.write{margin-top: 13px !important;}
	.board.write .write{}
	.board.write .write dl.half{float: none;width: 100%;}
    .board.write .write dl.half:nth-child(2){border-top: 1px solid #dadce0;}
    .board.write .write dl dt{top: calc(50% - 9px);left: 10px;font-size:13px;}
    .board.write .write dl dt span.esse:after{font-size: 12px;}
    .board.write .write dl dd{margin: 0 0 0 100px;padding: 10px;font-size: 13px;}
    .board.write .write dl dd::after{left: -100px;width: 100px;}
    .board.write .write dl dd input[type="text"], .board.write .write dl dd input[type="password"], .board.write .write dl dd select{padding: 7px;}
	.board.write .write dl dd img.img_kca{display: inline-block;margin-bottom: 5px;}
}

@media (max-width: 579px) {
	/* ico-wrap */
	.ico-wrap{margin-top: 15px;}
	.ico-wrap ul li{margin: -10px;}
	.ico-wrap ul li div{padding:30px;}
	.ico-wrap ul li.last div{width: 125px;height: 125px;}
	.ico-wrap ul li.last:after{top: -82px;}
	.ico-wrap ul li.last img{padding: 30px;}
	.ico-wrap ul li.text div{width: 135px;padding: 46px 0;}
	.ico-wrap ul li.text.last div{padding: 36px 0;}

	.ico-wrap2{margin: 0;}
	.ico-wrap2 ul{}
	.ico-wrap2 ul li{margin: 5px;}
	.ico-wrap2 ul li div{width: 74px;padding: 20px;}
	.ico-wrap2 ul li div img + span{}
	
	.ico-wrap3{margin-top: 0;padding-top: 10px;}
	.ico-wrap3 ul{margin-bottom: -15px;}
	.ico-wrap3 ul li{margin: 10px;}
	.ico-wrap3 ul li div{padding: 0;}
	.ico-wrap3 ul li div span.img{}
	.ico-wrap3 ul li div img{}
	.ico-wrap3 ul li div img + span{}
	.ico-wrap3 ul li div span{padding-top: 10px;font-size: 14px;}
	.ico-wrap3 ul li div em{padding-top: 5px;font-size: 16px;}

	.color-wrap{margin-top: 10px !important;padding: 0;}
	.color-wrap ul{}
	.color-wrap ul li{display: block;margin: 5px 0 !important;padding: 12px 30px;}
	.color-wrap ul li div{padding: 0;font-size: 15px;}
}

/* 중간 기기들 (데스크탑, 1024px ~ 1279px) */
@media (min-width: 1024px) and (max-width: 1279px) {
	#sub-navi .container{width: auto;}
}

/* 큰 기기들 (큰 데스크탑, 1280px 이상) */
@media (min-width: 1280px) {
	.reviews-kakao ul li div{margin: 15px;/* border-radius: 8px; */}
	.reviews-kakao ul li img{width:100%;border-radius: 8px;}
	
	/* 광고문의 */
	.counsel-wrap{}
	.counsel-wrap p.tit{font-size: 18px;}
	.privacy-box{margin-top: 5px;padding: 10px;font-size: 13px;line-height: 1.4;}
	.privacy-check{padding-top: 5px;}
    .privacy-check label{padding: 0 3px;font-size: 13px;}
    .p-summury{font-size:12px;}
	.board.write{margin-top: 13px !important;}
	.board.write .write{}
	.board.write .write dl.half{float: none;width: 100%;}
    .board.write .write dl.half:nth-child(2){border-top: 1px solid #dadce0;}
    .board.write .write dl dt{top: calc(50% - 9px);left: 10px;font-size:13px;}
    .board.write .write dl dt span.esse:after{font-size: 12px;}
    .board.write .write dl dd{margin: 0 0 0 100px;padding: 10px;font-size: 13px;}
    .board.write .write dl dd::after{left: -100px;width: 100px;}
    .board.write .write dl dd input[type="text"], .board.write .write dl dd input[type="password"], .board.write .write dl dd select{padding: 7px;}
	.board.write .write dl dd img.img_kca{display: inline-block;margin-bottom: 5px;}
}