@charset "utf-8";

/********************회사소개********************/
/*인사말*/
.intro_01 {position:relative; }
.intro_01 .photo{position:absolute; left:0px;}
.intro_01 .box {margin-left:580px; font-size:16px; color:#555555;}
.intro_01 .box .title{font-size:28px; color:#222222; line-height:33px; letter-spacing:-1px; font-family:'Nanum Square';}
.intro_01 .box .title strong{color:#ed1947;}
.intro_01 .box .text{margin-top:50px;}



/*연혁*/
.intro02 {position:relative;}
.intro02 .list_box {box-sizing:border-box; width:100%; border-bottom:0; border:1px solid #e4e4e4; border-top:2px solid #333334; border-left:0;}
.intro02 .list_box li {border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-size:15px; letter-spacing:-0.5px; vertical-align:middle; padding:12px 20px; color:#666;}


.history_box {position:relative; margin-bottom:60px;}

.history_box .year {position:absolute; left:0; top:0; font-size:28px; font-weight:600; line-height:31px; color:#0e4194; width:150px; padding-left:10px;}

.history_box .txt_box {margin-left:150px;}
.history_box .txt_box .bullet1 {position:absolute; left:147px; top:0; border-radius:8px; width:8px; height:8px; background:#054da2;}
.history_box .txt_box .bullet2 {position:absolute; left:147px; bottom:0; border-radius:8px; width:8px; height:8px; background:#666;}
.history_box .txt_box ul {border-left:1px solid #eee; padding-left:50px;}
.history_box .txt_box li {font-size:15px; line-height:21px; overflow:hidden; word-break:keep-all; margin-top:7px;}
.history_box .txt_box .date {color:#0e4194; padding-right:10px;}


.big_font {font-size:22px; color:#000}
.big_font_etc {font-size:18px; margin-top:10px !important;}
.big_font_red {color:#e2427f;}
.big_font_bg {background:#e2427f; color:#fff; padding:2px 5px;}



/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}




/********************사업분야********************/
/*공통*/
.business_topimg {position:relative; overflow:hidden;}
.business_topimg .txt_box {float:left; width:550px; text-align:center; height:360px; background:#f0f1f4;}
.business_topimg .txt_box .ic {margin-top:57px;}
.business_topimg .txt_box img {vertical-align:top;}
.business_topimg .txt_box dt {font-size:28px; color:#222; padding-top:15px; line-height:29px; letter-spacing:-1.5px; font-weight:600;}
.business_topimg .txt_box dd {font-size:22px; color:#222; padding-top:10px; line-height:24px; letter-spacing:-1px; font-weight:400;}

.business_info {position:relative; display:table; width:100%; border:1px solid #e4e4e4; box-sizing:border-box; margin-top:20px; }
.business_info .picto {position:absolute; left:0; top:0; width:150px; height:100%; vertical-align:middle; text-align:center; background:#e2427f;}
.business_info .picto .img {position:absolute; left:0; top:50%; width:100%; margin-top:-40px;}
.business_info .info {padding-left:150px;}
.business_info .info dl {display:table; width:100%; border-top:1px solid #e4e4e4; box-sizing:border-box;}
.business_info .info dl:first-child {border-top:none;}
.business_info .info dt {display:table-cell; width:150px; box-sizing:border-box; vertical-align:middle; text-align:center; color:#000; font-size:15px; font-weight:bold; background:#f6f6f6;}
.business_info .info dd {display:table-cell; vertical-align:middle; padding:20px; word-break:keep-all; font-size:15px; }

.business_step_box {margin:0 -30px 19px;}
.business_step {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:30px 0; margin-top:20px;}
.business_step ul {display:table-row;}
.business_step li {display:table-cell; vertical-align:middle; border:1px solid #ccc; padding:39px 10px 37px; text-align:center; position:relative;}
.business_step li:before {content:""; position:absolute; right:-21px; top:0; width:20px; height:100%; background:url(../images/contents/business/step_arrow.png) left center no-repeat;}
.business_step .txt {font-size:15px; letter-spacing:-1px; color:#000; line-height:20px;}
.business_step .txt .num {display:block; font-weight:bold; color:#ed1846; letter-spacing:0; font-size:16px;}


.business_type {display:table; width:100%; table-layout:fixed;}
.business_type ul {display:table-row; border-bottom:1px solid #ddd;}
.business_type li {display:table-cell; position:relative; vertical-align:top; padding:0 34px 0 0;}
.business_type .img_box {width:280px; padding-right:0px;}
.business_type .img_box {height:170px;}
.business_type .img_box img {width:100%; vertical-align:top;}

.business_type .txt_box {margin-left:10px;}
.business_type dl {position:relative; overflow:hidden; padding:10px 0 15px;}
.business_type dl:before {content:""; position:absolute; left:0; bottom:0; border-bottom:1px dashed #ddd; width:100%;}
.business_type dt {position:relative; display:block; color:#e2427f; font-size:15px; font-weight:bold;  padding:0 11px;}
.business_type dt:before {content:""; position:absolute; left:3px; top:8px; width:4px; height:4px; border-radius:100px; background:#e2427f; box-sizing:border-box;}
.business_type dd {display:block; font-size:15px;}


/*방송광고TV*/
.business01 {position:relative; overflow:hidden;}


/*홍보영상*/
.business02 {position:relative; overflow:hidden;}


/*항공촬영*/
.business03 {position:relative; overflow:hidden;}


/*중계촬영*/
.business04 {position:relative; overflow:hidden;}


/*방송광고라디오*/
.business05 {position:relative; overflow:hidden;}




/********************고객센터********************/
/*상담문의*/
.inquiry_info {position:relative; padding:25px; padding-left:100px; margin-bottom:30px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#fff url(../images/contents/customer/customer03_info_ic.png) 40px center no-repeat;}
.inquiry_info .info_box {display:table; width:100%; margin-top:5px;}
.inquiry_info .info_box dl {overflow:hidden; display:table-row;}
.inquiry_info .info_box dt {display:table-cell; vertical-align:top; padding:4px 0; font-size:18px; color:#333; font-weight:bold; width:80px; position:relative;}
.inquiry_info .info_box dd {display:table-cell; vertical-align:top; padding:4px 0; font-size:18px; color:#666;}




/****************************************반응형****************************************/
@media all and (max-width:1024px) {

/*오시는길*/
.company_map dl+ dl {display:none;}
.company_map {padding:15px; height:auto; }
.company_map .btn_box {display:none;}
}