@charset "utf-8";
/*
    Document   : reset
    Created on : 2018-05-08
    Author     : BHS(hyoparri@adnstyle.com)
    Description: 회사소개
*/

#co_wrapper{position:relative;width:100%;/*min-width:1550px;*/min-width:1100px;}

/* 회사소개 > 헤더 */
#co_head_area{position:fixed;left:0;top:0;width:100%;height:110px;z-index:100;background:#f8f8f8;}
#co_head_area #co_head{position:relative;overflow:hidden;width:100%;height:110px;margin:0 auto;}
#co_head_area #co_head h2{float:left;margin:23px 0 0 70px;}
#co_head_area #co_head .com_menu{float:right;margin:49px 67px 0 0;}
#co_head_area #co_head .com_menu li{float:left;margin-left:40px;font-size:16px;}
#co_head_area #co_head .com_menu li a{color:#2f2f2f;}
#co_head_area #co_head .com_menu li a.active{color:#2f2f2f;font-weight:700;}

.ht_bg01{width:100%;background:red;}
.ht_bg02{width:100%;background:blue;}
.ht_bg03{width:100%;background:orange;}
.ht_bg04{width:100%;background:blueviolet;}

/* 회사소개 > 컨텐츠 */
#co_content_area{width:100%;padding:110px 0 0;}
#co_content_area #co_content{width:100%;}
#co_content_area #co_content .com_sec01{width:100%;height:550px;}
#co_content_area #co_content .com_sec01 li{overflow:hidden;position:relative;height:550px;background-position:0 -20px;background-repeat:no-repeat;}
#co_content_area #co_content .com_sec01 li .obj{display:inline-block;position:absolute;}
#co_content_area #co_content .com_sec01 li .obj.txt01{top:153px;left:170px;width:513px;height:62px;background:url("../../images/company/txt_com_sec01_01.png") 0 0 no-repeat;}

#co_content_area #co_content .com_sec01 li .txt02{position:absolute;top:240px;left:230px;/*top:499px;left:75%;*/display:block;width:393px;height:30px;background:url("/images/company/txt_com_sec01_02.png?2") 90% 0 no-repeat;}

@media all and (max-width:1139px){
	#co_content_area #co_content .com_sec01 li .txt02{left:20%;}
}

/*
@media all and (min-width:1140px){
	#co_content_area #co_content .com_sec01 li .txt02{left:60%;}
}

@media all and (min-width:1500px ){
	#co_content_area #co_content .com_sec01 li .txt02{left:67%;}
}

@media all and (min-width:1700px ){
	#co_content_area #co_content .com_sec01 li .txt02{left:75%;}
}
*/
#co_content_area #co_content .com_sec01 li .com_visual{position:absolute;left:50%;top:300px;z-index:50;width:600px;margin-left:-250px;font-size:34px;text-align:center;color:#000;}
#co_content_area #co_content .com_sec01 li .com_visual .visual_txt01{font-family:'Arial';font-size:80px;font-weight:bold;}
#co_content_area #co_content .com_sec01 li .com_visual .visual_txt02{font-family:'Arial';font-size:20px;}
#co_content_area #co_content .com_sec01 .bx-controls.bx-has-controls-direction.bx-has-pager{display:none;}/*슬라이드 기능 복원 시 삭제*/
#co_content_area #co_content .com_sec01_cont { width:1100px; margin:0 auto; color:#666; font-size:16px; line-height:1.8}

/*회사소개 > 비전/미션*/
#co_content_area #co_content .com_sec_vision{position:relative;overflow:hidden;width:100%;min-width:1200px;height:582px;z-index:4;}
#co_content_area #co_content .com_sec_vision .jump_vision_ttl, #co_content_area #co_content .com_sec01_wrap .jump_ttl{padding:80px 0 0;height:84px;line-height:1;font-size:36px;font-weight:700;color:#111111;text-align:center;}
#co_content_area #co_content .com_sec_vision .vision_cont{height:418px;}
#co_content_area #co_content .com_sec_vision .vision_cont:after{visibility:hidden;display: block; font-size: 0;content: ".";clear: both;height: 0;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box{position:relative;float:left;width:33.3%;/*width:50%;*/height:418px;color:#fff;text-align:center;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box.vision{background:url("../../images/company/bg_vision01.jpg") 50% 0 no-repeat;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box.mission{background:url("../../images/company/bg_vision02.jpg") 50% 0 no-repeat;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box.catchphrase{background:url("../../images/company/bg_vision03.jpg") 50% 0 no-repeat;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box .txt{position:absolute;left:0;width:100%;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box .txt.tit{top:108px;font-weight:700;font-size:30px;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box .txt.sub_tit{top:200px;font-weight:700;font-size:28px; line-height:1.2}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box .txt.copy{top:240px;font-size:17px;line-height:1.5;}
#co_content_area #co_content .com_sec_vision .vision_cont .vision_box.catchphrase .txt.copy {/*top:274px;*/}

/* 회사소개 > 회사연혁 */
#co_content_area #co_content .bx-wrapper{position:relative;margin:0 auto;}
#co_content_area #co_content .bx-pager {display:block;overflow:hidden;width: 100%;position: absolute;bottom: 17px;z-index: 50;text-align: center;}
#co_content_area #co_content .bx-pager .bx-pager-item{display:inline;}
#co_content_area #co_content .bx-pager .bx-pager-item a{display:inline-block;margin:0 5px;width:14px;height:14px;background:url("../../images/common/icon_dot02.png") 0 0 no-repeat;background-position:-24px 0;text-indent:-9999px;}
#co_content_area #co_content .bx-pager .bx-pager-item a.active{background-position:0 0;}
#co_content_area #co_content .bx-controls-direction {display:none;}
#co_content_area #co_content .com_sec02{position:relative;overflow:hidden;width:100%;height:812px;z-index:4;}
#co_content_area #co_content .com_sec02 .jump_history_ttl{padding:93px 0 0;height:86px;line-height:1;font-size:36px;font-weight:700;color:#111111;text-align:center;}
#co_content_area #co_content .com_sec02 .bx-controls-direction{display:block;position: absolute;left:50%;top:50%;width: 70%;margin-left:-35%;}
#co_content_area #co_content .com_sec02 .bx-controls-direction a{display:inline-block;width:19px;height:38px;position:absolute;z-index:10;background:url("../../images/common/btn_arrow02.png") 0 0 no-repeat;    text-indent: -9999px;}
#co_content_area #co_content .com_sec02 .bx-controls-direction a.bx-prev{left:0;background-position: 0 0;}
#co_content_area #co_content .com_sec02 .bx-controls-direction a.bx-next{right:0;background-position: -19px 0;}
#co_content_area #co_content .com_sec02 .com_slider1 {overflow:hidden;position:relative;min-width:1200px;height:631px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#fff;}
#co_content_area #co_content .com_sec02 .com_slider1 li{width:379px !important;height:632px;border-left:1px solid #dddddd;}
#co_content_area #co_content .com_sec02 .com_slider1 li:hover{display:inline-block;width:100%;height:100%;background:#f6f6f6;}
#co_content_area #co_content .com_sec02 .com_slider1 li .jp_history_list{padding:60px 0 0 34px;}
#co_content_area #co_content .com_sec02 .com_slider1 li .jp_history_list .his_ttl{font-size:40px;font-weight:700;color:#111111;background:url("../../images/company/icon_his.gif") 0 bottom no-repeat;}
#co_content_area #co_content .com_sec02 .com_slider1 li .jp_history_list .his_month{margin:37px 0 0 0;}
#co_content_area #co_content .com_sec02 .com_slider1 li .jp_history_list .his_month li{height: auto;margin:0 0 10px 0;border: 0;line-height:21px;}
#co_content_area #co_content .com_sec02 .com_slider1 li .jp_history_list .his_month li strong{display:inline-block;vertical-align: top;width:36px;font-size:16px;color:#111111;font-weight:700;}
#co_content_area #co_content .com_sec02 .com_slider1 li .jp_history_list .his_month li span{display:inline-block;color:#666666;}
#co_content_area #co_content .com_sec02 .bx-pager{display:none;}
#co_content_area #co_content .com_sec02 .com_inner{height:812px;}

/*#co_content_area #co_content .com_sec02 .com_slider_dim{position:absolute;left:0;top:186px;width:100%;height:572px;}*/
.s_dim1{position:absolute;width:20%;height:572px;left:0;top:296px;background:#fff;opacity: 0.6;filter:alpha(opacity="60")}
.s_dim2{position:absolute;width:20%;height:572px;right:0;top:296px;background:#fff;opacity: 0.6;filter:alpha(opacity="60")}

@media all and (max-width:1520px){
    /*#co_content_area #co_content .com_sec02 .com_slider1 li{/*width:366px !important;*//*width:310px !important;}
    .s_dim1{position:absolute;width:311px;height:572px;left:0;top:186px;background:#fff;opacity: 0.5;filter:alpha(opacity="50")}
    .s_dim2{position:absolute;width:311px;height:572px;right:-240px;top:186px;background:#fff;opacity: 0.5;filter:alpha(opacity="50")}
    #co_content_area #co_content .com_sec02 .bx-controls-direction a.bx-prev{left:30px;}
    #co_content_area #co_content .com_sec02 .bx-controls-direction a.bx-next{right:-160px;}*/
}   
@media all and (min-width:1915px){
    /*#co_content_area #co_content .com_sec02 .com_slider_dim{position:absolute;left:50%;top:186px;/*width:1900px;height:572px;margin-left:-950px;}*/
    .s_dim1{position:absolute;margin-left: -950px;width:379px;height:572px;left:50%;top:296px;background:#fff;opacity: 0.6;filter:alpha(opacity="60")}
    .s_dim2{position:absolute;margin-left: 570px;width:379px;height:572px;left:50%;top:296px;background:#fff;opacity: 0.6;filter:alpha(opacity="60")}
}   

/* 회사소개 > 제휴영역 */
#co_content_area #co_content .com_sec03{position:relative;width:100%;height:623px;background:#3d446b;}
#co_content_area #co_content .com_sec03 .jump_partner{position:relative;overflow:hidden;width:1100px;margin:0 auto;}
#co_content_area #co_content .com_sec03 .jump_partner .jump_partner_ttl{margin:100px 0 0 0;font-size:36px;font-weight:700;color:#ffffff;text-align:center;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box{float:left;width:33.3%;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec{width:100%;text-align:center;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec .jp_sec01{height:249px;line-height: 435px;font-size:20px;color:#ffffff;background:url("../../images/company/icon_partner.png") 50% 50% no-repeat;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec .jp_sec01.jp_sec_bg01{background-position: 120px center;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec .jp_sec01.jp_sec_bg02{background-position: -240px center;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec .jp_sec01.jp_sec_bg03{background-position: -610px center;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec .jp_sec02{color:#ffffff;padding:20px 0 40px 0;line-height: 24px;background:url("../../images/common/icon_bar05.gif") top center no-repeat;}
#co_content_area #co_content .com_sec03 .jump_partner .jp_partner_box .jp_inquiry_sec .jp_sec02 span{display:inline-block;width:100%;}

/* 회사소개 > 팝업 */
/*.jp_pop{display:none;position:relative;left:50%;top:-510px;z-index:300;margin-left: 150px;padding:30px 27px 13px 27px;width:382px;height:528px;background:#dedede;border-radius: 6px}*/
.jp_pop {display: none;position: fixed;left: 50%; top: 50%;z-index: 300; margin: -300px 0 0 -210px; padding: 30px 27px 13px 27px;width: 382px;height: 528px; background: #dedede; border-radius: 6px;}
.jp_pop .btn_close{position: absolute;top: 21px;right:23px;}
.jp_pop .jp_ttl{margin:0 0 30px 0;color:#3d446b;font-weight:700;font-size:20px;text-align:center;}
.jp_pop .jp_txt1{margin:0 0 17px 29px;font-size:13px;color:#aaa5a5;line-height:16px;}

#co_content_area #co_content .com_sec04{width:100%;margin-bottom:60px;}
#co_content_area #co_content .com_sec04 .jump_map{width:100%;height:623px;background:url("../../images/company/bg_map.jpg") center center no-repeat;text-indent:-9999px;}
#co_content_area #co_content .com_sec04 .jump_location{width:902px;margin: 35px auto 0;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01{overflow:hidden;margin: 0 0 40px 0;padding: 0 0 30px 0;border-bottom:1px solid #c0bfbe;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01 dt{float:left;width:165px;color:#111111;font-size:24px;font-weight:700;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01 dd{float:left;width:735px;color:#666666;font-size:16px;line-height:1.4;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01 dd p{margin: 0 0 6px 0;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01 dd strong{display:inline-block;font-size:16px;color:#609716;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01 dd span{display:inline-block;padding:0 20px 0 0;background:url("../../images/common/icon_bar04.gif") right 1px no-repeat;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec01 dd span.last{background:none;margin:0 0 0 20px;}

#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec02{overflow:hidden;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec02 dt{float:left;width:165px;color:#111111;font-size:24px;font-weight:700;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec02 dd{float:left;width:735px;color:#666666;font-size:16px;line-height:1.4;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec02 dd p{margin: 0 0 6px 0;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec02 dd p .jump_busNum{display:inline-block;width:280px;}
#co_content_area #co_content .com_sec04 .jump_location .jump_loca_sec02 dd p .bN{display:inline-block;margin-right:11px;}

#co_content_area #co_content .com_inner{padding:0;}

.btn_compdf {width:380px; margin:50px auto 0; padding:15px 0; border:1px solid #515777; border-radius:15px; background:#515777; text-align:center; font-size:20px; font-weight:700; color:#fff; display: inline-block;}



/* 유투브 점포라인 TV 버튼 영역 */
#co_content_area #co_content .com_sec04 .jump_youtube{width:902px;margin: 0px auto 0; display: block; text-align: center;}
.btn_youtube {width:380px; margin:50px auto 0; padding:15px 0; border:1px solid #598f34; border-radius:15px; background:#598f34; text-align:center; font-size:20px; font-weight:700; color:#fff; display: inline-block;}

/* 회사소개 > 푸터 */
#co_footer_area{position:relative;width:100%;height:240px;border-top:1px solid #d5d5d5;}
#co_footer_area .c_footer_box{width:1100px;margin:40px auto 30px;}
#co_footer_area .c_footer_box .c_f_sec01{overflow:hidden;margin:0 0 30px 0;}
#co_footer_area .c_footer_box .c_f_sec01 li{float:left;padding:0 14px;background:url("../../images/common/icon_bar03.gif") left 2px no-repeat;}
#co_footer_area .c_footer_box .c_f_sec01 li.first{float:left;padding:0 14px 0 0;background:none;}
#co_footer_area .c_footer_box .c_f_sec01 li a{color:#666666;font-size:13px;}
#co_footer_area .c_footer_box .c_f_sec01 li.on a{color:#111111;font-weight:700;}
#co_footer_area .c_footer_box .c_f_sec02, .c_f_sec03{margin:0 0 10px 0;font-size:12px;color:#666666;}
#co_footer_area .c_footer_box .c_f_sec02 span{display:inline-block;margin:0 0 0 15px;padding:0 0 0 15px;background:url("../../images/common/icon_bar03.gif") left 2px no-repeat;}
#co_footer_area .top_btn{position:absolute;bottom:241px;left:50%;margin-left:550px;}