@charset "utf-8";


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


.company_01 .philosophy  {overflow:hidden; text-align:left; position:relative; top:-3px; font-size:17px; }

.company_01 .philosophy .last{border-top:3px #ededed solid; padding-top:60px; font-weight:normal;}


.company_01_01 {margin-top:30px;}
.company_01_01 .title {text-align:center; border-bottom:1px #ddd solid; }
.company_01_01 .title span{displaY:inline-block; background:#fff; padding:15px; font-size:30px;position:relative; bottom:-25px;}


.company_etc_box {overflow:hidden;}
.company_etc_box .box_col {float:left; width:49%;}
.company_etc_box .box_col_last {float:right;}
.company_etc {text-align:center; padding-top:20px;}
.company_etc .name_title {font-size:33px; color:#3576d4; background:url(../images/sub/h4_dot.jpg) center 7px no-repeat; padding-top:40px; }
.company_etc .name_title span{display:block; font-size:20px; color:#333; padding:10px 0px;}


.company_etc {border:1px #ddd solid; border-radius:30px; padding:15px 0px 50px;; position:relative; margin-top:90px; }   
.company_etc .title {position:relative; top:-48px; text-align:center;} 
.company_etc .title .dot {position:absolute; top:27px; width:10px;; height:10px; border-radius:10px} 
.company_etc .title .dot1 {left:0px;} 
.company_etc .title .dot2 {right:0px;} 
.company_etc .title .t1{display:inline-block; padding:15px 40px; background:#fff; position:relative;} 
.company_etc .title .t1 .text{ color:#fff; font-size:22px; padding:15px 30px;; border-radius:30px;} 
.company_etc .box {padding:40px 30px; background:#f2f2f2; font-size:17px;}
.company_etc .box ul li { margin:10px 0px;text-align:left; }

.company_etc.m1 .title .dot { background:#1e751a;} 
.company_etc.m1 .title .t1 .text{background:#1e751a;}

.company_etc.m2 .title .dot { background:#1e6d9a;} 
.company_etc.m2 .title .t1 .text{background:#1e6d9a;}

.company_etc.m3 .title .dot { background:#dc6c19;} 
.company_etc.m3 .title .t1 .text{background:#dc6c19;}



.system_01_line {border:5px #ddd solid; border-radius:0px 0px 0px 0px;; font-size:0px; border-left:0px; border-right:0px; position:relative; z-index:1; margin-bottom:70px;}
.system_01_line li {display:inline-block; width:12.5%; font-size:11px; text-align:center; position:relative; top:-13px;}
.system_01_line li .cycle{display:inline-block; width:15px; height:15px; border-radius:15px; background:#20509f;}
.system_01_line li .text{display:block;}
.system_01_line li.last {top:47px;}


.system_01_new {overflow:hidden;}
.system_01_new li {float:left; width:251px; height:251px; border:1px #ddd solid; margin-right:30px; margin-bottom:30px;}
.system_01_new li:nth-child(even){background:#f8f8f8;}
.system_01_new li.last {margin-right:0px;}
.system_01_new li .cont {text-align:center; margin-top:50px;}
.system_01_new li .cont span {display:inline-block; width:40px; line-height:40px; height:40px; background:#f26d0a;color:#fff; font-size:20px;}
.system_01_new li dl {padding:15px; text-align:center;}
.system_01_new li dl dt{font-size:20px; text-align:center; color:#000; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd dashed;}
.system_01_new li dl dd{font-size:14px; color:#666; margin-top:10px; line-height:18px;}



.system_02_list  {display:table; width:100%; table-layout:fixed; margin-top:20px; border-right:1px #ddd solid; }
.system_02_list ul {display:table; width:99%; table-layout:fixed; margin-top:20px; border-right:1px #ddd solid; }
.system_02_list ul li{display:table-cell;vertical-align:middle; text-align:center; padding:10px;border:1px #ddd solid; border-right:0px;}
.system_02_list ul li .box {}
.system_02_list ul li .icon{height:150px; line-height:150px;}
.system_02_list ul li .icon img {vertical-align:middle; max-width:100%;}
.system_02_list ul li .text{line-height:16px; font-size:11px; text-align:center; border-bottom:1px #ededed solid; padding-bottom:15px; min-height:36px;}


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



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





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



/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:relative; right:0; top:0; height:150px; overflow:hidden; }
.company_intro .photo_box img {vertical-align:top; width:100%;}
.company_intro .txt_area {margin-right:0px; margin-top:30px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all;}




.system_01_new {overflow:hidden;}
.system_01_new li {float:none; width:auto; margin-right:0px !important;}








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


}