/* Theme Name: River Child Theme URI: http://demo.qodeinteractive.com/river/ Description: A child theme of River Theme Author: Qode Interactive Author URI: http://www.qodeinteractive.com/ Version: 1.0.0 Template: jspictures */ @import url("../jspictures/style.css"); @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url(font/NanumBarunGothic.eot); src: url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(font/NanumBarunGothic.woff) format('woff'), url(font/NanumBarunGothic.ttf) format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url(font/NanumBarunGothicBold.eot); src: url(font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), url(font/NanumBarunGothicBold.woff) format('woff'), url(font/NanumBarunGothicBold.ttf) format('truetype'); } /* 전체 페이지 ====================================================================================================================================== */ /* 테마 관리자 바 오류 */ #tr_img_208 {display:none;} body.admin-bar .has_top{margin-top:30px;} @media only screen and (max-width: 1000px){ body.admin-bar .has_top{margin-top:0px;} } ul#wp-admin-bar-top-secondary {height:32px;} ul#wp-admin-bar-top-secondary li {height:32px;} /* 모바일 네비 */ nav.mobile_menu {margin-bottom:20px;} #jt_mobile_menu {padding:10px 10px 11px; color:#929292; cursor:pointer;} #jt_mobile_menu span {display:inline-block; float:right; font-size:17px; position:absolute; width:50px; text-align:center; top:0; right:0; padding-top:10px; height:32px; border-left:1px solid #5B6064;} ul.mobile_top_menu li:first-child a {border-top:1px solid #5b6064;} ul.mobile_top_menu ul.sub_menu li a {border-top:0;} nav.mobile_menu ul > li.has_sub > a span.mobile_arrow {position:absolute; top:0; left:0; text-align:right; width:100%;} nav.mobile_menu ul > li.has_sub > a span.mobile_arrow i {display:inline-block; margin-right:20px;} @media only screen and (max-width: 1000px){ nav.mobile_menu>ul {width:100%;} } @media only screen and (max-width:320px){ width: 300px; padding: 0 10px; } /* 언어 설정 */ #language_choice {color:#999;} #language_choice a {color:#bbb; display:inline-block; margin:0 6px;} #language_choice a:hover {color:#fff;} /* 버튼 */ .qbutton, .load_more a, #submit_comment, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none;} .qbutton.small:hover {padding:0 52px;} /* 스크롤 */ #ascrail2000 div:active {background-color:#606060 !important;} /* 빵 부스러기 라인 */ .title.with_breadcrumbs {height:140px;} .title.has_background {background-position:center center;} /* 위젯 PR */ .no-canvas #recent-posts-jt-2 ul li img {width:100%;} /* 위젯 APPLY */ .apply_widget {width:100%; height:66px; margin-top:-1px; font-size:11px; color:#fffefe;} .apply_widget div {height:65px; padding-top:36px; text-align:center; float:left; line-height:14px; box-sizing:border-box; -moz-box-sizing:border-box;} .apply_widget .apply_box1 {width:70px; margin-left:-8px; border-right:1px solid #373737; background:url(img/apply_icon1.png) center top no-repeat;} .apply_widget .apply_box2 {width:77px; border-left:1px solid #2a2a2a; border-right:1px solid #373737; background:url(img/apply_icon2.png) center top no-repeat;} .apply_widget .apply_box3 {float:right; margin-right:-7px; width:64px; border-left:1px solid #2a2a2a; background:url(img/apply_icon3.png) center top no-repeat;} .apply_widget a {color:#ababab;} .apply_widget a:hover {color:#fff;} /* 위젯 APPLY 푸터 */ .apply_widget.footer_apply div {width:33.33% !important; box-sizing:border-box; height:70px;} .apply_widget.footer_apply .apply_box1 {margin-left:0px; border-right:1px solid #373737; background:url(img/apply_icon1.png) center top no-repeat;} .apply_widget.footer_apply .apply_box2 {border-left:1px solid #2a2a2a; border-right:1px solid #373737; background:url(img/apply_icon2.png) center top no-repeat;} .apply_widget.footer_apply .apply_box3 {margin-right:0px; border-left:1px solid #2a2a2a; background:url(img/apply_icon3.png) center top no-repeat;} /* 아이폰3gs 로고 위치 문제 */ @media only screen and (max-width: 1000px){ .logo_wrapper .logo a img {left: 0;} .logo_wrapper .logo {margin-left:-84px;} } section.section {padding:0;} /* 메인 페이지 ======================================================================================================================================= */ /* 레볼루션 슬라이드 */ .contest_img_2014 {top:0px !important;} /* 첫번재 3단 컬럼 */ .first-three-tab section .section_inner > div:first-child {border-right:1px solid #e5e5e5;} .first-three-tab section .section_inner > div.last-three-tab {border-left:1px solid #e5e5e5;} @media only screen and (max-width:1000px) and (min-height:600px) { .first-three-tab section .section_inner > div:first-child {padding-right:2%;} .first-three-tab section .section_inner > div.last-three-tab {padding-left:2%;} .first-three-tab section .section_inner > div br {display:none;} } @media only screen and (max-width:600px) { .first-three-tab section .section_inner > div:first-child {border-right:0; margin-bottom:45px;} .first-three-tab section .section_inner > div.last-three-tab {border-left:0; margin-top:30px;} } /* 히스토리 페럴렉스 섹션 */ .history-parallax section.parallax section {height:518px;} @media only screen and (max-width:1000px){ .history-parallax section.parallax section {height:400px !important;} .history-parallax section.parallax section div.parallax_content {margin-top:-70px;} } @media only screen and (max-width:600px) { .history-parallax section.parallax section {height:300px !important;} .history-parallax section.parallax section div.parallax_content {margin-top:-130px;} } /* 비지니스 섹션 */ .Business-chart-grid section.parallax section {height:752px;} .Business-chart-grid .vc_row-fluid .vc_span2 {width: 23.5%;} .Business-chart-grid .wpb_row.vc_row-fluid {width:90%; margin:0 auto;} .Business-chart-grid .wpb_row .percentage {font-size:0px;} .Business-chart-grid .wpb_row .pie_chart_text {margin:-88px 0 118px;} .Business-chart-grid .vc_span2.last_Business .pie_chart_text {margin-top:-92px;} .Business-chart-grid .vc_span2.last_Business .pie_chart_text .pie_title {line-height:140%;} .Business-chart-grid .vc_row-fluid .vc_span2.none_Business {display:none;} #recent-posts-jt-2 .cut_string {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;display:inline-block;width:191px;} #recent-posts-jt-2 img{margin-bottom:10px;} .business-sub-title {margin-bottom:80px;} /* 캔버스 대체 이미지 */ .no-canvas .Business-chart-grid .separator.mobileselettop {margin-top:70px !important;} .no-canvas .Business-chart-grid .vc_span2 .pie_chart_text {margin:10px 0 45px; height:155px; padding-top:66px; box-sizing:border-box;} .no-canvas .Business-chart-grid .vc_span2.canvas_1 .pie_chart_text {background:url(img/canvas_1.png) center center no-repeat;} .no-canvas .Business-chart-grid .vc_span2.canvas_2 .pie_chart_text {background:url(img/canvas_2.png) center center no-repeat;} .no-canvas .Business-chart-grid .vc_span2.canvas_3 .pie_chart_text {background:url(img/canvas_3.png) center center no-repeat;} .no-canvas .Business-chart-grid .vc_span2.canvas_4 .pie_chart_text {background:url(img/canvas_4.png) center center no-repeat;} .no-canvas .Business-chart-grid .vc_span2.canvas_5 .pie_chart_text {background:url(img/canvas_5.png) center center no-repeat; padding-top:61px;} @media only screen and (max-width:1100px){ .Business-chart-grid .wpb_row.vc_row-fluid {width:100%; margin:0 auto;} .Business-chart-grid .wpb_row .percentage {width:100% !important;} .Business-chart-grid .wpb_row .percentage canvas {width:100%;} .Business-chart-grid .wpb_row .pie_chart_text {margin-top:-80px;} .Business-chart-grid .vc_span2.last_Business .pie_chart_text {margin-top:-85px;} } @media only screen and (max-width:1000px){ .Business-chart-grid .wpb_row .pie_chart_text {margin-top:-92px;} .Business-chart-grid .vc_span2.last_Business .pie_chart_text {margin-top:-97px;} } @media only screen and (max-width:850px){ .Business-chart-grid section.parallax section {height:760px !important;} .Business-chart-grid .separator.mobileselettop {margin-top:30px !important;} .Business-chart-grid .wpb_row.vc_row-fluid {width:80%; margin:0 auto;} .Business-chart-grid .vc_row-fluid .vc_span2 {width:32%;margin:0 9%;} .Business-chart-grid .vc_row-fluid .vc_span2.second-last-business {margin-left:17%;} .Business-chart-grid .wpb_row .pie_chart_text {margin-top:-82px; margin-bottom:80px;} .Business-chart-grid .vc_span2.last_Business .pie_chart_text {margin-top:-87px;} .business-sub-title {margin-bottom:60px;} } @media only screen and (max-width:768px){ .Business-chart-grid .wpb_row .pie_chart_text {margin-top:-86px;} .Business-chart-grid .vc_span2.last_Business .pie_chart_text {margin-top:-91px;} } @media only screen and (max-width:600px){ .vc_row-fluid .Business-chart-grid {margin-bottom:0;} .Business-chart-grid .wpb_row.vc_row-fluid {display:none;} .Business-chart-grid section.parallax section {height:420px !important;} .Business-chart-grid .separator.mobileselettop {margin-top:50px !important;} .Business-chart-grid .separator.mobileselect {margin:10px 0 !important;} .business-sub-title {margin-bottom:20px;} } @media only screen and (max-width:480px){ .Business-chart-grid section.parallax section {height:460px !important;} .Business-chart-grid .separator.mobileselettop {margin-top:20px !important;} .mobile_br_none br {display:none;} } /* 두번째 3단 칼럼*/ .apply-three-tab section .section_inner > div:first-child {border-right:1px solid #e5e5e5;} .apply-three-tab section .section_inner > div.last-three-tab {border-left:1px solid #e5e5e5;} @media only screen and (max-width: 1000px) and (min-height:600px) { .apply-three-tab section .section_inner > div:first-child {padding-right:2%;} .apply-three-tab section .section_inner > div.last-three-tab {padding-left:2%;} } @media only screen and (max-width: 600px) { .apply-three-tab section .section_inner > div {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;} .apply-three-tab section .section_inner > div:first-child {border-right:0;} .apply-three-tab section .section_inner > div.last-three-tab {border-left:0; margin-bottom:30px; padding-bottom:0; border-bottom:0;} } /* 비전 페이지 ======================================================================================================================================= */ #vision_content_box {height:581px; width:100%; background:url(img/vision_full_bg.png) top left no-repeat; position:relative;} #vision_title {background:#1e1d1d; float:right; width:381px; padding:23px 0; font-size:13px; color:#fff; text-align:center;} #vision_title strong {font-size:18px;} .vision_img_box {position:absolute; width:204px; height:235px; color:#fff; padding-top:113px; text-align:center; font-size:14px; font-weight:bold;} #red_box {background:url(img/red_box.png) top left no-repeat; top:90px; left:50%; margin-left:-102px;} #white_box {background:url(img/white_box.png) top left no-repeat; top:266px; right:50%; color:#454242;} #black_box {background:url(img/black_box.png) top left no-repeat; top:266px; left:50%;} @media only screen and (max-width: 1000px){ #vision_title {font-size:12px; width:310px; padding:12px 0; line-height:18px;} #vision_title strong {font-size:16px;} } @media only screen and (max-width: 850px){ .vision-three-tab .vc_span4 .icon_text_inner br {display:none;} } @media only screen and (max-width: 600px){ .vision_title section.section {padding-bottom:40px !important; padding-top:55px !important;} #vision_content_box {background-position:center; height:510px;} #vision_title {width:100%;} .vision_img_box {width:180px; padding-top:100px; background-size:contain !important;} #red_box {margin-left:-90px; top:105px;} #white_box, #black_box {top:260px;} .vision-three-tab .vc_span4 {margin-top:30px;} .vision-three-tab .vc_span4:first-child {margin-top:10px;} .vision-three-tab .vc_span4 .icon_text_inner br {display:block;} } @media only screen and (max-width: 480px){ #vision_content_box {height:620px;} .vision_img_box {padding:0 15px; box-sizing:border-box; width:130px; left:50% !important; margin-left:-65px !important;} #red_box {top:108px; padding-top:57px;} #white_box {top:258px; padding-top:67px;} #black_box {top:408px; padding-top:57px;} .vision-three-tab .vc_span4:first-child {margin-top:0px;} } @media only screen and (max-width: 350px){ } /* 인사 페이지 ======================================================================================================================================= */ .graph_box section.section {padding-top:0px;} .graph_box p {font-size:14px; line-height:24px; color:#777; margin-bottom:24px;} .graph_box p strong {color:#333;} #cen_sign {color:#f54325; text-align:right; font-size:14px; margin-top:40px; line-height:24px;} #cen_sign strong {color:#333; margin-left:5px;} #cen_sign img {display:inline-block; margin-bottom:-24px; margin-left:3px;} .graph_box .greeting_text_box1 {padding-right:11px;} .graph_box .greeting_text_box2 {padding-left:11px;} /* 비지니스 페이지 ======================================================================================================================================= */ .business_box_four {width:100%; border-right:1px solid #e5e5e5; height:75px; margin-bottom:30px; font-size:15px;} .four_tab_box .vc_row-fluid .vc_span3 {width:25%; margin-left:0;} .business_box_four.last {border-right:0;} .business_box_four img {margin-top:15px;} .business_box_four + ul {width:80%; margin:0 auto;} .business_box_four + ul li {background-color:#f3f3f3; color:#777; padding:10px 5px; margin-bottom:10px; list-style:none; font-size:15px;} .business_box_four + ul li:first-child {color:#fff; background-color:#484343;} .business_box_four + ul.last li:first-child, .business_box_four + ul.second li:first-child {background-color:#f54325;} .four_tab_box.custom_five .vc_row-fluid .vc_span3 {width: 33.33%;} .four_tab_box.custom_five .vc_row-fluid .vc_span3:nth-child(3), .four_tab_box.custom_five .vc_row-fluid .vc_span3:nth-child(5) {display:none;} .four_tab_box.custom_five .vc_row-fluid .vc_span3:nth-child(4) .business_box_four {border-right:none;} .four_tab_box.custom_five .business_box_four + ul {width: 87%;} .four_tab_box.custom_five .business_box_four + ul li:first-child {min-height: 49px;} .four_tab_box.custom_five .business_box_four + ul.four li:first-child {background-color: #f54325;} .four_tab_box.custom_five .business_box_four + ul.last li:first-child {background-color: #484343;} .four_tab_box.custom_five .business_box_four + ul li:first-child span {display: block;padding: 13px 0;} .four_tab_box.custom_five .business_box_four + ul.second li:first-child span, .four_tab_box.custom_five .business_box_four + ul.four li:first-child span {padding: 5px 0;} @media only screen and (max-width:600px){ .business_box_four {border:0px;} .business_box_four + ul {margin-bottom:40px;} .four_tab_box.custom_five .business_box_four + ul li:first-child {min-height: 0px;} .four_tab_box.custom_five .business_box_four + ul li:first-child span, .four_tab_box.custom_five .business_box_four + ul.second li:first-child span, .four_tab_box.custom_five .business_box_four + ul.four li:first-child span {padding: 0;} .four_tab_box.custom_five .business_box_four + ul li:first-child span br {display: none;} } /* 프로덕션 디자인 페이지 ======================================================================================================================================= */ .first-three-tab.product_design_grid .icon_with_title.center .icon_holder {margin: 0 0 31px;} .first-three-tab.product_design_grid .icon_with_title .icon_text_holder .icon_title {margin: 0 0 1.5em;} .production_design_image_wrap {max-width: 1918px;margin: auto;} .production_design_image_wrap section.section {border-bottom: none;} .production_design_image_wrap .wpb_raw_html .wpb_wrapper > div:nth-child(odd) {clear: both;} .production_design_image_wrap .pd_image {float: left;position: relative;} .production_design_image_wrap .pd_image img {width: 100%;height: auto;padding: 0;margin: 0;vertical-align: top;} .production_design_image_wrap .pd_image span {display: block;padding: 8px 23px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;background: #000;} .production_design_image_wrap .pd_image.pd_img_big {width: 59.9%;} .production_design_image_wrap .pd_image.pd_img_sm {width: 40.1%;} @media (max-width: 1100px){ .first-three-tab.product_design_grid section .section_inner > div:first-child {padding-right: 2%;} .first-three-tab.product_design_grid section .section_inner > div.last-three-tab {padding-left: 2%;} .first-three-tab.product_design_grid .icon_with_title .icon_text_holder p br {display: none;} } @media (max-width: 768px){ .page-id-5929 .first-three-tab.product_design_grid > section.section {padding-bottom: 50px !important;} .production_design_image_wrap .pd_image.pd_img_big, .production_design_image_wrap .pd_image.pd_img_sm {width: 100%;} } @media (max-width: 600px){ .page-id-5929 .production_design_image_wrap section.section .vc_span12 {margin-bottom: 0;} } @media (max-width: 480px){ .page-id-5929 .first-three-tab.product_design_grid > section.section {padding-bottom: 20px !important;} .production_design_image_wrap .pd_image span {padding: 8px 17px;font-size: 12px;background: rgba(0,0,0,0.8);} } /* 포트폴리오 ============================================================================================================================================= */ .no-canvas .projects_holder.v3 .mix {float:left; margin:0 1% 2%; width:31.3%; min-height:320px !important;} /* 지도 페이지 ============================================================================================================================================ */ @media only screen and (max-width:600px){ .google_map {height:250px;} } /* 히스토리 페이지 ======================================================================================================================================== */ .history_box h2 {background-color:inherit; font-size:27px; color:#222; font-weight:700; padding-bottom:18px; border-bottom:1px solid #adadad; margin-bottom:43px;} .history_box h2 span {color:#f54325;} .history_box table tr th {background-color:inherit; color:#222; text-align:left; font-size:14px; font-weight:700; padding:0; width:83px; margin-bottom:50px;} .history_box table tr td {background-color:inherit; color:#777; text-align:left; font-size:13px; line-height:22px; padding:0 0 40px 25px;} .history_box table tr td span {color:#f54325; display:inline-block; width:25px; margin-left:-30px; font-weight:bold;} .history_2tab_top.vc_row-fluid .vc_span6 {width:42.75%; margin-left:14%;} .history_2tab_top.vc_row-fluid .vc_span6:first-child {margin-left:0%;} .history_2tab_bottom.vc_row-fluid .vc_span6 {width:42.75%; margin-left:14%;} .history_2tab_bottom.vc_row-fluid .vc_span6:first-child {margin-left:0%;} @media only screen and (max-width:850px){ .history_box table tr th {width:65px;} } @media only screen and (max-width:600px){ .history_2tab_bottom.vc_row-fluid {margin-top:-24px;} } @media only screen and (max-width:350px){ .history_box table tr th {width:50px;} .history_box table tr td span {width:20px;} } /* 개인정보처리방침 ======================================================================================================================================= */ #privacy_page {margin:10px 0 70px;} #privacy_page h1 {margin-bottom:40px;} #privacy_page p {margin:10px 0;} /* 푸터 =================================================================================================================================================== */ .footer_bottom .textwidget a {color:#9F9F9F;} .footer_bottom .textwidget a:hover:not(.jt-backlink) {color:#fff;} footer .widget.widget_recent_entries ul li a {color:#bcbcbc;} .footer_top .four_columns>.column1, .footer_top .four_columns>.column2 {width: 50%;} .footer_top .four_columns>.column3, .footer_top .four_columns>.column4 {display:none;} @media only screen and (max-width:600px){ footer .four_columns > div {margin-top:30px;} footer .four_columns > div:first-child {margin-top:0;} .footer_top .four_columns>.column1, .footer_top .four_columns>.column2 {width:100%;} } @media only screen and (max-width:540px){ footer .footer_bottom {height: auto; padding: 20px 30px;} .footer_bottom, .footer_bottom p {line-height: 1.917;} } /* 케이보드 페이지 ==================================================================================================================================== */ /* 리스트 */ .kboard-list table tr:nth-child(odd) td {background:none; color:#545861;} /* 글보기 */ .content_inner #kboard-default-document .kboard-document-wrap {border-bottom:1px solid #e3e3e3;} .content_inner #kboard-default-document .kboard-control {padding:30px 0;} /* 큐폼 페이지 ======================================================================================================================================== */ /* 레이아웃 */ .vc_row-fluid.quform-33-66 {min-height:450px; margin-top:30px;} .vc_row-fluid.quform-33-66 .vc_span3 {width:28%;} .vc_row-fluid.quform-33-66 .vc_span9 {width:66.66%; margin-left:0; margin-right:-3%; float:right; box-sizing:border-box;} /* 폼 칼럼 */ .iphorm-element-wrap-text, .iphorm-element-wrap-radio {width:50%; float:left;} .iphorm-element-spacer {padding-bottom:20px;} .iphorm-element-wrap-radio .iphorm-element-spacer {padding-bottom:17px;} .iphorm-element-wrap-text .iphorm-element-spacer > label {position:absolute; margin:11px; padding-bottom:0;} .iphorm-elements .iphorm-element-wrap-text input {width:90%; height:40px; padding-left:11px; border:1px solid #ededed; line-height:30px;} .no-canvas .iphorm-elements .iphorm-element-wrap-text input {height:inherit; padding:5px 0 22px 11px;} .iphorm-element-spacer > label {color:#929292; height:25px;} .iphorm-element-wrap label span.iphorm-required {color:#cfcfcf;} /* 성별 - 라디오 */ .iphorm-element-wrap-radio {border-bottom:1px solid #ededed; width:333px; height:44px; margin-bottom:24px;} .no-canvas .iphorm-element-wrap-radio{margin-bottom:25px;} .iphorm-element-wrap-radio .iphorm-input-radio-ul {margin:8px 0 0 60px;} .iphorm-element-wrap-radio .iphorm-element-spacer > label {padding-bottom:0; position:absolute; margin-left:11px; margin-top:1px;} .iphorm-input-radio-li label {color:#929292;} /*파일 업로드*/ .iphorm-element-wrap-file {width:333px; margin-right:20px; float:left; position:relative; margin-bottom:20px;} .iphorm-element-spacer.iphorm-element-spacer-file {border-bottom:1px solid #ededed; padding-bottom:10px;} .iphorm-element-spacer-file .iphorm-clearfix .iphorm-file-queue {float:left; width:57%; margin-right:5px; padding-bottom:0;} .iphorm-element-spacer-file .iphorm-clearfix .iphorm-swfupload-browse-wrap{float:left;} .iphorm-element-spacer-file .iphorm-clearfix .iphorm-swfupload-browse-wrap .iphorm-swfupload-browse {padding:5px; box-sizing:border-box; -moz-box-sizing:border-box;} .iphorm-element-spacer-file > label {margin-left:2px;} .iphorm-upload-queue-file {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; margin:0;} .iphorm-element-wrap p.iphorm-description {position:absolute; top:0; right:0; color:#cfcfcf;} /* 전송 버튼*/ .iphorm-submit-wrap {float:right; margin:0 2% 40px;} .iphorm-submit-wrap button span {padding-left:0; background:none; border:0; transition: all .2s; letter-spacing:1px;} .iphorm-submit-wrap button em {padding-right:0; background:none; color:#fff; line-height:36px; transition: all .2s;} .iphorm-submit-wrap button:hover em {background:none;} .iphorm-submit-wrap button:hover span {background:none;} .iphorm-submit-wrap button.iphorm-submit-element {padding:0 20px; font-size:11px; color:#fff; background-color:#f54325; border:0; border-radius:3px; transition: all .2s;} .iphorm-submit-wrap button.iphorm-submit-element:hover {background:#2c2c2c; padding:0 30px; transition: all .2s;} /* 파일 첨부 */ .quform_ps {width:100%; float:left; color:#929292; margin-bottom:20px; margin-top:-10px; font-size:11px;} /* 전송 오류 */ .iphorm-labels-above > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {background:none; color:#f54325; border:0; margin-top:-6px; margin-left:-20px !important;} .iphorm-errors-wrap {position:absolute;} .iphorm-labels-above > .iphorm-element-spacer.iphorm-element-spacer-radio > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-top:4px;} .iphorm-labels-above > .iphorm-element-spacer.iphorm-element-spacer-file > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-top:-37px; margin-left:60px !important;} .no-canvas .iphorm-labels-above > .iphorm-element-spacer.iphorm-element-spacer-file > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-top:-37px; margin-left:70px !important;} /* 파티너쉽 큐폼 */ .partnership_form .iphorm-element-spacer {padding-bottom:15px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea {width:100%; float:left;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:682px; border:1px solid #ededed; height:100px;} .partnership_form .iphorm-element-wrap-file {width:687px;} .partnership_form .iphorm-labels-above > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-top:-9px;} /* 사용자 정의 위젯 */ .widget.widget_nav_menu li { margin: 0 0 10px 0px; } #respond textarea,#respond input[type='text'],.contact_form input[type='text'],.contact_form textarea { padding: 12px 12px; } @media only screen and (max-width: 1100px){ .iphorm-element-wrap-radio {width:284px;} .iphorm-element-wrap-file {width:284px; margin-right:15px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:579px;} .partnership_form .iphorm-element-wrap-file {width:582px;} } @media only screen and (max-width: 1000px){ .iphorm-element-wrap-radio {width:244px;} .iphorm-element-wrap-file {width:244px; margin-right:11px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:495px;} .partnership_form .iphorm-element-wrap-file {width:500px;} } @media only screen and (max-width: 850px){ .iphorm-element-wrap-radio {width:210px;} .iphorm-element-wrap-file {width:210px; margin-right:6px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:420px;} .partnership_form .iphorm-element-wrap-file {width:426px;} } @media only screen and (max-width: 768px){ /* 레이아웃 */ .vc_row-fluid.quform-33-66 .vc_span3 {width:100%; float:none;} .vc_row-fluid.quform-33-66 .vc_span9 {width:100%; margin-right:0; margin-top:40px; float:none;} .iphorm-element-wrap-radio {width:284px;} .iphorm-element-wrap-file {width:284px; margin-right:16px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:578px;} .partnership_form .iphorm-element-wrap-file {width:584px;} } @media only screen and (max-width: 600px){ .iphorm-element-wrap-radio {width:203px;} .iphorm-element-wrap-file {width:203px; margin-right:7px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:407px;} .partnership_form .iphorm-element-wrap-file {width:413px;} } @media only screen and (max-width: 480px){ .iphorm-element-wrap-text, .iphorm-element-wrap-radio {width:100%; float:none;} .iphorm-element-wrap-radio {width:284px; height:40px;} .iphorm-labels-above > .iphorm-element-spacer.iphorm-element-spacer-radio > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-top:8px;} .iphorm-element-wrap-file {width:284px; margin-right:0px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:279px;} .partnership_form .iphorm-element-wrap-file {width:285px;} } @media only screen and (max-width: 350px){ .iphorm-element-wrap-radio {width:247px;} .iphorm-element-wrap-file {width:247px;} .partnership_form .iphorm-elements .iphorm-element-wrap-textarea textarea {width:242px;} .partnership_form .iphorm-element-wrap-file {width:246px;} } /* 배우들 리스트 페이지 */ .blog-link-button a {position: relative; display: inline-block; width: auto; margin: 0; padding: 0 20px; font-size: 11px; font-weight: 700; letter-spacing: 1px; height: 36px; text-align: center; line-height: 36px; color: #fff; background-color: #f54325; text-decoration: none; cursor: pointer; white-space: nowrap; border: 0; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; outline: 0; } .blog-link-button a:hover {background-color:#2c2c2c; color:#fff; padding:0 30px;} /* 배우들 싱글 페이지 */ .profile_container {margin-bottom:50px;} .js_profile_box p span {white-space:pre-wrap;} .profile_image_big img {display:none; margin-bottom:40px;} .profile_image_big img.active {display:block;} .profile_image_small {margin:0 -10px;} .profile_image_small img {padding:0 10px; box-sizing:border-box; cursor:pointer; width:33.33%;} .profile_image_small img:first-child {margin-left:0;} .js_profile_box_list h2 {font-size:30px; line-height:48px; color:#333; margin-bottom:45px;} .js_profile_box_list h2 span {color:#a4a4a4;} .js_profile_box_list h2 span.actor_eng_name {display:inline-block; margin-right:15px; padding-right:15px; border-right:1px solid #d6d6d6; line-height:30px;} .js_profile_box_list .js_profile_box strong {color:#000; letter-spacing:2px; margin:30px 0 5px; display:block;} .js_profile_box_list .blog-button a {display:inline-block; padding:10px 20px; color:#fff; border-radius:2px; background:#f54325; margin-top:30px;} .js_profile_box_list .social_share_holder {margin-top:35px;} .js_profile_box_list .social_share_dropdown ul {margin-left:0;} @media only screen and (max-width:1100px){ .js_profile_box_list h2 span.actor_eng_name {display:block; margin:0; padding:0; border:0;} } @media only screen and (max-width:600px){ .profile_image_big img.active {margin-bottom:20px;} .js_profile_box_list {margin-top:30px !important;} .js_profile_box_list h2 {margin-bottom:30px;} } @media only screen and (max-width:480px){ .js_profile_box_list h2 {font-size:20px; line-height:38px;} } /*============================================================================*/ /* 404 */ .error404 header, .error404 footer, .error404 .side_menu{ display:none;} .error404 .content{margin-top:0px; /* padding-top:40px; */min-height: inherit !important;/* top: 50%; */position: inherit;margin: 0;} .error404 figure{ margin:auto 3%;} .error404 .wrapper{position:inherit} #error_404 {padding:0 15px;min-height: 0 !important; top: 50%;position: absolute;width: 100%;height: 670px;margin-top: -270px;box-sizing: border-box;} #error_404 figure{text-align: center;} #error_404 figcaption{margin-top:30px;} #error_404 h1 {padding: 20px 0 28px; border-bottom: none; line-height: 30px; text-align:center;font-weight:600;font-size: 24px;color: #fe3600;} #error_404 p { line-height: 1.867; text-align: center; font-size: 15px; color: #666666; } #error_404 nav { text-align: center; padding: 30px 0;} #error_404 nav a{ display:inline-block; width:127px; height:37px;line-height:37px; margin:0 2px; border: 3px solid #fe3600; color:#616161;transition:background 0.3s ease;} #error_404 nav a:hover{background: #fe3600;color:#fff;} #error_404 .error_thank{font-weight:600;} @media only screen and (max-width:480px){ #error_404 p br{display:none;} } /* people list 페이지 ============================================================================================================================================ */ .people_list, .people_history_list {list-style: none;display: block;width: 100%;} .people_list:after, .people_history_list:after {content: '';display: table;clear: both;} .people_list > li {float: left; width: 23.5%; margin-right: 2%;margin-bottom: 8%;} .ie8 .people_list > li {width: 23%;} .people_list > li:nth-child(4n) {margin-right: 0;} .people_list > li:nth-child(4n+1) {clear: both;} .people_list figure {display: block;width: 100%;margin: 0;padding: 0;position: relative;} .people_list figure figcaption {display: block;width: 100%;padding: 14px;background: #f54325;box-sizing: border-box;} .people_list img {vertical-align: top;} .people_name {font-size: 19px;font-weight: 600;color: #fff;} .people_history_list_wrap {padding-top: 14px;} .people_history_list li {position: relative;width: 100%;padding: 0 5px 10px 13px;font-size: 14px;color: #777;box-sizing: border-box;} .people_history_list li:before {content: '';display: block;width: 6px;height: 6px;position: absolute;top: 8px;left: 0;background: #f54325;border-radius: 50%;} .people_history_list li:last-child {margin-bottom: 0;} @media (max-width: 768px) { .people_list > li {width: 32%;} .people_list > li:nth-child(4n) {margin-right: 2%;} .people_list > li:nth-child(4n+1) {clear: none;} .people_list > li:nth-child(3n) {margin-right: 0;} .people_list > li:nth-child(3n+1) {clear: both;} .people_list figure figcaption {padding: 7px 10px;} .people_name {font-size: 16px;} } @media (max-width: 600px) { .people_list > li {width: 49%;} .people_list > li:nth-child(3n) {margin-right: 2%;} .people_list > li:nth-child(3n+1) {clear: none;} .people_list > li:nth-child(even) {margin-right: 0;} .people_list > li:nth-child(odd) {clear: both;} } @media (max-width: 480px) { .people_list {max-width: 249px;margin: 0 auto;} .people_list > li {width: 100%;margin-right: 0;} .people_list > li:nth-child(3n) {margin-right: 0;} .people_history_list_wrap { margin-bottom: 30px;} } /* COMPACT DRAMA AUDITION 페이지 ============================================================================================================================================ */ .compact_drama_audition_doc {padding-left: 58px;position: relative;} .compact_drama_audition_doc_title {position: absolute;top: 0;left: 0;} .compact_drama_audition_download {position: relative;display: inline-block;width: auto;margin: 20px 0;padding: 0 20px;font-size: 11px;font-weight: 700;letter-spacing: 1px;height: 36px;text-align: center;line-height: 36px;color: #fff;background-color: #f54325;text-decoration: none;cursor: pointer;white-space: nowrap;border: 0;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: all .2s ease 0s;-moz-transition: all .2s ease 0s;-o-transition: all .2s ease 0s;outline: 0;} .compact_drama_audition_download:hover {padding: 0 30px;color: #fff;background-color: #2c2c2c;} .page-id-6200 .iphorm-element-wrap-text {width: 100%;} .page-id-6200 .iphorm-element-wrap-file {width: 100%;margin-right: 0;} .page-id-6200 .iphorm-elements .iphorm-element-wrap-text input {width: 100%;} /* NEW ACTOR AUDITION */ .page-id-6381 .iphorm-element-wrap-text {width: 100%;} .page-id-6381 .iphorm-element-wrap-file {width: 100%;margin-right: 0;} .page-id-6381 .iphorm-elements .iphorm-element-wrap-text input {width: 100%;} /* 마감 */ .page-id-6200 .iphorm-submit-wrap {display: none;} .js_youth_life_audition_close {float: right;width: 74px;padding: 8px 0;margin: 0 2% 40px;font-size: 11px;text-align: center;color: #fff;background-color: #2c2c2c;border: 0;border-radius: 3px;cursor: default;} .js_youth_life_audition_close:after {clear: both;}