/* Common */
.sub_container {width:100%;display:inline-block;position:relative}
.sub_content {width:100%;display:inline-block;padding:100px 0;}

.sub_visual {width:100%;height:750px;position:relative;display:table}

.visual_area { padding: 0;position: relative; z-index: 3;}
.visualbox {display:table-cell; float:none; height:100%;text-align: center; vertical-align: middle;}
.visualbox .visual_text {font-size:90px;color:#fff;letter-spacing:0em;margin-top:-70px;font-family: 'Poppins', sans-serif !important;line-height:90%}
.visualbox .visual_subtext {font-size:27px;line-height:128%;font-weight:normal;letter-spacing:0em;padding-top:15px}


.portfoliolist_vis {background:url("/_public/images/sub/pf_main.jpg") bottom no-repeat}
.company_vis {background:url("/_public/images/sub/cp_main.jpg") bottom no-repeat}
.service_vis {background:url("/_public/images/sub/visual_service.jpg") bottom no-repeat}
.request_vis {background:url("/_public/images/sub/visual_request.png") bottom no-repeat}
.project_vis {background:url("/_public/images/sub/pj_main2.jpg") bottom no-repeat}

.sub_visual .visualbox {padding-top:100px}
.sub_visual .visualbox .visual_subtext {font-size:20px;color:#fff;}

.st {font-size:66px;line-height:110%;font-weight:600;letter-spacing:-1px;font-family:'Poppins', sans-serif !important;}
.stext {font-size:16px;line-height:140%;margin-top:10px}
.sstext, .sstext_w {font-size:14px;color:#707070;padding-top:10px}
.sstext_w {color:#fff;font-weight:normal}

.text_upper {text-transform:uppercase}

.overview_list p,.overview_info dd,.overview_info dd a, .history_list .monthlist .month_text {color:#707070}
/* sub top menu*/
#left {margin:0 auto;display:table}
.lnb_scroll {margin-top:80px}
.lnb_scroll li {display:inline-block;float:left;border:1px solid #636363}
.lnb_scroll li span {display:inline-block;color:#959595;padding:20px 20px;text-transform:uppercase}
.lnb_scroll li:hover,.lnb_scroll li.on {background:#fb5303;border:1px solid #fb5303;cursor:pointer}
.lnb_scroll li:hover span,.lnb_scroll li.on span {color:#fff;}

/* Company */
	/* Yega+Company */
.yegacp {}
.yegacp_list {height:267px;background:url("/_public/images/sub/cp01.png") center no-repeat}
.yegacp_list .list01 {width:430px;float:left;text-align:right}
.yegacp_list .list01 strong {font-size:25px;font-weight:700;display:block;color:#fff;}
.yegacp_list .list01 span {display:block;color:#fff;opacity:0.6;margin-top:5px}
.yegacp_list .list01 ul {margin-top:120px}
.yegacp_list .list01 li {text-align:right;color:#fff;opacity:0.6;margin-bottom:2px}
.yegacp_list .list02 {margin-left:356px;float:left}
.yegacp_list .list02 p {color:#fff;font-weight:200;margin-bottom:20px;line-height:130%}
.yegacp_list .list02 span {display:block;font-size:14px}

/* Philosophy */
.philosophy {}
.philosophy .list-wrap{overflow: hidden;}
.philosophy .list {width:514px;min-height:595px;margin-right:172px;float:left;margin-bottom:76px}
.philosophy .list .hgroup{margin-bottom:40px;}
.philosophy .list .hgroup h3{position:relative;padding-top:15px;font-size:28px;font-weight:bold;color:#252525;}
.philosophy .list .hgroup h3:before{content: "";display: inline-block;width:40px;height: 4px;background: #252525;position:absolute;top:0;left:0;}
.philosophy .list .hgroup p{font-family: "Poppins";font-size:16px;color:#487e7e;font-weight:500;}
/* .philosophy .namebox {height:72px;padding:64px 0 0 145px} */
.philosophy .namebox {height:122px;padding:64px 0 0 145px}
.philosophy .chr01 {background:url("/_public/images/sub/cp02.png") no-repeat}
.philosophy .chr02 {background:url("/_public/images/sub/cp03.png") no-repeat}
.philosophy .chr03 {background:url("/_public/images/sub/cp04.png") no-repeat}
.philosophy .chr04 {background:url("/_public/images/sub/cp06.png") no-repeat}
.philosophy .chr05 {background:url("/_public/images/sub/cp06.png") no-repeat}
.philosophy .chr06 {background:url("/_public/images/sub/cp07.png") no-repeat}
.philosophy .chr07 {background:url("/_public/images/sub/cp08.png") no-repeat}
.philosophy .chr08 {background:url("/_public/images/sub/cp09.png") no-repeat}
.philosophy .chr09 {background:url("/_public/images/sub/cp10.png") no-repeat}
.philosophy .chr10 {background:url("/_public/images/sub/cp11.png") no-repeat}
.philosophy .chr11 {background:url("/_public/images/sub/cp12.png") no-repeat}
.philosophy .chr12 {background:url("/_public/images/sub/cp13.png") no-repeat}
.philosophy .chr13 {background:url("/_public/images/sub/cp14.png") no-repeat}
.philosophy .chr14 {background:url("/_public/images/sub/cp15.png") no-repeat}

.philosophy .chr15 {background:url("/_public/images/sub/cp16.jpg") no-repeat}
.philosophy .chr16 {background:url("/_public/images/sub/cp162.jpg") no-repeat}
.philosophy .chr17 {background:url("/_public/images/sub/cp18.jpg") no-repeat}
.philosophy .chr18 {background:url("/_public/images/sub/cp17.jpg") no-repeat}
.philosophy .chr19 {background:url("/_public/images/sub/cp19.jpg") no-repeat}
.philosophy .chr20 {background:url("/_public/images/sub/cp20.jpg") no-repeat}

.philosophy .chr21 {background:url("/_public/images/sub/cp21.png") no-repeat}
.philosophy .chr22 {background:url("/_public/images/sub/cp22.png") no-repeat}
.philosophy .chr23 {background:url("/_public/images/sub/cp23.png") no-repeat}
.philosophy .chr24 {background:url("/_public/images/sub/cp24.png") no-repeat}
.philosophy .chr25 {background:url("/_public/images/sub/cp25.png") no-repeat}
.philosophy .chr26 {background:url("/_public/images/sub/cp26.png") no-repeat}

.philosophy .chr27 {background:url("/_public/images/sub/cp27.png") no-repeat}
.philosophy .chr28 {background:url("/_public/images/sub/cp28.png") no-repeat}
.philosophy .chr30 {background:url("/_public/images/sub/cp30.png") no-repeat}
.philosophy .chr31 {background:url("/_public/images/sub/cp31.png") no-repeat}

.philosophy .chr32 {background:url("/_public/images/sub/cp32.png") no-repeat}
.philosophy .chr33 {background:url("/_public/images/sub/cp33.png") no-repeat}
.philosophy .chr34 {background:url("/_public/images/sub/cp34.png") no-repeat}
.philosophy .chr35 {background:url("/_public/images/sub/cp35.png") no-repeat}
.philosophy .chr36 {background:url("/_public/images/sub/cp36.png") no-repeat}
.philosophy .chr37 {background:url("/_public/images/sub/cp37.png") no-repeat}
.philosophy .chr38 {background:url("/_public/images/sub/cp38.png") no-repeat}
.philosophy .chr39 {background:url("/_public/images/sub/cp39.png") no-repeat}
.philosophy .chr40 {background:url("/_public/images/sub/cp40.png") no-repeat}

.philosophy .chr42 {background:url("/_public/images/sub/cp42.png") no-repeat}
.philosophy .chr43 {background:url("/_public/images/sub/cp43.png") no-repeat}
.philosophy .chr44 {background:url("/_public/images/sub/cp44.png") no-repeat}
.philosophy .chr45 {background:url("/_public/images/sub/cp45.png") no-repeat}
.philosophy .chr46 {background:url("/_public/images/sub/cp46.png") no-repeat}

.philosophy .namejob {font-size:16px;color:#707070;padding-left:10px;}
.philosophy .nametxt {color:#707070;font-size:15px;font-weight:200;padding-left:10px;}
.philosophy .nametxt strong {font-size:28px;font-weight:700;color:#252525;float:left}
/* .philosophy .nametxt .mobile,.philosophy .nametxt .instagram {height:18px;display:inline-block;float:left;padding:16px 0 0 23px;background:url("/_public/images/sub/icon_mobile.png") bottom left no-repeat;margin-left:8px} */
.philosophy .nametxt .mobile,.philosophy .nametxt .instagram {height:33px;display:inline-block;float:left;padding:13px 0 0 23px;background:url("/_public/images/sub/icon_mobile.png") bottom left no-repeat;margin-left:8px}
.philosophy .nametxt .instagram {background:url("/_public/images/sub/icon_instagram.png") bottom left no-repeat;color:#707070}
.philosophy .nametxt .instagram:hover {color:#252525}


.philosophy .imgbox {width:512px;height:456px;clear:both;border:1px solid #d1d1d1}
.philosophy .imgtxt {height:204px;background:url("/_public/images/sub/cp_icon.png") center 38px no-repeat;text-align:center;text-align:center;}
.philosophy .imgtxt strong {display:block;font-family: 'Poppins', sans-serif !important;font-size:20px;font-weight:700;padding-top:73px}
.philosophy .imgtxt p {margin:0 auto;display:inline-block;font-size:14px;font-weight:300;text-align:center;color:#707070;letter-spacing:-0.5px;line-height:130%;margin-top:10px}
.philosophy .imgarea {width:502px;height:247px;margin:0 auto}
.philosophy .firstlist {width: 610px !important;margin-right: 0 !important;float: left;min-height: 595px;margin-bottom: 76px;}
.philosophy .firstlist .hgroup{margin-bottom:40px;}
.philosophy .firstlist .hgroup h3{position:relative;padding-top:15px;font-size:28px;font-weight:bold;color:#252525;}
.philosophy .firstlist .hgroup h3:before{content: "";display: inline-block;width:40px;height: 4px;background: #252525;position:absolute;top:0;left:0;}
.philosophy .firstlist .hgroup p{font-family: "Poppins";font-size:16px;color:#487e7e;font-weight:500;}
.philosophy .boxfirst { width: 600px !important; height:500px !important;}
.philosophy .boxfirst .imgarea {width:590px; margin:0 auto}
.philosophy .boxfirst .imgarea img { width: 100%}
.philosophy .linebox {position: relative;min-height: 765px;float: left;margin-bottom: 0;width: 590px;text-align: right;}
.philosophy .linetxt {position: absolute;bottom: 0; width: 100%;}
.philosophy .linetxt span { font-size: 30px; font-weight: bold; color: #d5d5d7}
.philosophy .linetxt span:first-child { margin-bottom: 245px; display: block;}
.philosophy .linetxt span::after {content: "";width: 585px;height: 3px;display: block;background: #fff;border: 1px solid #d5d5d7;}



	/* Contact Us */
.contact .coninfo {width:60%;margin:0 auto;height:276px;text-align:center}
.coninfo .list01,.coninfo .list02 {width:50%;float:left}
.coninfo .list_title {display:block;font-size:18px;margin-bottom:20px}
.coninfo .list_text {height:120px;color:#707070 !important;}
.coninfo .list01 .list_text {background:url("/_public/images/main/icon_company.png") center no-repeat;}
.coninfo .list02 .list_text address {margin-bottom:23px;color:#707070 !important}
.coninfo .list02 .list_text dl{width:70%;display:inline-block;text-align:center;}
.coninfo .list02 .list_text dt,.coninfo .list02 .list_text dd {float:left}
.coninfo .list02 .list_text dt {color:#363636;padding-right:5px;font-weight:300}
.coninfo .list02 .list_text dt.mln {margin-left:25px}
.coninfo .list02 .list_text dd {color:#707070 !important;line-height:130%}
.coninfo .list03 .list_text {width:70%;margin:0 auto}
.coninfo .list03 .list_text li {text-align:center;margin-bottom:1px}
.coninfo .list01 .list_text,.coninfo .list02 .list_text address,.coninfo .list02 .list_text dd {font-weight:300;font-size:14px}

/* Company */

/* 톡톡 _ Board*/
.portfoliolist_vis {}
.portfoliolist_vis .btn_area ul {display:inline-block;margin:0 auto;height:42px}
.portfoliolist_vis .btn_area li {float:left;margin-right:10px}

.pftab {width:520px;height:50px;margin:0 auto}
.pftab ul{display:flex;justify-content: center;}
.pftab li {float:left;text-align:center}
.pftab li a {width:258px;height:38px;display:inline-block;border:1px solid #252525;font-size:17px;padding-top:10px;color:#252525}
.pftab li a:hover,.pftab li a.on {background-color:#252525;color:#fff !important;}

/*작품*/
.portfolio_tab {width:1200px; margin:0 auto; margin-bottom:30px}
.portfolio_tab li a:hover, .portfolio_tab li a.on {background:#888888}
.portfolio_tab li {width:20%;margin:0 2.5%;}
.portfolio_tab li:nth-child(1) {margin-left:2.5%;}
.portfolio_tab li:nth-child(4) {margin-right:0}
.portfolio_tab li a {width:100%;border:1px solid #888888}

.project_vis {}
.project_vis .btn_area ul {display:inline-block;margin:0 auto;height:42px}
.project_vis .btn_area li {float:left;margin-right:10px}

/*게시판*/
.bbstab {width:520px;height:70px;margin:0 auto}
.bbstab ul{display:flex;justify-content: center; margin-top: 50px;}
.bbstab li {float:left;text-align:center;background:#fff;}
.bbstab li a {width:258px;height:38px;display:inline-block;border:1px solid #252525;font-size:17px;padding-top:10px;color:#252525}


	/* 톡톡 _ Board View */
.board_view {width:100%;display:inline-block}
.board_view .boardview_top {height:49px;border-bottom:1px solid #252525}
.board_view .pf_btn {display:inline-block;float:left;}
.board_view .pf_btn li {float:left;}
.board_view .pf_btn a, .board_view a.pf_list {width:35px;height:34px;margin-right:4px;display:block;background:url("/_public/images/sub/icon_board.png") no-repeat}
.board_view .pf_btn a.pf_prev {background-position:0 0}
.board_view .pf_btn a.pf_next {background-position:-39px 0}
.board_view a.pf_list {background-position:-78px 0}
.board_view .viewtop {width:100%;margin-bottom:90px;clear:both;}
.board_view .viewtitle {padding:30px 0;text-align:center;border-bottom:1px solid #d7d7d7;font-size:30px;font-size:20px;font-weight:400}
.board_view .viewsub {height:40px;border-bottom:1px solid #d7d7d7}
.board_view .viewsub dl {display:inline-block;float:right}
.board_view .viewsub dt,.board_view .viewsub dd {float:left;font-weight:300;font-size:13px;color:#656565;margin-top:8px}
.board_view .viewsub dt,.board_view .viewsub dd {margin-right:8px}
.board_view .viewsub dd {margin-right:30px}

.board_view .viewarea {text-align:center;padding-bottom:60px;border-bottom:1px solid #d7d7d7}
.board_view .viewlayout {width:940px;margin:0 auto;color:#656565;font-weight:300;line-height:160%}
.board_view .viewlayout p {color:#656565;font-weight:300}


/* 작품 Portfolio Board */
.portfolio_view {width:100%;display:inline-block;padding:140px 0 120px 0;min-height:700px}
.portfolio_view .pftitle {width:100%;height:50px;padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #d7d7d7}
.portfolio_view .pftitle .pf_text {display:inline-block;float:left;font-size:30px;font-weight:500}
.portfolio_view .pftitle .pf_btn {display:inline-block;float:right}
.portfolio_view .pftitle .pf_btn li {float:left;margin-left:4px}
.portfolio_view .pftitle .pf_btn a {width:42px;height:42px;float:left;display:block;background:url("/_public/images/sub/icon_board2.png") no-repeat}
.portfolio_view .pftitle .pf_btn a.pf_prev {background-position:0 0}
.portfolio_view .pftitle .pf_btn a.pf_next {background-position:-44px 0}
.portfolio_view .pftitle .pf_btn a.pf_list {background-position:-89px 0}

.portfolio_view .pf_content_left {width:780px;float:left;margin-right:28px}
.portfolio_view .pf_content_left .img_layout {width:780px;border:1px solid #d7d7d7;margin-bottom:19px;overflow:hidden}

.portfolio_view .pf_content_right {width:378px;display:inline-block;float:right;}
.portfolio_view .pf_area {margin-bottom:55px;position:fixed}
.portfolio_view .pf_area h3 {font-size:24px;letter-spacing:-1px;margin-bottom:17px;font-weight:500;font-family: 'Poppins', sans-serif !important;line-height:110%}
.portfolio_view .pf_area .ov_list {width:378px;display:inline-block;}
.portfolio_view .pf_area .ov_list dt, .pf_area .ov_list dd {margin-bottom:9px;float:left}
.portfolio_view .pf_area .ov_list dt {width:40%;font-family: 'Poppins', sans-serif !important;line-height:110%;letter-spacing:-0.5px}
.portfolio_view .pf_area .ov_list dd {width:60%;margin-top:-3px}
.portfolio_view .pf_area .ov_list dd {color:#707070}
.portfolio_view .pf_area .ov_list dd a, .pf_area p, .prolist_list .list_table .pj_num, .prolist_list .list_table .pj_date {color:#707070;}
.portfolio_view .pf_area .ov_list dd a:hover {color:#252525}
.portfolio_view .pf_area .ptop {margin-bottom:20px;color:#707070}


/* Project */
.project .carousel-content .visual_text {padding-top:0;color:#fff;font-size:85px;line-height:100%}

/* 작품 Portfolio Board */
#project {width:100%;display:inline-block}
#project .pjlist {}

#project .pjlist li {width:285px;height:282px;float:left;margin:0 20px 60px 0}
#project .pjlist li .title_area {width:100%;display:inline-block;position:relative}
#project .pjlist li .title_area:before {content:"";display:inline-block;position:absolute;top:0;left:0;width:25px;height:2px;background-color:#252525}
#project .pjlist li .list_title {width:100%;display:inline-block;font-size:18px;padding:25px 0 2px 0}
#project .pjlist li .list_text {display:block;font-size:13px;color:#487e7e;font-weight:300}
#project .pjlist li:nth-child(4n+4) {margin-right:0}
#project .pjlist .pjimg {width:285px;height:190px;display:inline-block;overflow:hidden;margin-top:20px}