@charset "utf-8";


/*인사말*/
.about_01_01 {position:relative; border-bottom:1px #ddd dashed; padding-bottom:60px;}
.about_01_01 .icon {position:absolute; right:0px; top:0px;}
.about_01_01 dl {margin-right:300px;padding-top:50px;}
.about_01_01 dl dt{font-size:25px; color:#339e67; margin-bottom:20px;}
.about_01_01 dl dd{font-size:17px; color:#000;}


.about_01_02 {padding:30px; background:#f1f6f8;} 
.about_01_02 ul li {margin-bottom:40px; position:relative; padding-left:130px;} 
.about_01_02 ul li .icon {position:absolute; left:0px; top:0px; } 
.about_01_02 ul li .icon img {vertical-align:middle; max-width:100%;} 
.about_01_02 ul li dl dt{font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;} 
.about_01_02 ul li dl dd{font-size:15px; color:#777;  background:url(../images/sub/dt_dot.jpg) left 10px no-repeat; padding-left:10px;}  



.about_01_03 {text-align:center; position:relative; margin-top:30px;}
.about_01_03 img {width:100%;  text-align:center; vertical-align:top;} 

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


.about_01_03 .control { position:absolute; left:30px; bottom:30px; z-index:99999 !important;}
.about_01_03 .control a {float:left; width:50px; height:50px; background:url(../images/contents/about/about_01_03_btn.png) left top no-repeat; text-indent:-9999px; margin-right:10px;}
.about_01_03 .control a#about_01_03_next {background-position:right top;}
.about_01_03 .control a#about_01_03_prev {margin-left:10px;}



#explanation_video {width:100%; margin:0px; padding:0px;}

/*이동통일관*/
.experience_01_01 {position:relative;}
.experience_01_01.etc {padding:30px; background:#f8f8f8; margin-bottom:60px;}
.experience_01_01 .photo {position:absolute; left:0px; top:0px;;}
.experience_01_01.etc .photo {left:30px; top:30px;;}
.experience_01_01 dl {padding-left:250px;}
.experience_01_01 dl dt {font-size:25px; color:#000; font-weight:bold;}
.experience_01_01 dl dd {font-size:16px; color:#777; padding-top:20px;}

.experience_01_01 .box {margin-left:250px; margin-top:20px;}
.experience_01_01 ul {display:table; width:100%; table-layout:fixed;}
.experience_01_01 ul li{display:table-cell;vertical-align:middle; border:1px #ddd solid; text-align:center; padding:20px 0px;}
.experience_01_01 ul li.last{border-left:0px; background:#f8f8f8;}
.experience_01_01 ul li div{display:inline-block; vertical-align:middle; }
.experience_01_01 ul li div img {vertical-align:middle;}
.experience_01_01 ul li div.text{font-size:20px; margin-left:10px;}



/*업무분야*/
.experience_01_02 {overflow:hidden; margin-top:30px;}
.experience_01_02 .col {float:left; width:450px;   position:relative;}
.experience_01_02 .col.last {margin-left:10px;}
.experience_01_02 .col img {vertical-align:top; max-width:100%;}
.experience_01_02 .col .title_box  {position:relative;  padding-left:60px; border-bottom:1px #ddd solid; padding-bottom:20px; margin-bottom:20px;}
.experience_01_02 .col .title_box .num {position:absolute; left:0px; top:8px; font-size:40px;    color:#ddd;    font-weight:bold;    }
.experience_01_02 .col .title_box .title { color:#000; font-sizE:20px; margin:15px 0px 0px; }
.experience_01_02 .col .title_box .title_info {color:#bc9b6a;    font-sizE:14px;    line-height:18px; }

.experience_01_02 .col .text_box li {background:url(../images/sub/dt_dot.jpg?2020) 5px 11px no-repeat; line-height:24px;  padding-left:20px; font-size:16px;}



.communi_05_wrap_box {}
.communi_05_wrap {display:table; width:100%; table-layout:fixed;}
.communi_05_wrap .col {display:table-cell; vertical-align:middle;padding:40px 0px; text-align:center; background:#043763;}
.communi_05_wrap .col.last {background:#339e67;}
.communi_05_wrap .col dl dt{font-size:25px; color:#fff;}
.communi_05_wrap .col dl dd{font-size:16px; color:#fff; margin-top:20px; display:inline-block; background:url(../images/main/main_fast_more.png) left bottom no-repeat; padding-right:60px; padding-bottom:10px;}


.communi_05_text_info{border:1px #ddd solid; border-bottom:0px;; padding:30px; font-size:16px; color:#000; background:#f8f8f8; letter-spacing:-1px; }


.common_help_box {padding:20px; background:#f8f8f8; border:1px #ddd solid; font-size:16px; text-align:center; margin-top:20px;}


/*오시는길*/
.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 {width:100%; height:350px; }


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;}

.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;} 


.about_04 {margin-top:60px;}

.about_04 .tit {font-size:19px; font-weight:600; color:#000; letter-spacing:-1px; padding-bottom:10px; border-bottom:1px solid #bbb;}
.about_04 .tit .ic {float:left; margin-right:10px;}
.about_04 .tit .ic img {vertical-align:top;}


.about_04 .car_box {position:relative; display:table; width:100%; box-sizing:border-box; vertical-align:top;}
.about_04 .car_box ul {display:table-row; border-bottom:1px solid #ddd; display:block;}
.about_04 .car_box li {display:table-cell; vertical-align:middle; padding:15px 0;}
.about_04 .car_box .th {color:#333; width:190px; text-align:center; font-size:14px; background:#f7f7f7;}
.about_04 .car_box .td {padding:10px 15px; line-height:20px; font-size:14px; border-left:1px solid #ddd;}
.about_04 .car_box .ic {display:inline-block; color:#fff; font-size:12px; letter-spacing:-0.5px; border-radius:400px; text-align:center; width:40px; height:20px; line-height:20px; margin:0 5px 0 10px;}
.about_04 .car_box .ic_green {background:#50a332;}
.about_04 .car_box .ic_bora {background:#5c5391;}
.about_04 .car_box .ic_red {background:#ec0707;}
.about_04 .car_box .ic_blue {background:#3184cb;}
.about_04 .car_box .ic_yeon {background:#1f7e4c;}






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




/*인사말*/

.about_01_01 .icon {position:relative; text-align:center;}
.about_01_01 dl {margin-right:0px;padding-top:20px;}



.about_01_02 {padding:30px; background:#f1f6f8;} 
.about_01_02 ul li {margin-bottom:40px; position:relative; padding-left:0px;} 
.about_01_02 ul li .icon {position:relative;text-align:center;} 
.about_01_02 ul li dl dt{text-align:center; padding:10px 0px 5px;} 


.about_01_03 .cs_slider_pager {position:relative; bottom:0px; text-align:center; margin-top:10px;}
.about_01_03 .cs_slider_pager a{width:50px; height:40px; }



.about_01_03 .control {display:none;}




/*이동통일관*/
.experience_01_01 {position:relative;}
.experience_01_01 .photo {position:relative; text-align:center;}
.experience_01_01.etc .photo {left:0px; top:0px;;}
.experience_01_01 dl {padding-left:0px;}


.experience_01_01 .box {margin-left:0px; }




/*업무분야*/
.experience_01_02 .col {float:none; width:auto; margin-bottom:40px !important;}
.experience_01_02 .col.last {margin-left:0px;}




.communi_05_wrap {display:block;}
.communi_05_wrap .col {display:block;}
.communi_05_wrap .col dl dt{font-size:20px; }
.communi_05_wrap .col dl dd{font-size:13px;}





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


/*오시는길*/
.company_map dl+ dl {display:none;}
.company_map {height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}

}