@charset "utf-8";


/*인사말*/
.company_01 {text-align:center; padding-bottom:60px;}
.company_01 .t1{font-size:22px;  line-height:50px; position:relative;  padding-bottom:40px; border-bottom:3px #ededed solid; text-align:center;}
.company_01 .t1 .hello{display:inline-block; padding:0 20px; color:#004f9c; font-size:30px;}
.company_01 .t1 .fonti{position:relative; displaY:inline-block; top:-20px; font-size:30px; color:#ddd;}

.company_01 .philosophy  {overflow:hidden;  padding-top:40px; font-size:18px; color:#333;}



table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left;}




.process_01_01 {display:table; width:100%; table-layout:fixed; margin-top:30px;}
.process_01_01 li {display:table-cell; vertical-align:top;  border:1px #ddd solid;overflow:hidden;}
.process_01_01 li .box {}
.process_01_01 li .t0{background:#133b76; text-align:center; color:#fff; padding:15px 10px; font-size:18px;}
.process_01_01 li .box_box{padding:15px;}
.process_01_01 li.leftborder {border-left:0px;}

.process_01_01 li .photo img{vertical-align:middle; max-width:100%;}
.process_01_01 li .t1 {color:#133b76; font-size:16px;}
.process_01_01 li .t2 {color:#000; font-size:16px; margin-top:20px; }




.process_01_02 {display:table; width:100%; table-layout:fixed; margin-top:10px;}
.process_01_02 li {display:table-cell; vertical-align:top;  border:1px #ddd solid;overflow:hidden; text-align:center; padding:30px;}
.process_01_02 li.leftborder {border-left:0px;}
.process_01_02 li .photo {display:block;}
.process_01_02 li .photo img{vertical-align:middle; max-width:100%;}
.process_01_02 li .text {text-align:center; font-size:16px;}



.work_common {text-align:center; position:relative; margin-bottom:60px;}
.work_common img {width:100%;  text-align:center; vertical-align:top;} 

.work_common .cs_slider_pager {position:absolute; left:80px; bottom:25px; width:100%; z-index:99999; ;  font-size:0px; text-align:center;}
.work_common .cs_slider_pager a{display:inline-block; margin:0 2px 4px; width:70px; height:50px;  cursor:pointer; border:3px #fff solid;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;    box-sizing: border-box;}
.work_common .cs_slider_pager .cycle-pager-active {border-color:#41bdce;}
.work_common .cs_slider_pager img {width:100%; height:100%; vertical-align:middle; }


.work_common .control { position:absolute; left:30px; bottom:30px; z-index:99999 !important;}
.work_common .control a {float:left; width:50px; height:50px; background:url(../images/contents/work/work_common_btn.png) left top no-repeat; text-indent:-9999px; margin-right:5px;}
.work_common .control a.next {background-position:right top;}
.work_common .control a.prev {margin-left:10px;}



.work_02_01 {overflow:hidden; margin-top:15px;}
.work_02_01 li {float:left; width:48%; text-align:Center;}
.work_02_01 li.last {float:right;}
.work_02_01 li img  {vertical-align:top; width:100%; margin-bottom:10px;}


.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 








/*오시는길*/
.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;}


#daum_map {height:300px;}

@media all and (max-width:1024px) {




/*인사말*/

.company_01 .t1 .fonti{ top:0px; }
.company_01 .t1 div{font-size:18px; line-height:20px;}
.company_01 .philosophy {font-size:15px;}





table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}




.process_01_01 {display:block; padding:0px 10px ; width:auto;}
.process_01_01 li {display:block; vertical-align:top;  border:1px #ddd solid !important;; margin-bottom:10px;}








.process_01_02 {display:block;  padding:0px 10px ;margin-top:10px; width:auto;}
.process_01_02 li {padding:5px;}
.process_01_02 li .text {; font-size:12px;}


.work_common .cs_slider_pager {position:relative; left:0px; bottom:0px; margin-top:10px;}
.work_common .cs_slider_pager a{margin:0 1px 0px; width:30px; height:30px;}



.work_common .control { position:absolute; left:0px; bottom:50%; width:100%;}
.work_common .control a {float:none; margin:0px 10px !important;}
.work_common .control a.next {float:right;}
.work_common .control a.prev {float:left;}


/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px;}


}