/* sub */
/* sub_comm */
.sub_tit {margin-bottom:18px;font-size:17px;color:#35c0f9;}
.sub_tit:before {display:inline-block;content:'';width:12px;height:12px;margin-right:10px;background-color:#fdef7c;border-radius:50%}
.sub h3 {font-size:17px;margin-bottom:16px}
.sub h5 {font-size:16px}
.sub .content {margin:10px 15px 30px}
.sub .s_tit {display:block;margin-bottom:20px;font-size:25px;font-weight:bold;letter-spacing:-0.3px}
.wid_100 {width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);margin:0 -15px}
.wid_100.btn_area {padding:8px 0}
.tit_area {overflow:hidden;position:relative;margin-bottom:18px}
.tit_area + p {margin-bottom:30px;font-size:16px}
.tit_area .tit {font-size:33px;color:#35c0f9;line-height:1.3;letter-spacing:-2px}
.tit_area .tit span {display:block;font-size:25px;font-weight:normal;color:#474747}

/* 엠서클_엠서클소개 */
.intro h3 {margin:40px 0 13px;}
.intro .mission_area .fc_blue {display:block;width:180px;margin:30px 0 10px;font-size:25px;line-height:16px;border-bottom:1px solid #fedd93}
.intro .mission_area .fc_blue:first-child {margin-top:0;}
.intro .mission_area p {font-size:13px;}
.intro .partner_area {overflow:hidden;}
.intro .partner_area li {float:left;width:33.3%;padding:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.intro .partner_area li img {width:100%;vertical-align:middle}
@media only screen and (min-width:465px) {
	.intro .partner_area li {float:left;width:25%;}
}
@media only screen and (min-width:565px) {
	.intro .partner_area li {float:left;width:20%;}
}
@media only screen and (min-width:765px) {
	.intro .partner_area {width:713px;margin:auto}
}

/* 엠서클_CEO인사말 */
.ceo em {display:block;margin-bottom:20px;font-size:12px;color:#333;}
.ceo p {font-size:14px;color:#333;word-break:keep-all}
.ceo p + p {margin-top:20px;}
.ceo .sign {display:block;margin-top:20px;text-align:right;font-size:12px;color:#333}
.ceo .sign strong {font-size:14px}

/* 엠서클_연혁및수상내역 */
.historys mark {display:block;float:left;min-width:39px;padding:0 2px;margin:0 8px 5px 0;text-align:center;font-weight:bold}
.historys > li {margin-bottom:45px}
.historys li ul {max-width:500px;margin:auto}
.historys li li {overflow:hidden;margin-bottom:6px;font-size:13px}
.historys .type_year {display:block;float:none;width:62px;margin:0 auto 14px;font-size:23px;font-weight:normal;line-height:1.3;font-size:23px;text-align:center;font-weight:normal;color:#333;background-color:#fdf29a}
.historys .type_hidoc {background-color:#c7ecfb}
.historys .type_sissel {background-color:#f9d5d5}
.historys .type_shop {background-color:#fcdbab}
.historys .type_age100 {background-color:#d4fadb}
.awrad .img {display:block;width:138px;margin:8px auto}
.awrad .img img {width:100%}
.awrad .historys mark {float:none;width:40px}
.awrad .historys .type_year {width:62px;line-height:1.3}

/* 엠서클_전자공고 */
.ir .tbl .tit {padding:10px 25px;}
.ir .tbl .tit a {overflow:hidden;display:-webkit-box;max-height:44px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-align:left;line-height:1.3em;}
.ir .tbl .view > td {display:none;padding:30px 10px;font-size:14px;font-weight:normal;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ir .tbl .view > td table,
.ir .tbl .view > td > p {width:100%!important}
.ir .tbl .view > td table td {font-size:12px}
.ir .tbl .date {font-size:12px;color:#969494}
.ir .tbl + .btn_area {width:calc(100% + 30px);margin:0 -15px;padding:20px 0 0}

/* 엠서클_오시는길 */
.img_map img {margin:0 -15px;width:calc(100% + 30px);width:moz-calc(100% + 30px);width:-webkit-calc(100% + 30px);max-width:none;}
.location h3 {margin-top:26px}
.location li {margin-top:22px}
.location li:first-child {margin-top:0;}
.location li > strong {font-size:17px}
.location li > p {font-size:14px}
.contact_area li {margin-top:10px;font-size:15px;}
.contact_area .contact_type {display:inline-block;min-width:60px;padding:0 3px;margin-right:15px;font-size:15px;font-weight:normal;line-height:1.3;background-color:#fdef7c}
.contact_area li:first-child .contact_type {margin-bottom:10px;}
.subway_content li > p {padding-top:3px;padding-left:24px}
.subway_content .line_2 strong {color:#3cb44a}
.subway_content .line_9 strong {color:#b5961a}
.subway_content .ico_comm {width:18px;height:18px;margin-right:6px;vertical-align:middle}
.subway_content .line_2 .ico_comm {background-position:-18px -80px}
.subway_content .line_9 .ico_comm {background-position:-40px -80px}

/* 서비스 */
.tab_img {display:block;margin-bottom:25px}
.tab_img img {width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);max-width:none;margin:0 -15px}
.list_info li {padding-left:10px;margin-bottom:18px;margin-right:12px;text-indent:-10px;word-break:keep-all;}
.list_info li strong {display:block;margin-bottom:3px}
.list_info li strong:before {display:inline-block;content:'';width:4px;height:4px;margin-right:6px;margin-bottom:1px;border-radius:50%;vertical-align:middle;background:#35c0f9}
.list_info dt {text-indent:0;}
.list_info dd {margin:5px 0 10px;font-size:12px;text-indent:0}
.list_info strong {font-size:16px}
.list_info p {padding-top:5px;font-size:12px;text-indent:0;}
.list_info strong + p {padding-top:0;}
.service h3 {margin-bottom:0;}
.service mark {display:inline-block;padding:0 2px;font-size:15px;background-color:#c7ecfb;}

/* 인재채용_직무소개 */
.content.job h3 {margin-left:15px}
.collapse_list {overflow:hidden;width:calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);margin:0 -15px}
.collapse_list > li:first-child {border-top:1px solid #e7e7e7;}
.collapse_list > li {position:relative;border-bottom:1px solid #e7e7e7}
.collapse_list > li > .tit {padding:16px 30px 16px 15px;color:#333;background:#fff;cursor:pointer} 
.collapse_list > li > .tit > strong {display:block;font-size:18px}
.collapse_list > li > .tit .txt_smpl {display:-webkit-box;overflow:hidden;max-height:36px;margin-bottom:5px;font-size:12px;color:#808080;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;word-wrap:break-word;}
.collapse_list > li > .dsc {display:none;padding:15px 15px 33px 15px;font-size:12px;background:#f8f8f8}
.collapse_list > li > .tit.on {border-bottom:1px solid #ddd}
.collapse_list > li > .tit.on + .dsc {border-top:1px solid #fff}
.collapse_list > li > .dsc > p {margin-bottom:18px}
.collapse_list > li > .dsc > p:last-of-type {margin-bottom:0}
.collapse_list .no_data {display:block;padding:30px;text-align:center;background:#fff}
.collapse_list .arrow {display:inline-block;position:absolute;top:30px;right:15px;width:12px;height:8px;background-position:-61px -0px}
.collapse_list .date {font-size:12px;color:#969494}
.collapse_list .btn_toggle_close {position:absolute;bottom:15px;right:10px;padding:0 5px 0 10px}
.collapse_list .btn_toggle_close .ico_comm {width:12px;height:8px;background-position:-84px -0px}
.job .list_info strong + p {color:#808080}
.job .collapse_list > li > .tit > strong {font-size:27px}
.job .collapse_list > li > .dsc {padding:0 15px 20px 15px;border-top:0;background:#fff}
.job .collapse_list > li > .dsc > p:last-of-type {margin-bottom:18px}
.job .collapse_list .on .arrow {background-position:-84px -0px}
.job .collapse_list > li > .tit.on {border-bottom:0}
.job .list_info li:last-of-type {margin-bottom:0}

/* 인재채용_직무인터뷰 */
.tabs {margin-bottom: 20px;}
.tabs:after,
.interview_list:after,
.interview:after {content:""; clear: both; display: block;}
.tabs li {display: inline-block; margin-bottom: 10px;}
.tabs li:after {content:""; display: inline-block; width: 1px; height: 14px; background: #d2d2d2; margin: 0 10px; vertical-align: middle;}
.tabs li:last-child:after {display: none;}
.tabs li a {font-size: 16px; font-weight: bold; color: #b2b2b2; display: inline-block;}
.tabs .active a {color: #333; border-bottom: 3px solid #35c0f9;}
.interview_list li {float: left; width: calc(50% - 20px); padding: 0 10px; margin-bottom: 15px; text-align: center;}
.interview_list li img {margin-bottom: 10px;}
.interview_list li a {font-size: 12px; color: #333; text-decoration: none;}
.interview_list li .name {display: block; font-size: 17px; line-height: 20px;}
.interview .cont {display: none;}
.interview .i_visual {position: relative; margin-bottom: 40px;}
.interview .i_visual .btn_close {position: absolute; top: 5%; right: 5%; width: 15px; height: 15px; background:url('../images/ico_comm.png') no-repeat -35px 0;background-size:130px auto; font-size: 0; text-indent: -999px;}
.interview .i_visual .slogan {position: absolute; bottom: 8%; left: 5%; font-size: 12px; line-height: 16px; color: #fff;}
.interview .i_visual .slogan p {font-size: 25px; line-height: 28px; margin-bottom: 15px;}
.interview .i_visual .slogan .name {display: block; font-size: 14px; font-weight: bold;}
.interview .self_qna {padding: 0 30px; font-size: 13px; line-height: 17px; letter-spacing: -1px; color: #666;}
.interview .self_qna dt {font-size: 14px; font-weight: bold; letter-spacing: 0; color: #414141; position: relative; margin-bottom: 10px;}
.interview .self_qna .q {position: absolute; top: 0; left: -15px; color: #35c0f9;}
.interview .self_qna dd {margin-bottom: 25px;}

/* 인재채용_복지제도 */
.welfare_list > li {padding:18px 15px;border-top:1px solid #e7e7e7}
.welfare_list > li img {display:block;max-width:100%;margin:20px auto}
.welfare_list .tit {margin-bottom:8px;color:#333333;font-size:16px;font-weight:bold;letter-spacing:-1px;}
.welfare_list .dsc {color:#484848;font-size:12px}
.welfare_list .dsc > p {margin-bottom:3px}
.welfare_list .dsc > p:last-of-type {margin-bottom:0}

/* 인재채용_진행중공고 */
.notice .tbl tr td {padding:10px 5px;font-size:12px}
.notice .tbl tr td:first-of-type {padding-left:15px}
.notice .tbl tr td span {display:block}
.notice .tbl tr .txt_l span {font-size:17px}
.notice .tbl .j_type {color:#868686}
.notice .tbl .txt_l .j_type {font-size:12px}

/* 인재채용_지원FAQ */
.faq_list > li > div {padding:15px}
.faq_list > li {margin-bottom:8px}
.faq_list > li .question {position:relative;padding-left:42px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;font-size:19px;font-weight:bold;color:#333;line-height:1.3;background-color:#fff;}
.faq_list > li .question .ico_comm {position:absolute;top:19px;left:15px;width:20px;height:17px;vertical-align:middle;background-position:-42px -31px}
.faq_list > li .answer {padding-left:42px;border-top:1px solid #fff;border-bottom:1px solid #e4e4e4;font-size:12px;background:#f9f9f9}

/* 고객문의_광고및견적 */
.inquiry_list {padding-bottom:9px;background:#f5f5f5;}
.inquiry_list li {padding:15px;border-bottom:1px solid #e7e7e7;background:#fcfcfc}
.inquiry_list li:first-child {padding-top:0;}
.inquiry_list p {clear:both;font-size:15px}
.inquiry_list .tit {display:block;margin-bottom:5px;font-size:25px;color:#333}
.inquiry_list .detail_href {padding-top:0;margin-top:5px}
.inquiry_form {width:100%;margin:0 -15px;padding:0 15px;border-top:1px solid #e7e7e7;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
.inquiry_form p {margin:5px 0;font-size:15px;font-weight:bold;color:#666}
.inquiry_form > .tit {display:block;padding:15px 0;font-size:18px}
.inquiry_form input[type='text'],
.inquiry_form input[type='number'],
.inquiry_form textarea,
.inquiry_form select {display:block;width:100%;margin-bottom:6px;padding:5px 10px;border:1px solid #cdcdd1;font-size:14px;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:0;-webkit-appearance:none}
.inquiry_form select {width:100%;font-size:14px;line-height:1.5;text-indent:0;background-position:100% -47px;-moz-appearance:none}
.inquiry_form select::-ms-expand {display:none}
.inquiry_form textarea {height:140px;border-radius:0;box-shadow:none;-webkit-appearance:none;}
.inquiry_form .select_type1 {width:100%;margin-bottom:6px}
.inquiry_form .upload_area input[type='text'] {width:calc(100% - 85px);width:-webkit-calc(100% - 85px);width:-moz-calc(100% - 85px)}
.inquiry_form .btn_white {float:right;width:78px;padding:8px 0 9px;font-size:12px;}

/* 고객문의_고객센터 */
.center_list > li {padding:20px 15px;margin-top:8px;font-size:19px;font-weight:bold;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:#fff;word-break:keep-all}
.center_list > li:first-child {margin-bottom:0}
.center_list li strong {display:block;margin-bottom:5px;font-size:14px;color:#818385;line-height:1.2;}
.center_list li ul {margin-top:20px;}
.center_list li li {margin-bottom:6px;font-size:16px;font-weight:normal;color:#333}
.center_list .type {display:inline-block;min-width:65px;padding:0 3px;margin-right:18px;background:#fdef7c}