@charset "utf-8";

.m_layout_b{display:block;}
.m_layout_bl{display:inline-block;} 
.m_layout_l{display:inline;}
.m_layout_tc{display:table-cell;}
.m_layout_tl{display:table-column;}

.m_con_b{display:none}
.m_con_bl{display:none} 
.m_con_l{display:none}
.m_con_tc{display:none;}

.sub_visual{top:50px;height:200px}
.sub_visual .txt{padding-top:100px}

#conData > div{position:relative;padding:90px 0 80px 0}
#conData .txt_wrap{position:relative;max-width:1199px;margin:0 auto}


#nav{position:fixed;top:200px;left:0;z-index:5; border:2px solid red;}
/* company */
.company .side_nav ul{}
.company .side_nav ul li{position:relative;width:130px;margin-bottom:1px}
.company .side_nav ul li a{display:block;width:130px;height:60px;letter-spacing:normal;text-align:center;line-height:60px;font-size:18px;color:#e0e0e0;background:#eef9eb;background:rgba(168,166,164,0.85)}
.company .side_nav ul li:hover a,.company .side_nav ul li.actived a{color:#fff;background:#429d2a}

#conData > div.company01{border:1px solid red;}
#conData .s_title{font-size:18px;color:#817059;margin-bottom:50px}
.company01 .txt_data{}
.company01 .txt_data .txt01{color:#000000; font-size:42px; font-weight:bolder; letter-spacing:-3px; padding-bottom:61px; text-align:center}
.company01 .txt_data .txt02{font-size:14px;color:#fff;opacity:0.8;line-height:22px;margin-top:20px}
.company01 .txt_data .txt03{font-size:14px;color:#fff;opacity:0.8;line-height:22px;margin-top:15px;}
.company01 .txt_data .txt02 span,
.company01 .txt_data .txt03 span{opacity:0.7}
.company01 .txt_data .txt03 em{display:inline-block;zoom:1;*display:inline;margin-top:-10px;font-size:20px;vertical-align:middle;}
.company01 .txt_data .txt04{margin-top:10px}

/*ΔΑΕΩΓχ °ψΕλ*/
.div_comm01 { position:relative; overflow:hidden; margin:47px 0;}
.div_comm01  > p { width:380px; height:131px; float:left; margin-right:29px;}
.div_comm01  > p > a { width:100%; height:100%; display:block; text-align:center; color:#5e4b45; font-size:28px; font-weight:bolder; padding-top:45px;}

.company02 .txt01{margin-bottom:25px}
.company02 .txt02{font-size:16px;color:#444;line-height:26px;margin-top:15px}
.company02 .txt02 em{font-size:24px;color:#a6854a;letter-spacing:normal}
.company02 .txt03{font-size:14px;color:#444;font-weight:700}
.company02 .txt04{line-height:20px;margin-top:5px}
.company02 .txt05{margin-top:10px}
.company02 .list{margin-top:45px}
.company02 .list__item{float:left;width:25%}
.company02 .title_wrap{padding:15px 0}
.company02 .title_wrap p{color:#fff;letter-spacing:normal}
.company02 .title_wrap .title01{font-size:12px}
.company02 .title_wrap .title02{font-size:18px;font-weight:700;margin-top:5px}
.company02 .list01 .title_wrap{background:#9cc729}
.company02 .list02 .title_wrap{background:#e85363}
.company02 .list03 .title_wrap{background:#58c2e0}
.company02 .list04 .title_wrap{background:#f1961b}
.company02 li > div{background:#fbfaf9;border:1px solid #e1dcd6;border-top:none;margin-left:-1px}
.company02 .con_data{padding:15px;text-align:left}
.company02 li:first-child {margin-left:0}

.company03{background:#f2eeea}
.company03 .txt01{font-size:16px;color:#444;line-height:22px}
.company03 .txt02{font-size:14px;color:#666;line-height:20px;margin:20px auto 0 auto;max-width:580px}
.company03 .txt03{font-size:16px;color:#444;line-height:22px}
.company03 .history_tab{max-width:520px;margin:40px auto 0 auto;overflow:hidden}
.company03 .history_tab li{float:left;width:50%}
.company03 .history_tab li a{display:block;font-size:16px;color:#888;line-height:43px;background:#f5f2ef;border:1px solid #e1dcd6;margin-left:-1px;text-align:center}
.company03 .history_tab li:first-child a{margin-left:0}
.company03 .history_tab li a:hover,.company03 .history_tab li.actived a{background:#fff;color:#444}
.company03 .history_con{margin-top:25px}
.company03 .history_con > div{display:none}
.company03 .history_con ul li{width:50%}
.company03 .history_con ul li.left{text-align:right;margin-right:50%}
.company03 .history_con ul li.left .dot{right:-7px}
.company03 .history_con ul li.right{text-align:left;margin-left:50%}
.company03 .history_con ul li.right .dot{left:-7px}
.company03 .history_con ul li > div{position:relative;padding:0 30px}
.company03 .history_con .year{font-size:36px;color:#444;letter-spacing:normal}
.company03 .history_con .txt{line-height:20px;margin-top:10px}
.company03 .history_con .dot{position:absolute;top:10px;width:14px;height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#e85363}
.company03 .history_con ul li.y_2014{margin-top:-200px}
.company03 .history_con ul li.y_2012{margin-top:-85px}

.company04 .txt01{font-size:16px;color:#444;line-height:22px}
.company04 .txt02{font-size:14px;color:#888;line-height:20px;margin:20px auto 0 auto;max-width:580px}
.company04 .txt03{font-size:16px;color:#fff;line-height:22px}
.company04 .txt03 em{color:#ffe400}
.company04 .txt04{margin-top:20px;margin-bottom:30px}
.company04 .txt05{font-size:14px;color:#fff;line-height:20px;margin:8px auto 0 auto;max-width:630px}
.company04 .txt06{font-size:16px;color:#fff;line-height:22px;padding-top:30px}
.company04 .txt07{font-size:14px;color:#bfcb9f;line-height:22px;padding-bottom:30px}
.company04 .txt08{font-size:16px;color:#444;margin-top:30px}
.company04 .project_wrap{margin-top:30px;padding:50px 0;background:#7aa30d}
.company04 .list{}
.company04 .list__item{width:50%;text-align:left;background:#557209;}
.company04 .list__item > div{border-left:1px solid #7aa30d;padding:0 10px 0 110px}
.company04 .list__item:first-child > div{border-left:none}
.company04 .history_list{margin-top:20px}
.company04 .history_list li{position:relative;border:1px solid #e1dcd6;margin-top:-1px}
.company04 .history_list .thumb{position:absolute;top:0;left:0;width:248px;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.company04 .history_list .list_wrap{text-align:left;margin-left:248px;padding:20px;background:#fbfaf9}
.company04 .history_list .subject{font-size:14px;color:#e1dcd6}
.company04 .history_list .subject span{display:block;margin:0}
.company04 .history_list .subject .title{margin-top:10px;}
.company04 .history_list .date{color:#b38b50;margin-bottom:80px}
.company04 .history_list .title{font-weight:700;color:#444;margin-top:80px}
.company04 .history_list .info{color:#666;line-height:20px;margin-top:10px}
.company04 .history_list .btn_view{margin-top:5px}
.company05{background:#f2eeea}
.company05 .txt01{font-size:16px;color:#444;line-height:22px}
.company05 .txt02{font-size:14px;color:#888;line-height:20px;margin:20px auto 0 auto;max-width:580px}
.company05 .txt03{margin-top:30px}

/* 
.keyVisualWrap{position:relative;overflow:hidden;}

.keyVisualWrap .textArea{width:1199px; color:#000; border:1px solid #000;}
.keyVisualWrap .textArea h3{font-size:45px;}
.keyVisualWrap .textArea .t_txt {font-size:40px; text-align:center; font-weight:bold; letter-spacing:-0.05em; line-height:0;}

.keyVisualWrap .keyVisual02 .textArea h3{color:#444;margin-bottom:30px}
.keyVisualWrap .choice_area:after{content:"";clear:both;display:block}
.keyVisualWrap .textArea p{padding-bottom:18px;line-height:25px;font-size:20px;font-family:'kiaB';text-shadow:rgba(0,0,0,.4) 0 0 1px}

.shadowWhite{text-shadow:rgba(255,255,255,1)0 0 5px!important}
.shadowBlack{text-shadow:rgba(0,0,0,1) 0 0 5px!important}
.shadowNone{text-shadow:none!important}

#content.pipContents img{max-width:none}
.pipContents{overflow:hidden;max-width:1199px;margin:0 auto;background:#fff!important;}

.pipContents .popup_wrap{display:none;width:740px;margin:0 auto;left:50%;margin-left:-370px}
.pipContents .popup_wrap img{width:100%}
.pipContents .popup_wrap02 .youtube{height:100%}
.pipContents .popup_wrap dl.img_more{padding:25px}

.pipLayout.temp01 .v_comment,.pipLayout.temp09 .v_comment{display:block!important}
.pipLayout.temp01 .shadowWhite,.pipLayout.temp01 .shadowBlack,.pipLayout.temp08 .shadowWhite,.pipLayout.temp08 .shadowBlack,.pipLayout.temp09 .shadowWhite,.pipLayout.temp09 .shadowBlack,.pipLayout.temp10 .shadowWhite,.pipLayout.temp10 .shadowBlack{text-shadow:none!important}
.temp01 .v_comment{margin-bottom:30px;padding-bottom:30px}

.pipLayout .mainInner{height:auto;padding-bottom:0; border:3px solid blue; color:#000;}
.pipLayout .bgArea{position:relative;left:auto;top:auto;width:auto;height:auto}

.div_skill ul {margin-top:20px;}
.div_skill ul li {float:left; margin-right:30px;}
.div_skill ul li:last-child {margin-right:0;}

.pipLayout .bgArea .bgInner{width:100%;height:auto;position:static;left:0;top:0; }
.pipLayout .bgArea img{width:100%;position:static;left:0;top:0;bottom:0;right:0;margin:auto;}


.pipLayout .textArea{position:relative;margin:0;padding:0;border:3px solid green;}
.pipLayout .textArea h3{font-size:40px; text-align:center; font-weight:bold; letter-spacing:-0.05em;}

.pipLayout .textArea h4{position:relative;z-index:1000;color:#333!important;font-size:18px;line-height:21px;padding:14px 15px 0 15px;text-shadow:none}
.pipLayout .textArea .subTxt{padding:12px 15px 30px 15px;color:#666!important;font-size:13px;line-height:16px;font-family:'KiaM';text-shadow:none}

.pipLayout .mainInner .h3_tit {font-size:30px; text-align:center; font-weight:bold; letter-spacing:-0.05em; height:60px; line-height:60px;}

.indicator{position:absolute;top:300px;right:10px;z-index:1000;width:166px;margin-top:-109px;text-align:right}
.indicator .indicator_inner{position:absolute;top:0px;right:2px;width:100%}
.indicator .indicator_inner.other02{top:38px}
.indicator .indicator_inner.other03{top:61px}
.indicator .indicator_inner.other04{top:84px}
.indicator .indicator_inner.other05{top:107px}

.indicator .indicator_inner .text_step_wr{display:none}
.indicator .indicator_inner .text_step{display:inline-block;background:url(/img2/product/right_btn/bg_pip_btn_le02.png) left top no-repeat;height:21px}
.indicator .indicator_inner .text_step span{display:inline-block;background:url(/img2/product/right_btn/bg_pip_btn_ri02.png) right top no-repeat;height:19px;margin-left:8px;padding:1px 15px 1px 8px;font-size:14px;color:#fff}
.indicator .indicator_inner ul{overflow:hidden}
.indicator .indicator_inner ul li{position:relative;height:32px;line-height:32px;width:100%;margin-bottom:2px}
.indicator .indicator_inner ul li a{display:block;width:32px;position:absolute;right:0;top:0;height:32px;color:#fff;font-family:'KiaB';font-size:14px;margin-bottom:2px}
.indicator .indicator_inner ul li .indicatorNum{display:inline-block;position:absolute;right:0;top:0;z-index:2;width:32px;height:32px;background:url(/img2/product/right_btn/bg_indicator_off.png) no-repeat 0 0;text-align:center}
.indicator .indicator_inner ul li .indicatorTxt{display:inline-block;position:absolute;right:0;top:0;z-index:1;width:129px;height:32px;max-width:129px;max-height:32px;background:url(/img2/product/right_btn/bg_indicatortxt_off.png) no-repeat 0 0;text-align:left;padding-left:16px;overflow:hidden;color:#fff;font-family:'KiaB';font-size:14px;margin-right:14px}
.indicator .indicator_inner ul li.on .indicatorNum{background:url(/img2/product/right_btn/bg_indicator_on.png) no-repeat 0 0}
.indicator .indicator_inner ul li.on .indicatorTxt{background:url(/img2/product/right_btn/bg_indicatortxt_on.png) no-repeat 0 0}

.indicator .indicator_inner .masked{visibility:hidden;width:0}
.indicator a.indicator_prev{display:inline-block;background:url(/img2/product/right_btn/bg_indicator_top.png) no-repeat 50% 50%;width:32px;height:20px}
.indicator a.indicator_next{display:inline-block;background:url(/img2/product/right_btn/bg_indicator_bottom.png) no-repeat 50% 50%;width:32px;height:20px}
.indicator .topBtn{position:relative;right:-100px;background:url(/img2/product/right_btn/btn_top_w.png) no-repeat 0 0;margin-top:20px}
.indicator .topBtn a{display:block;width:68px;height:32px}
*/

.manual_area {background:#439d2b; padding-bottom:40px;}
.manual_area h4 {font-size:34px; font-weight:700; letter-spacing:-2px; color:#fff; padding:30px 0;}
.manual_area div.box {position:relative; width:88%; margin:0 auto;; background:#fff; border:5px solid #d3d3d3; border-radius:20px; padding:30px 40px 30px 50px; min-height:150px;}
.manual_area div.box ul {width:80%; text-align:left;}
.manual_area div.box ul li {font-size:18px; line-height:28px; color:#444444; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; font-weight:400;}
.manual_area div.box ul li span {font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; font-weight:400;}
.manual_area div.box ul li span.tit {font-weight:600;}
.manual_area div.box ul li span.dot {display:inline-block; padding: 0 20px; vertical-align:top;}
.manual_area div.box p {position:absolute; top:47px; right:65px;}
.manual_area div.box ul.ul_01 li {background:url(/img2/service/manual_dot.png) no-repeat 0 12px; padding-left:20px;}

.manual_area div.box ul.ul_02 dl {width:100%; margin-bottom:10px; display:inline-block;}
.manual_area div.box ul.ul_02 dl dt {float:left; width:17%; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; font-weight:600; line-height:34px; background:url(/img2/service/manual_dot.png) no-repeat 0 14px; padding-left:20px;}
.manual_area div.box ul.ul_02 dl dt span.dot {float:right;}
.manual_area div.box ul.ul_02 dl dt span.tit {font-weight:600;}
.manual_area div.box ul.ul_02 dl dd {float:left; width:83%;}
.manual_area div.box ul.ul_02 li span.dot {display:inline-block; padding:0 20px 0 0; vertical-align:top; margin-top:-2px;}


a.apply_btn {display:inline-block; width:150px; height:34px; line-height:32px; text-align:center; background:#fcbf28; font-family: 'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.5pt;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
a.apply_btn.go {color:#000; border:3px solid #d79e13; border-radius:10px;}
a.apply_btn.go:hover {color:#fff; border:3px solid #31831d; background:#429d2b;}

/*
a.apply_btn.no {color:#9a9a9a; border:1px solid #ddd;}
a.apply_btn.no:hover {color:#797979; border:1px solid #bbb; background:#f9f9f9;}
*/