@charset "UTF-8";

.sec_title {font-size: 60px; color: #000; line-height: 1; font-weight: 400; letter-spacing: -1.5px}
.pageHeader {height: 330px;}
.pageHeader .setWidth {display: table; height: 100%;}
.pageTitle {display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.pageTitle h1 {font-size: 60px; color: #000; font-weight: 400; letter-spacing: -1px}
.pageTitle span {font-size: 30px; color: #000; letter-spacing: -.5px}

.inquiry .pageHeader, .inquiry_list .pageHeader {background: url(../images/6_subheading_inquiry.png) 0 0 no-repeat;}
/* about */
.about .pageHeader {height: 420px;background: url(../images/1_subheading_about.png) center 0 no-repeat;}
.about .pageTitle {width: 620px; height: 210px; background: url(../images/1_subheading_about_txt.png) 0 0 no-repeat; position: absolute; top: 50%; transform: translateY(-50%);}

.about .section {position: relative;}
.about .section:after {display: block; content: ''; width: 0; height: 0; border: 40px solid transparent; border-bottom: 0; position: absolute; left: 50%; top: 100%; margin-left: -40px; z-index: 11;}
.about .section1  {padding: 100px 0;}
.about .section1:after {display: none;}
.about .section1 .txt {max-width: 720px; margin: auto; position: relative; color: #000;}
.about .section1 .txt:before, .about .section1 .txt:after {display: block; content: ''; width: 20px; height: 247px; border: 8px solid #edf1f3; position: absolute; top: 15px;}
.about .section1 .txt:before {border-right: 0 none; left: -80px;}
.about .section1 .txt:after {border-left: 0 none; right: -80px;}
.about .section1 .sub {font-size: 30px; font-weight: 300; letter-spacing: -2px}
.about .section1 .main {font-size: 37px; letter-spacing: -2px; margin-top: 50px;}
.about .section1 .main strong {display: inline-block; background: #ffdb33; padding: 6px 4px 2px; line-height: 1; margin-bottom: 5px;}
.about .section2 {height: 830px; background: url(../../../contents/img/1_sec2_bg.png) center top no-repeat; padding: 110px 0; box-sizing:border-box}
.about .section2:after {border-top: 40px solid #ececec;}
.about .section2 .main {font-size: 30px; letter-spacing: -2px; margin-top: 50px; line-height: 1.6; font-weight: 300; color: #000;}
.about .section2 .main strong {display: inline-block; color: #fff; background: #f37550; padding: 6px 4px 2px; line-height: 1; margin-bottom: 5px;}
.about .section2 .boxWrap {background: #f37550; padding: 40px; max-width: 1120px; margin: 40px auto 0;}
.about .section2 .boxWrap p {color: #063012; font-size: 23px; font-weight: 300;}
.about .section2 .boxWrap .t_arab {color: #a1a5a8; background: #fff; max-width: 800px; margin: 30px auto; line-height: 80px; height: 80px; font-size: 45px; font-weight: 300;} 
.about .section3 {padding: 130px 0 100px;}
.about .section3:after {border-top: 40px solid #fff;}
.about .section3 .main {font-size: 30px; letter-spacing: -2px; margin-top: 50px; line-height: 1.6; font-weight: 300; color: #000;}
.about .section3 .main strong {display: inline-block; font-size: 37px; color: #ff6224; border-bottom: 2px solid #ff6224; line-height: 1;}
.about .section3 .img_area {padding-top: 60px;}
.about .section3 .img_area .col{margin-bottom: 40px;}
.about .section4 {background: #ffdb33 url(../../../contents/img/1_sec4_bg.png) center bottom no-repeat;}
.about .section4:after {border-top: 40px solid #ffdb33;}
.about .section4 .setWidth {position: relative;padding: 260px 0 150px;}
.about .section4 .label {position: absolute; left: 0; top: 0;}
.about .section4 .sec_title {font-weight: 300; line-height: 1.2;}
.about .section4 .txt {margin-top: 20px;}
.about .section4 .main {font-size: 33px; font-weight: 300; color: #000; letter-spacing: -1px}

.about .section4 .text_border {
	text-shadow: -1px 0px 0px #ffdb33, 0 1px #ffdb33, 1px 0 #ffdb33, 0px -1px #ffdb33;
	-moz-text-shadow: -1px 0 #ffdb33, 0 1px #ffdb33, 1px 0 #ffdb33, 0px -1px #ffdb33;
	-webkit-text-shadow: -1px 0 #ffdb33, 0 1px #ffdb33, 1px 0 #ffdb33,  0px -1px #ffdb33;
}

.about .section5 {background: #222; padding: 130px 0 100px;}
.about .section5 .sec_title {color: #fff; font-weight: 300; margin-bottom: 50px;}
.about .section5 .sec_title strong {color: #ffdb33;}
.about .section5 .txt {margin-top: 50px;}
.about .section5 .main {font-size: 30px; color: #fff; letter-spacing: -.7px; font-weight: 300;}
.about .section5 .main strong {color: #ffdb33; font-weight: 300;}



.portfolio .pageHeader {background: url(../images/6_subheading_inquiry.png) 0 0 no-repeat ; height: 330px; padding-bottom: 0 !important;}
.portfolio .pageTitle {display: table-cell !important; background: none; position: static; transform: translate(0)}

.interpreting .section {padding: 100px 0 40px;}
.interpreting .section .sec_title {margin-bottom: 50px;}
.interpreting .section1 {background: url(../../../contents/img/2_1_sec1_bg.png) 0 0 no-repeat; height: 610px; box-sizing: border-box; padding-top: 120px;}
.interpreting .section1 .sec_title {color: #ffdb33}
.interpreting .section1 .main {font-size: 30px; color: #fff; letter-spacing: -.5px; font-weight: 300; line-height: 1.4; }
.interpreting .section1 .main strong {color: #ffdb33}
.interpreting .section2 {background: #ffdb33;}
.interpreting .section2 .row{padding: 0 20px;}
.interpreting .section2 .col {width: 340px; margin-right: 90px; margin-bottom: 60px;}
.interpreting .section2 .col:nth-child(3) {margin-right: 0;}
.interpreting .section2 .col:nth-child(4) {margin-left: 17%;}
.interpreting .section2 .icon_area {height: 330px; border: 10px solid #fff; width: 100%; box-sizing: border-box; text-align: center; padding-top: 50px; position: relative;}
.interpreting .section2 .icon_area .label {position: absolute; left: -30px; bottom: 50px; background:#ffdb33; line-height: 50px; height: 50px; font-size: 31px; color: #000;}
.interpreting .section2 .txt {word-break: keep-all; font-size: 21px; color: #000; letter-spacing: -.5px; margin-top: 30px;}
.interpreting .section3 {padding-bottom: 100px;}
.interpreting .section3 .star_list {padding-top: 40px;}
.interpreting .section3 .star_list li {color: #67777f; font-size: 19px; font-weight: 300; letter-spacing: -.4px}
.interpreting .section3 .buttonWrap {border-top: 1px solid #bcc2c9; margin-top: 40px; padding-top: 40px;}
.interpreting .section3 .buttonWrap .button {max-width: 480px; margin: auto}


.translation .section {padding: 100px 0 40px;}
.translation .section1 {background: #ffdb33; padding-bottom: 0 !important; height: auto}
.translation .section1 .sec_title {color: #000;}
.translation .section1 .main{color: #000; margin-bottom: 40px;}
.translation .paper_area {height: 730px; overflow: hidden; position: relative;}
.translation .paper {position: absolute; bottom: 0; }
.translation .paper1 {background: url(../../../contents/img/2_2_paper1_bg.png) 0 0 no-repeat; width: 810px; height: 730px; margin-left: -520px; left: 50%;}
.translation .paper1 .txt {width: 560px; padding: 40px; box-sizing: border-box; text-align: left; color: #fff; font-size: 30px; font-weight: 300; word-break: keep-all; line-height: 1.6;}
.translation .paper1 .txt strong {color: #ffdb33; font-weight: 300;}
.translation .paper2 {background: url(../../../contents/img/2_2_paper2.png) 0 0 no-repeat; width: 980px; height: 640px; right: 50%; margin-right: -980px;}

.translation .section2 {background: #fff;}
.translation .section2 .sec_title {color: #000;}
.translation .section2 .sec_title strong {color: #f37550}
.translation .section2 .row{padding: 0 20px;}
.translation .section2 .col {width: 340px; margin-right: 90px; margin-bottom: 60px;}
.translation .section2 .col:nth-child(3) {margin-right: 0;}
.translation .section2 .col:nth-child(4) {margin-left: 17%;}
.translation .section2 .icon_area {height: 330px; border: 10px solid #efefef; width: 100%; box-sizing: border-box; text-align: center; padding-top: 50px; position: relative;}
.translation .section2 .icon_area .label {position: absolute; left: -30px; bottom: 50px; background:#fff; line-height: 50px; height: 50px; font-size: 31px; color: #687880;}
.translation .section2 .icon_area .label strong {color: #f37550}
.translation .section2 .txt {word-break: keep-all; font-size: 21px; color: #000; letter-spacing: -.5px; margin-top: 30px;}
.translation .section2 .txt li {float: left; margin-right: 26px; position: relative;}
.translation .section2 .txt li:before {display: block; content: ''; height: 22px; width: 1px; background: #a3a3a3; position: absolute; top: 3px; right: -13px;}
.translation .section2 .txt li:last-child {margin-right: 0;}
.translation .section2 .txt li:last-child:before {display: none;}

.translation .section3 {background: #ad41fe; padding-bottom: 100px;}
.translation .section3 .sec_title {color: #fff;}
.translation .section3 .main{color: #fff; margin-bottom: 40px; font-size: 30px; font-weight: 300; letter-spacing: -.6px}
.translation .section3 .main strong{color: #ffe400; margin-bottom: 40px; font-weight: 400;}

.translation .section4 {padding-bottom: 100px;}
.translation .section4 .part_title {color: #ad41fe; font-size: 31px; margin-bottom: 15px;}
.translation .section4 .star_list {padding-top: 40px;}

.translation .section5 {padding-bottom: 100px;background: #ffdb33;}
.translation .section5 .tab {font-size: 21px;}
.translation .section5 .tab.on {color: #ffdb33;}
.translation .section5 .count_area {width: 580px; margin: auto;}
.translation .section5 .input_area {margin-bottom: 20px;}
.translation .section5 .label_wrap {width: 130px;}
.translation .section5 .label_wrap label, .translation .section5 .label_wrap .label {display: table-cell; height: 50px; vertical-align: middle; font-size: 20px; color: #000; letter-spacing: -.4px; line-height: 1.2;}
.translation .section5 .input_wrap {width: 100%; margin-right: -130px; padding-right: 130px; box-sizing: border-box; overflow: hidden;}
.translation .section5 .input_wrap input[type="text"], .translation .section5 .input_wrap input[type="number"] {width: 100%;border-radius: 3px; border: 0 none; line-height: 50px; height: 50px; padding: 10px; box-sizing: border-box; text-align: right;}
.translation .section5 .radio_area .input_wrap label { margin-right: 77px;}
.translation .section5 .radio_area .input_wrap label:last-child {margin-right: 0;}

.translation .section5 .tab_contents {padding-top: 30px;}
.translation .section5 .timeCount {display: none;}

.translation .section5 .cost_area {border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 40px 0 20px;}
.translation .section5 .cost_area th {width: 140px; font-size: 20px; color: #000; text-align: left; font-weight: 400; padding: 40px 0 36px; line-height: 1;}
.translation .section5 .cost_area td {text-align: right; font-size: 22px; font-weight: 700; color: #000; line-height: 1;}
.translation .section5 .cost_area td .cost {font-size: 30px;}
.translation .section5 .star_list {margin-bottom: 40px;}
.translation .section5 .star_list li {font-size: 16px; color: #000; margin-bottom: 5px;}
.translation .section5 .star_list li:before {font-size: 16px; color: #000; top: 10px;}

.editorial .section {padding: 100px 0; background: #ffdb33;}
.editorial .section .sec_title {color: #000; margin-bottom: 50px;}
.editorial .section .main {font-size: 30px; letter-spacing: -1px; font-weight: 300; line-height: 1.4; color: #000; margin-bottom: 40px;}
.editorial .section .ingo_g_area {margin: 50px auto; text-align: center;}

.web .section {padding: 100px 0 60px;  background: #ffdb33;}
.web .section .sec_title {color: #000; margin-bottom: 50px;}
.web .section .main {font-size: 30px; letter-spacing: -.1px; font-weight: 300; line-height: 1.4; color: #000; margin-bottom: 80px;}
.web .section dl {margin-bottom: 40px; display: table;}
.web .section dt, .web .section dd{display: table-cell;}
.web .section dt {width: 340px;}
.web .section .icon_area {height: 330px; border: 10px solid #efefef; width: 100%; box-sizing: border-box; text-align: center; padding-top: 50px; position: relative;}
.web .section .icon_area .label {position: absolute; left: -15px; bottom: 50px; background:#ffdb33; line-height: 50px; height: 50px; font-size: 31px; color: #000; font-weight: 700;}
.web .section .txt {text-align: left; word-break: keep-all; font-size: 26px; color: #000; letter-spacing: -.5px; padding-left: 50px; line-height: 1.4; vertical-align: middle}

.marketing .section {padding: 100px 0; background: url(../../../contents/img/5_1_bg.png) 0 0 no-repeat; background-size: cover}
.marketing .section .sec_title {color: #fc0; margin-bottom: 50px;}
.marketing .section .main {font-size: 30px; letter-spacing: -.1px; font-weight: 300; line-height: 1.4; color: #fff; margin-bottom: 50px;}
.marketing .section .sns_area {margin-bottom: 50px;}
.marketing .section .sns_area .icon_area {float: left; margin-right: 30px;}
.marketing .section .sns_area .icon_area a {display: block; width: 80px; height: 80px; background: #fff; border-radius: 40px; padding: 20px; box-sizing: border-box}
.marketing .section .white_box {background: url(../../../contents/img/5_1_white_paper_bg.png) right bottom no-repeat;}
.marketing .section .part { padding: 80px;word-break: keep-all; letter-spacing: -1px; position: relative;}
.marketing .section .part .img_area {position: absolute;}
.marketing .section .part .main {display: block; font-size: 33px; font-weight: 700; line-height: 1.6; margin-bottom: 50px; color: #000;}
.marketing .section .part .sub {display: block; font-size: 28px; font-weight: 300; line-height: 1.7; font-weight: 300;}
.marketing .section .part1 {background: #fff;padding: 120px 400px 80px 80px; }
.marketing .section .part1 .img_area {right: 110px; top: 160px;}
.marketing .section .part2 {padding: 80px 80px 120px 400px ;}
.marketing .section .part2:before {display: block; content: ''; left: 80px; right: 80px; height: 1px; background: #e5e5e5; position: absolute; top: 0;}
.marketing .section .part2 .img_area {left: 80px; top: 95px;}


.marketing.secretary .section {text-align: center; background: #ffdb33;}
.secretary .section .sec_title {color: #000;}
.secretary .section .main {color: #000;}

.secretary .row {display: inline-block; position: relative; margin-top: 50px; margin-bottom: 40px;}
.secretary .row:before {display: block; content: ''; left: 80px; right: 80px; height: 3px; top: 112px; background: url(../../../contents/img/5_2_line.png) 0 0 repeat-x; position: absolute;}
.secretary .item {float: left; padding: 0 75px; position: relative; margin-bottom: 200px;}
.secretary .item1 {padding-left: 0;}
.secretary .item3 {padding-right: 0;}
.secretary .item .txt {position: absolute; letter-spacing: -.8px; color: #000; top: 100%; margin-top: 30px; left: 50%; transform: translate(-50%)}
.secretary .item1 .txt{margin-left: -37px;}
.secretary .item3 .txt{margin-left: 37px;}
.secretary .item .txt dt{font-weight: 700; font-size: 33px; margin-bottom: 10px;}
.secretary .item .txt dd {font-size: 26px;  white-space: nowrap}

.inquiry .section {padding: 100px 0;}
.inquiry .section .txt {margin-bottom: 40px;}
.inquiry .section .sub {font-size: 19px; font-weight: 300; letter-spacing: -.5px; color: #0e050a;}
.inquiry .section .part_title {font-size: 30px; color: #000; border-bottom: 1px solid #000; padding: 15px 0; margin-bottom: 20px;}
.inquiry dt, .inquiry dd {float: left;}
.inquiry dt {width: 120px; font-size: 18px; color: #000; letter-spacing: -.5px}
.inquiry dd {padding-right: 130px; margin-right: -130px; box-sizing: border-box; width: 100%;}
.inquiry .section .select_wrap {border: 1px solid #ccc; border-radius: 3px;}
.inquiry .section input[type="text"], .inquiry .section  input[type="password"], .inquiry .section input[type="email"], .inquiry .section  input[type="number"] {border: 1px solid #ccc;}


.inquiry .name {margin-right: 20px;}
.inquiry .msg textarea {width: 100%; border: 1px solid #ccc; border-radius: 3px; height: 160px; box-sizing: border-box; padding: 10px; font-size: 16px; color: #444;}
.textareaWrap dd>div:first-child {min-height: 0 !important}
#cke_editor1 {position: absolute; width: 0; height: 0; overflow: hidden}
.inquiry .xefu-container, .inquiry .xefu-dropzone {background: transparent; border: 0 none; margin: 0; padding: 0; }
.inquiry .xefu-dropzone {overflow: hidden}
.inquiry .fileinput-button, .inquiry .fileinput-button:hover {background: #fff; color: #000; border: 1px solid 000; box-sizing: border-box;  line-height: 60px !important; height: 60px !important; width: 120px; border-radius: 3px;} 
.inquiry .xefu-btn>a, .inquiry .xefu-btn>button, .inquiry .xefu-btn>input, .inquiry .xefu-btn>span {  line-height: 60px !important; height: 60px !important;}
.inquiry .fileinput-button.xefu-btn>span {color: #000; font-size: 18px; }
.inquiry .fileinput-button.xefu-btn>span i {display: none;}
.inquiry .xefu-dropzone p.xefu-dropzone-message, .inquiry .xefu-dropzone p.upload_info {height: 60px; line-height: 60px; background: #fff; padding: 0; margin: 0;  padding-left: 140px; margin-left: -130px; box-sizing: border-box; border-radius: 3px; width: 100%; font-size: 15px;} 
.inquiry .xefu-progress-status {margin-top: 10px; font-size: 15px; padding-top: 60px; width: 100%;}

.inquiry .xefu-controll {margin-left: -130px; border-top: 1px solid #7f6d19; padding: 0; margin-top: 20px; padding-top: 20px;}
.inquiry .xefu-controll div {font-size: 15px; color: #555; line-height: 30px; }
.inquiry .xefu-act-link-selected {display: none; }
.inquiry .xefu-act-delete-selected, .inquiry .xefu-act-delete-selected:hover {line-height: 30px !important; height: 30px !important; font-size: 15px; color: #fff; background: #000; border: 0 none; border-radius: 3px;}
.inquiry .xefu-list {margin-left: -130px; padding: 0;}
.inquiry .xefu-list-images {border-color: #7f6d19; margin: 0;}
.inquiry .xefu-list-images li {border: 1px solid #7f6d19;}
.inquiry .xefu-file-name, .inquiry .xefu-file-info {display: inline-block; font-size: 12px; color: #555; line-height: 30px; height: 30px;}
.inquiry .xefu-list-files li {padding: 3px 5px;}
.inquiry .xefu-list-files li.selected {background: #ffbe24;}
.inquiry .xefu-list-files .xefu-file-info span {display: inline-block; margin-top: 2px;}
.inquiry .xefu-list-files .xefu-file-info span:last-child {position: absolute; width: 0; height: 0; overflow: hidden}

.inquiry .agreeArea {padding-left: 130px; border-top: 1px solid #e5e5e5; margin-top: 40px; padding-top: 10px;}
.inquiry .agreeArea a {color: #000;}
.buttonArea {max-width: 500px; margin: 50px auto 0;}
/*
.inquiry .title {margin-bottom: 40px; font-size: 30px; color: #009e96; font-weight: 400; letter-spacing: -.1px}
.inquiry .inputArea dt {margin-bottom: 8px;}
.inquiry .inputArea dd {position: relative; background: #fff;}
.inquiry .inputArea.day i {position: absolute; right: 10px; top: 14px}
.inquiry .cke_chrome {box-shadow: none; border: 0 none;}
.inquiry .cke_1 .cke_top, .inquiry .cke_1 .cke_bottom {display: none !important;}
.inquiry .xefu-container {border: 0 none;}
.inquiry .xefu-dropzone {border: 0 none; background: transparent; padding: 10px 0;}
.inquiry .xefu-btn {width: 120px !important; height: 50px !important; line-height: 50px !important; border: 0 none; box-shadow: none; padding: 0 !important; background: #009e96 !important; border-radius: 0; color: #fff !important;}
.inquiry .xefu-btn>a, .inquiry .xefu-btn>button, .inquiry .xefu-btn>input, .inquiry .xefu-btn>span { padding: 0 !important; height: 50px !important; line-height: 50px !important; background-color: #009e96 !important; color: #fff !important; font-size: 18px !important;}
.inquiry .xefu-btn i {display: none;}
.inquiry p.xefu-dropzone-message, .inquiry .xefu-dropzone:hover .upload_info, .inquiry .in .xefu-dropzone .upload_info, .inquiry .hover .xefu-dropzone .upload_info, .inquiry .fade .xefu-dropzone .upload_info {line-height: 50px !important;}
.inquiry .xefu-controll {line-height: 50px;}

.inquiry .agreeArea {padding: 30px 0; margin-top: 80px; border-top: 1px solid #ded9d5;}
.inquiry .agreeArea a {text-decoration: underline; color: #73716e;}
.inquiry .buttonArea {position: absolute; right: 0; bottom: 7px;}
*/

.customer .title {margin-bottom: 40px; font-size: 30px; color: #f65d5d; font-weight: 400; letter-spacing: -.1px}
.customer .info {font-size: 18px; letter-spacing: -.4px}
.customer dl {margin-bottom: 30px;}
.customer dt {color: #000; margin-bottom: 5px;}
.customer dd {color: #73716e;}
.customer dd li {line-height: 1.6; font-weight: 300;}

.inquiry_list .board {padding: 100px 0;}
.board .list_footer {padding-top: 30px;} 


.tel_area {display: table !important; margin: 5px 0 !important; width: 100%}
.tel_area input, .tel_area span {display: table-cell !important;}
.tel_area span {width: 5px;}
.mail_area {display: table !important; margin: 5px 0 !important; width: 100%;}
.mail_area>input, .mail_area>span, .mail_url_area {display: table-cell !important;}
.mail_area span {padding: 0 4px; text-align: center; vertical-align: top; line-height: 60px;}
.mail_url_area {position: relative; width: 50%; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; vertical-align: top;}
.mail_area #mail_url_sel {position: relative; z-index: 1; width: 100%; line-height: 60px;height: 60px; top: 0; border: 0 none; font-size: 15px;background: #fff url(../images/select_arrow.png) right center no-repeat; -webkit-appearance: none;  -moz-appearance: none; appearance: none; padding: 0 50px 0 10px;}
.mail_area #mail_url_sel::-ms-expand {display: none;}
    

#mail_url {position: absolute;width: 80%; right: 70px; left: 5px; top: 5px; bottom: 5px; line-height: 50px; height: 50px;}
#mail_url.on {z-index: 2; border: 0 none !important;}


#tel, #mail {position: absolute; width: 0; height: 0; overflow: hidden; border: 0 none;}


/*
.contentWrap.comesoon .section{background: url(../images/comesoon.png) center center no-repeat !important; background-size: cover}
.coming_soon {display: table; margin:100px auto; background: rgba(0,0,0,.7); border-radius: 100%; width: 430px; height: 430px;}
.coming_soon .box {display: table-cell; vertical-align: middle;}
.coming_soon .box img, .coming_soon .box span {display: block;}
.coming_soon .box img {margin: auto; max-width: 80%}
.coming_soon .box span {font-size: 31px; color: #ffe614; padding-top: 20px;}
*/


.privacy .pageHeader, .terms .pageHeader {background: url(../images/6_subheading_inquiry.png) 0 0 no-repeat;}
.privacy .section, .terms .section {padding: 80px 0 50px;}
.privacy .section p, .terms .section p {font-size:21px; word-break: keep-all; margin-bottom: 30px;}
.privacy .section ul ul, .terms .section ul ul {margin-left: 20px;padding:10px 0; font-size: .9em;}
.privacy .section ul li, .terms .section ul li {margin-bottom: 10px;}
.pop_agree {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.9); z-index: 99;}
.pop_agree .inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 800px}
.pop_agree .close {display: block; width: 30px; height: 30px; position: absolute; right: 0; top: 0; background: transparent; border: 0 none;}
.pop_agree .close:before, .pop_agree .close:after {display: block; content: ''; background: #fff; position: absolute} 
.pop_agree .close:before {width: 2px; height: 100%;transform: rotate(45deg); top: 0; left: 50%; margin-left: -1px;}
.pop_agree .close:after {width: 100%; height: 2px;transform: rotate(45deg); top: 50%; margin-top: -1px; left: 0;}
.pop_agree .title, .pop_agree p, .pop_agree li {color: #fff;}
.pop_agree .title {font-size: 23px; padding-bottom: 30px;}
.pop_agree p {font-size: 18px; margin-bottom: 10px;}
.pop_agree ul ul {margin-left: 10px; padding: 10px 0; font-size: .9em;}
.pop_agree ul li {margin-bottom: 5px;}

.fileList {border-top: 1px solid #d0d0d0; padding-top: 20px;margin-top: 20px;}
.fileList .toggleFile {display: none;}
.fileList a {font-size: 14px; color: #000;}
.fileList li {position: relative; padding-left: 10px;} 
.fileList li:before {display: block; content: ''; width: 4px; height: 4px; background: #ddd; position: absolute;left: 0; top: 14px; border-radius: 2px}
@media all and (max-width: 1366px) {
	.about .pageHeader {background-position: 60% 0;}
	
	.interpreting .section2 .col {width: 313px;}
	.interpreting .section2 .icon_area {height: 300px;}
	.interpreting .section2 .icon_area .label {bottom: 30px;}
	
	.translation .section1 .main {font-size: 28px;}
}
@media all and (max-width: 1280px) {
	.sec_title, .pageTitle h1 {font-size: 55px;}
	.about .section1 .sub, .about .section2 .main, .about .section3 .main,.about .section5 .main, .about .section4 .main, .interpreting .section1 .main, .interpreting .section2 .icon_area .label, .translation .paper1 .txt, .translation .section3 .main, .translation .section4 .part_title, .editorial .section .main, .web .section .main, .web .section .icon_area .label, .marketing .section .main, .pageTitle span, .inquiry .section .part_title {font-size: 28px;}
	.about .section1 .main,.about .section3 .main strong {font-size: 33px;}
	.table_title {font-size: 25px;}
	
	
	.interpreting .section2 .col {width: 268px;}
	.interpreting .section2 .icon_area {height: 280px; padding-top: 40px;}
	.interpreting .section2 .icon_area .label {bottom: 20px;}
	.interpreting .section2 .txt, .table th, .table td {font-size: 18px;}
	.interpreting .section3 .star_list li, .translation .section4 .star_list li {font-size: 15px;}
	.star_list li:before {font-size: 21px; top: 10px;}
	
	
	
	.translation .section1 .main br {display: none;}
	.translation .paper1 {margin-left: -540px;}
	.translation .paper1 .txt {padding-right: 60px;}
	.translation .paper2 {margin-right: -960px;}
	
	.translation .section2 .txt li:before {height: 15px; top: 5px;}
	
	.translation .section4 .icon.arrowToR {margin-top: -1px;}
	
	.marketing .section .part .main {font-size: 30px;}
	.marketing .section .part .sub {font-size: 25px;}
	
	#mail_url  {width: 75%;}
}
@media all and (max-width: 1112px) {
	
	.about .section1 .sub, .about .section2 .main {font-size: 26px;}
	.about .section1 .main, .about .section3 .main strong {font-size: 31px;}
	
	.about .section4 {background-position: 67% bottom;}
	
	.interpreting .section1 {height: auto; padding: 100px 0;}
	
	.interpreting .section2 .col {margin-right: 58px;}
	
	.translation .paper_area {height: 700px;}
	.translation .paper1 {width: 760px; height: 685px; background-size: 760px auto; margin-left: -490px;}
	.translation .paper1 .txt {width: 526px; padding-right: 80px;}
	.translation .paper2 {width: 920px; height: 600px; background-size: 920px auto; margin-right: -885px;}
	.marketing .section .part .img_area img {width: 200px;}
	.marketing .section .part1 {padding-right: 320px;}
	.marketing .section .part1 .img_area {right: 100px;}
	.marketing .section .part2 {padding-left: 320px;}
	
	.secretary .item {padding: 0 56px;}
	.secretary .item1 {padding-left: 0;}
	.secretary .item3 {padding-right: 0;}
	.secretary .item1 .txt{margin-left: -28px;}
	.secretary .item3 .txt{margin-left: 28px;}
}
@media all and (max-width: 1024px) {
	
	.pageHeader, .portfolio .pageHeader {height: 280px;}
	
	
	.about .section1 .txt:before {left: -50px;}
	.about .section1 .txt:after {right: -50px;}
	
	
	.about .section1 .sub, .about .section2 .main, .about .section3 .main,.about .section5 .main, .about .section4 .main, .interpreting .section1 .main, .interpreting .section2 .icon_area .label, .translation .section1 .main, .translation .paper1 .txt, .translation .section3 .main, .translation .section4 .part_title, .editorial .section .main, .web .section .main, .web .section .icon_area .label, .marketing .section .main, .pageTitle span, .inquiry .section .part_title {font-size: 23px;}
	.about .section1 .main, .about .section3 .main strong {font-size: 29px;}
	
	.about .section2 .boxWrap p {font-size: 19px;}
	.about .section2 .boxWrap .t_arab {font-size: 40px;}
	
	
	.about .section4 .setWidth {padding: 250px 40px 400px;}
	.about .section4 {background-position: 66% bottom;}
	.about .section4 .label {left: 40px;}
	
	.interpreting .section2 .row {padding: 0; margin-left: -20px; margin-right: -20px;}
	.interpreting .section2 .col {width: 33.33%; margin-right: 0; padding: 0 20px;} 
	.interpreting .section2 .icon_area {height: 250px;}
	.interpreting .section2 .icon_area img {width: 110px;}
	.interpreting .section2 .icon_area .label {left: -20px;}
	
	.interpreting .section2 .txt, .table th, .table td {font-size: 15px;}
	.interpreting .section3 .star_list li {font-size: 13px;}
	.star_list li:before {font-size: 18px; top: 8px;}
	
	.translation .paper_area {height: 650px;}
	.translation .paper1 {width: 700px; height: 630px; background-size: 700px auto; margin-left: -420px;}
	.translation .paper1 .txt {width: 484px; padding-right: 80px;}
	.translation .paper2 {width: 770px; height: 500px; background-size: 770px auto; margin-right: -750px;}
	
	.translation .section2 .txt li:before {height: 12px; top: 4px;}
	
	.translation .section4 .icon.arrowToR {width: 15px; height: 12px; background-size: contain; margin: -1px 10px;} 
	
	.web .section dt {width: 260px;}
	.web .section .icon_area {height: 260px;}
	.web .section .icon_area img {width: 110px;}
	.web .section .icon_area .label {bottom: 20px;}
	.web .section .txt {font-size: 19px;}
	
	.marketing .section .part .main {font-size: 28px;}
	.marketing .section .part .sub {font-size: 23px;}
	
	.secretary .item {padding: 0 50px;}
	.secretary .item1 {padding-left: 0;}
	.secretary .item3 {padding-right: 0;}
	.secretary .item1 .txt{margin-left: -25px;}
	.secretary .item3 .txt{margin-left: 25px;}
	.secretary .item .txt dt {font-size: 25px;}
	.secretary .item .txt dd {font-size: 20px;}
	
	.inquiry .fileinput-button.xefu-btn>span {font-size: 15px;}
	.inquiry .agreeArea {padding-left:  100px;}
	
	#mail_url  {width: 70%;} 
	
	.pop_agree .inner  {transform: translate(0); left: 0; top: 0; padding: 5%; height: 100%; overflow: auto; box-sizing: border-box}
	.pop_agree .close {top: 4%;}
}
@media all and (max-width: 960px) {
	
	.marketing .section .part .img_area img {width: 180px;}
	.marketing .section .part1 {padding: 100px 280px 60px 60px;}
	.marketing .section .part1 .img_area {right: 60px; top: 120px;}
	.marketing .section .part2 {padding: 60px 60px 100px 280px;}
	.marketing .section .part2:before {left: 60px; right: 60px;}
	.marketing .section .part2 .img_area {left: 60px; top: 80px;}
	.marketing .section .part .sub br {display: none !important; }
	
	.secretary .row {display: block; margin-left: -20px; margin-right: -20px;}
	.secretary .item {padding: 0 20px; width: 33.33%; box-sizing: border-box}
	.secretary .item .icon_area img {max-width: 100%}
	.secretary .item1 .txt, .secretary .item3 .txt{margin-left: 0;}
	.secretary .item .txt dt {font-size: 25px;}
	.secretary .item .txt dd {font-size: 20px;}
}
@media all and (max-width: 840px) {
	
	.about .section2 .boxWrap .t_arab {font-size: 35px;}
	.interpreting .section2 .icon_area {padding-top: 20px;}
	.interpreting .section2 .icon_area img {width: 100px;}
	.interpreting .section2 .icon_area {height: 220px;}
	
	.translation .paper_area {height: 520px;}
	.translation .paper1 {width: 578px; height: 510px; background-size: 578px auto; margin-left: -360px;}
	.translation .paper1 .txt {width: 400px; padding: 25px 50px 25px 25px; padding-right: 80px; font-size: 21px;}
	.translation .paper2 {width: 690px; height: 450px; background-size: 690px auto; margin-right: -660px;}
	
	.secretary .row:before {top: 27%;}
}
@media all and (max-width: 789px) {
	
	.sec_title, .pageTitle h1 {font-size: 45px; line-height: 1.3;}
	.about .pageHeader {background: url(../images/1_subheading_about_mob.png) 0 0 no-repeat; background-size: cover; height: 0; padding-bottom: 92.4%;}
	.about .pageTitle {display: none;}
	.about .section:after {border: 30px solid transparent; margin-left: -30px;}
	.about .section1 .sub, .about .section2 .main, .about .section3 .main,.about .section5 .main, .about .section4 .main, .interpreting .section1 .main, .interpreting .section2 .icon_area .label, .translation .section1 .main, .translation .paper1 .txt, .translation .section3 .main, .translation .section4 .part_title, .editorial .section .main, .web .section .main, .web .section .icon_area .label, .marketing .section .main, .pageTitle span, .inquiry .section .part_title {font-size: 19px;}
	.about .section1 .main, .about .section3 .main strong {font-size: 24px;}
	.table_title {font-size: 23px;}
	
	.about .section1 {padding: 70px 0;}
	.about .section1 .main {margin-top: 30px;}
	
	.about .section2 {height: auto; background-position: center bottom; background-color: #e9e9e9; padding: 80px 0;}
	.about .section2:after {border-top: 30px solid #ececec;}
	.about .section2 .boxWrap p {font-size: 17px;}
	.about .section2 .boxWrap .t_arab {font-size: 27px; margin: 20px 0; height: auto; line-height: 1.5; padding: 10px;}
	
	.about .section3 {padding: 80px 0 50px;}
	.about .section3 .main {margin-top: 30px;}
	.about .section3 .main strong  {border-bottom: 0 none; line-height: 1.3;}
	.about .section3 .img_area .col {margin-bottom: 20px;}
	.about .section4 { background: #ffdb33 url(../../../contents/img/1_sec4_bg_mob.png) center bottom no-repeat; background-size: contain}
	.about .section4 .setWidth {padding: 150px 30px 80%;}
	.about .section4 .label {left: 30px;}
	.about .section4 .label img{width: 90px; top: 1px;}
	.about .section3 .img_area {padding-top: 30px;}
	
	.portfolio .pageHeader {height: 280px; background: url(../images/6_subheading_inquiry.png) 0 0 no-repeat ;}
	
	.interpreting .section {padding: 80px 0 50px;}
	.interpreting .section .sec_title {margin-bottom: 30px;}
	.interpreting .section2 .col {width: 50%;} 
	.interpreting .section2 .col:nth-child(4) {margin-left: 0;}
	.interpreting .section2 .icon_area img {width: 110px;}
	
	.gray_box {padding: 30px 30px 60px;}
	.interpreting .section3 .buttonWrap {margin-top: 20px; padding-top: 20px;}
	
	.table th, .table td {padding: 10px;}
	
	.translation .paper_area {height: 0; padding-bottom: 123%;}
	.translation .paper1 {background: url(../../../contents/img/2_2_paper1_bg_mob.png) 0 0 no-repeat; width: 89%; height: 0; padding-bottom: 73%; margin-left: 0; left: 8%; background-size: contain; top: 0;}
	.translation .paper1 .txt {width: 76.5%; font-size: 21px; padding-right: 25px;}
.translation .paper2 {background: url(../../../contents/img/2_2_paper2_mob.png) right bottom no-repeat; width: 80%; height: 0; padding-bottom: 76.58%; right: -6%; margin-right: 0; background-size: contain; bottom: 0;}
	
	.translation .section4 .icon.arrowToR {margin: -1px 5px;} 
	.editorial .section {padding: 80px 0;}
	
	.web .section {padding: 80px 0 40px;}
	.web .section .main {margin-bottom: 30px;}
	.web .section dt {width: 180px;}
	.web .section .icon_area {height: 180px; padding-top: 20px;}
	.web .section .icon_area img {width: 80px;}
	.web .section .icon_area .label {bottom: 5px; height: 40px;}
	.web .section .txt {font-size: 17px; padding-left: 30px;}
	
	.marketing .section {background-image: url(../../../contents/img/5_1_bg_mob.png); padding: 80px 0;}
	.marketing .section .part .main {font-size: 21px;}
	.marketing .section .part .sub {font-size: 17px;}
	
	.secretary .row:before {width: 3px; left: 130px; right: auto; top: 10px; bottom: 50px; height: 80%; background: url(../../../contents/img/5_2_line_v.png) 0 0 repeat-y;}
	
	.secretary .item {width: 100%; margin-bottom: 50px;}
	.secretary .item .icon_area {position: absolute;}
	.secretary .item .txt {position: relative; padding-left: 270px; text-align: left !important; height: 224px; margin-top: 0; padding-top: 40px;} 
	
	.inquiry dt {font-size: 15px; width: 90px;}
	.inquiry dd {padding-right: 100px; margin-right: -100px;}
	.buttonArea {margin-top: 30px;}
	
}
@media all and (max-width: 680px) {
	.sec_title, .pageTitle h1 {font-size: 40px;}
	
	.translation .section5 .tab {font-size: 17px;}
	.translation .section5 .icon.arrowToR {width: 15px; height: 12px; background-size: contain;} 
	
	.translation .section5 .count_area {width: 100%; max-width: 580px}
	.translation .section5 .radio_area .input_wrap label {margin-right: 30px; font-size: 15px;}
	.translation .section5 .label_wrap label, .translation .section5 .label_wrap .label, .translation .section5 .cost_area th {font-size: 17px;}
	.translation .section5 .input_area {margin-bottom: 10px;}
	.translation .section5 .label_wrap {width: 80px;}
	.translation .section5 .input_wrap {margin-right: -80px; padding-right: 80px;}
	.translation .section5 .star_list li {font-size: 14px;}
	.translation .section5 .star_list li:before {top: 7px;}
	.translation .section5 .cost_area td .cost {font-size: 25px;}
	.translation .section5 .cost_area td {font-size: 19px;}
	
	.marketing .section .white_box {background: url(../../../contents/img/5_1_white_paper_bg_mob.png) right bottom no-repeat; background-size: 100% auto}
	.marketing .section .part .img_area  {position: static; text-align: center; margin-bottom: 40px;}
	.marketing .section .part .main {margin-bottom: 20px;}
	.marketing .section .part1 {padding: 60px 30px 30px;}
	.marketing .section .part1 .img_area img {margin-left: -40px;}
	.marketing .section .part2 {padding: 30px 30px 100px;}
	.marketing .section .part2:before {left: 60px; right: 60px;}
	.marketing .section .part2 .img_area img {margin-left: -20px;}
	.marketing .section .part .sub br {display: none !important; }
	
	.inquiry .section {padding: 80px 0;}
	.inquiry .section .sub {font-size: 15px;}
	.inquiry .xefu-btn>a, .inquiry .xefu-btn>button, .inquiry .xefu-btn>input, .inquiry .xefu-btn>span {  line-height: 50px !important; height: 50px !important;}
	.mail_area span {line-height: 50px;}
	#mail_url  {width: 80%;}  
	
	.secretary  .section .main br{display: none;}
	.secretary .row:before {left: 95px;}
	.secretary .item {width: 100%; margin-bottom: 50px;}
	.secretary .item .icon_area img {width: 150px;}
	.secretary .item .txt {padding-left: 180px;height: 124px;padding-top: 20px;} 
	.secretary .item .txt dt {font-size: 22px;}
	.secretary .item .txt dd {font-size: 18px;; white-space: normal}
	.secretary .item .txt dd br {display: none}
}
@media all and (max-width: 560px) {
	.about .section2 .boxWrap .t_arab {font-size: 23px;}
	#mail_url  {width: 75%;} 
}
@media all and (max-width: 479px) {
	.sec_title, .pageTitle h1 {font-size: 28px;}
	.pageHeader, .portfolio .pageHeader {height: 200px;} 
	
	.about .section1 .sub, .about .section2 .main, .about .section3 .main,.about .section5 .main, .about .section4 .main, .interpreting .section1 .main, .interpreting .section2 .icon_area .label, .translation .section1 .main, .translation .paper1 .txt , .translation .section3 .main, .translation .section4 .part_title, .editorial .section .main, .web .section .main, .web .section .icon_area .label, .marketing .section .main, .pageTitle span, .inquiry .section .part_title{font-size: 17px;}
	.about .section1 .main, .about .section3 .main strong {font-size: 21px;}
	.table_title {font-size: 15px;}
	
	.about .section3 .img_area .col .imgWrap  img{max-width: 300px; width: 100%;}
	.about .section4 .setWidth {padding: 90px 20px 80%}
	.about .section4 .label {left: 20px;} 
	.about .section4 .label img {width: 60px;}
	.about .section5 {padding: 80px 0;}
	
	.interpreting .section2 .row {margin-left: -10px; margin-right: -10px;}
	.interpreting .section2 .col {padding: 0 10px; margin-bottom: 30px;} 
	.interpreting .section2 .icon_area {height: 190px; border: 5px solid #fff;}
	.interpreting .section2 .icon_area .label {bottom: 5px; left: -10px;}
	.interpreting .section2 .icon_area img {width: 90px;}
	.interpreting .section2 .txt, .table th, .table td {font-size: 13px;}
	.interpreting .section3 .star_list li, .translation .section4 .star_list li {font-size: 11px;}
	
	.translation .paper_area {padding-bottom: 150%;}
	.translation .paper1 {width: 104%; height: 0; padding-bottom: 85%;left: 6%;}
	.translation .paper1 .txt {width: 76.5%; padding: 20px;}
	.translation .paper2 {width: 95%; padding-bottom: 90.58%; right: -10%;}
	
	
	.translation .section2 .icon_area {border: 5px solid #efefef;}
	.translation .section2 .txt {margin-top: 15px;}
	
	.translation .section4 .icon.arrowToR, .translation .section5 .icon.arrowToR {width: 10px; height: 8px; margin: 2px 5px;} 
	.translation .section4 .star_list {padding-top: 20px;}
	.translation .section5 .tab {font-size: 15px;}
	.translation .section5 .label_wrap label, .translation .section5 .label_wrap .label, .translation .section5 .cost_area th {font-size: 14px; height: 40px;}
	.translation .section5 .label_wrap {width: 80px;}
	.translation .section5 .input_wrap {padding-right: 80px; margin-right: -80px;}
	.translation .section5 .radio_area .input_wrap label {font-size: 13px;}
	
	
	.translation .section5 .input_wrap input[type="text"], .translation .section5 .input_wrap input[type="number"] {height: 40px; line-height: 40px;}
	.translation .section5 .radio_area .input_wrap label {margin-right: 10px; padding-left: 15px; line-height: 40px;}
	.input_wrap.inBtn .button {width: 70px; padding: 0 10px;}
	.input_wrap.inBtn .input {padding-left: 80px; margin-left: -80px;}
	.translation .section5 .cost_area {margin: 20px 0 10px;}
	.translation .section5 .cost_area th {padding: 25px 0 20px;}
	.translation .section5 .cost_area td {font-size: 14px;}
	.translation .section5 .cost_area td .cost {font-size: 21px;}
	.translation .section5 .star_list {margin-bottom: 20px;}
	.translation .section5 .star_list li {font-size: 12px;}
	
	.editorial .section {padding: 80px 0 0;}
	.editorial .banner_area {margin-left: -20px; margin-right: -20px;}
	
	
	.web .section .main {margin-bottom: 30px;}
	.web .section dt {width: 120px;}
	.web .section .icon_area {height: 120px; padding-top: 10px; border: 5px solid #efefef;}
	.web .section .icon_area img {width: 50px;}
	.web .section .icon_area .label {line-height: 35px; height: 35px;}
	.web .section .txt {font-size: 14px; padding-left: 20px;}
	.marketing .section .main {margin-bottom: 20px;}
	.marketing .section .sec_title, .marketing .section .sns_area {margin-bottom: 30px;}
	.marketing .section .sns_area .icon_area a {width: 40px; height: 40px; padding: 10px;}
	.marketing .section .part .main {font-size: 19px;}
	.marketing .section .part .sub {font-size: 15px;}
	
	.marketing .section .part .img_area img {width: 130px;}
	
	
	.inquiry .section .sub {font-size: 13px;} 
	.inquiry .fileinput-button, .inquiry .fileinput-button:hover, .inquiry .xefu-dropzone p.xefu-dropzone-message, .inquiry .xefu-dropzone p.upload_info {line-height: 50px !important; height: 50px !important; }
	.inquiry dt {width: 100%;}
	.inquiry dd {padding-right: 0; margin-right: 0;}
	.inquiry .inputArea.file dt{display: none;}
	.inquiry .agreeArea {padding-left: 0;}
	
	.mail_area #mail_url_sel {height: 50px; line-height: 50px;}
	#mail_url  {line-height: 40px; height: 40px;} 
	
	.coming_soon {margin:80px auto;width: 250px; height: 250px;}
	.coming_soon .box img {margin: auto; max-width: 25%}
	.coming_soon .box span {font-size: 21px;}
	
	.pop_agree .title{font-size: 18px;}
	.pop_agree p {font-size: 15px;}
	.pop_agree li {font-size: 14px;}
	
	.secretary  .section .main br{display: none;}
	.secretary .row {margin-bottom: 0;}
	.secretary .row:before {left: 82px;}
	.secretary .item {width: 100%; margin-bottom: 50px;}
	.secretary .item .icon_area img {width: 120px;}
	.secretary .item .txt {padding-left: 150px; height: 124px;padding-top: 10px;} 
	.secretary .item .txt dt {font-size: 20px;}
	.secretary .item .txt dd {font-size: 16px;; white-space: normal}
	.secretary .item .txt dd br {display: none}
}
@media all and (max-width: 380px) {
	.sec_title {font-size: 25px;}
	
}
@media all and (max-width: 320px) {
	.about .section4 .sec_title {font-size: 23px;}
	
	.interpreting .section2 .col {width: 100%;} 
	.interpreting .section2 .icon_area img {width: 130px;}
	.interpreting .section2 .icon_area {height: 250px;}
	
	.translation .paper1 .txt {font-size: 15px; padding: 10px 20px;}
}