@charset "utf-8";



/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:absolute; right:0; top:5px;}
.company_intro .photo_box img {vertical-align:middle;}
.company_intro .txt_area {margin-right:500px; padding-bottom:60px; }
.company_intro .txt_area dt {font-size:23px; line-height:33px; color:#222; margin-bottom:30px;  letter-spacing:1px;}
.company_intro .txt_area dd {font-size:15px; color:#666;     word-break: break-all;    overflow: hidden;}
.company_intro .txt_area .name  {margin-top:60px; text-align:right;}
.company_intro .txt_area .name .t1 {font-size:20px; color:#000; margin:40px 0px 10px;}
.company_intro .txt_area .name .t2 {font-size:16px; color:#000; margin-top:5px;}





.company_05_01 {border:1px #ddd solid;}
.company_05_01 .col_box{display:table; width:100%; }
.company_05_01 .col_box .col {display:table-cell; vertical-align:middle; padding:30px;}
.company_05_01 .col_box .col.icon {border-right:1px #ddd solid; width:30%; text-align:center;}
.company_05_01 .col_box .col.text {font-size:16px;}
.company_05_01 .col_box .col.text img {vertical-align:middle;}
.company_05_01 .col_box .col.text strong{color:#000; font-size:30px; background: linear-gradient(to right, #cf3237, #213164);    color: transparent;    -webkit-background-clip: text;}
.company_05_01 .col_box .col.text span {font-size:18px; display:inline-block; padding:0 10px;}






.company_05_etc {overflow:hidden;}


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


.company_05_etc .col.right .title .dot,
.company_05_etc .col.right .title .t1 .text{background:#4b6835; }




.business_01_03 {overflow:hidden;}
.business_01_03 li.list{float:left; width:32%; margin-bottom:2%;}
.business_01_03 li.center{margin:0px 2% 2%;}
.business_01_03 li.list dl {border:1px #ddd solid; min-height:230px; padding:30px;}
.business_01_03 li.list dl dt {font-size:22px; font-weight:bold; color:#3b4aa7; border-bottom:1px #ddd solid;; padding-bottom:20px; margin-bottom:20px;}
.business_01_03 li.list dl dd {font-size:15px; color:#333; background:#f2f2f2; padding:20px; line-height:23px;}




.business_01_etc_box {display:table; width:100%; }
.business_01_etc_box .col {display:table-cell;; vertical-align:middle;}
.business_01_etc_box .col.left {padding-right:30px;}
.business_01_etc_box .col.right {padding-left:30px; vertical-align:top; border-left:1px #ddd solid;}
.business_01_etc_box .col.right .border_box { padding:20px;}




.business_03_02 {position:relative; border:1px #ddd solid;}
.business_03_02 .col_box {display:table; width:100%;}
.business_03_02 .col_box .col {display:table-cell; vertical-align:middle; background:#f2f2f2;}
.business_03_02 .col_box .col img {vertical-align:middle;}
.business_03_02 .col_box .col.photo {text-align:center; width:30%; border-right:1px #ddd  solid; background:#fff; padding:30px 0px;}
.business_03_02 .col_box .col.photo .name {font-size:17px; color:#000; margin-top:10px;}
.business_03_02 .col_box .col.photo .name span {display:block; font-size:15px; color:#999;}
.business_03_02 .col_box .col.info {padding:0 60px;}


.common_research_01_bg {height:350px; text-align:center; background-position:center top; background-repeat:no-repeat; background:url(../images/contents/research/research_01_bg.png?11) center top no-repeat;}
.common_research_01_bg.business_03_04 {background:url(../images/contents/business/business_03_04_top_bg.png) center top no-repeat;}
.common_research_01_bg .title{font-size:35px; letter-spacing:-1px; color:#fff; text-align:center; padding-top:126px; line-height:28px; font-weight:600;}
.common_research_01_bg .title_info{font-size:19px; color:#ffffff; text-align:center; line-height:24px; padding-top:18px; padding:30px 30px 0px;;}


.common_research_01_box {margin:0px 60px 0; background:#fff; padding:60px 30px  }
.common_research_01_box h4 {font-size:33px; color:#000; line-height:34px; text-align:center; letter-spacing:-1.5px;  font-weight:800;} 
.common_research_01_box .con_stit {font-size:30px; line-height:30px; color:#0691c9; letter-spacing:-1.5px; font-weight:400; margin:15px 0 35px; word-break:keep-all; padding:0 50px; text-align:center;}
.common_research_01_box .text {color:#555; line-height:22px; font-size:15px; text-align:center; padding:0 60px; word-break:keep-all;}
.common_research_01_box .text u {color:#0691c9; font-weight:bold;}





.business_01_process_etc {width:84%; margin:0 auto;}
.business_01_process {display:table; width:100%;  margin-top:30px;}
.business_01_process li{display:table-cell; vertical-align:middle;text-align:center; border:3px #367dc3 solid; width:120px; height:120px;  border-radius:120px; }
.business_01_process li .col {font-size:18px; font-weight:bold; color:#000;}
.business_01_process li .col span.jump {display:block; font-size:13px;}

.business_01_process li.arrow {width:40px;}
.business_01_process li.arrow  {border:0px;}



.business_02 {padding-right:620px; position:relative;}
.business_02 .icon{position:absolute; right:0px; top:50px;}



.research_img_col_box {display:table; width:100%; table-layout:fixed;}
.research_img_col_box .col {display:table-cell; text-align:center; vertical-align:middle;}
.research_img_col_box .col img {vertical-align:middle;}



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





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:0px; text-align:center;}
.company_intro .photo_box img {max-width:100%;}
.company_intro .txt_area {margin-right:0px;}


.company_05_01 .col_box{display:block; }
.company_05_01 .col_box .col {display:block;}
.company_05_01 .col_box .col.icon {border-right:0px #ddd solid; width:auto; }
.company_05_01 .col_box .col.text {font-size:16px; border-top:1px #ddd solid;}



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


.company_05_etc .col.right .title .dot,
.company_05_etc .col.right .title .t1 .text{background:#4b6835; }




.business_01_03 {overflow:hidden;}
.business_01_03 li.list{float:none; width:auto; margin:0px 0px 10px !important;}
.business_01_03 li.list dl { min-height:auto; padding:30px 15px;}





.business_01_etc_box {display:block; width:auto; }
.business_01_etc_box .col {display:block;;}
.business_01_etc_box .col.left {padding-right:0px;}
.business_01_etc_box .col.right {padding:10px 0px;margin-top:30px; border:0px; border-top:1px #ddd solid;}
.business_01_etc_box .col.right .border_box { padding:0px;}





.business_03_02 .col_box {display:block; width:auto;}
.business_03_02 .col_box .col {display:block; }

.business_03_02 .col_box .col.photo {width:auto; border-right:0px;}

.business_03_02 .col_box .col.info {padding:15px;  border-top:1px #ddd  solid;}


.common_research_01_bg .title{padding-top:100px}
.common_research_01_bg .title_info{font-size:17px; }
.common_research_01_box {margin:0px 10px 0; padding:60px 0px  }






.business_01_process_etc {width:84%; margin:0 auto;}
.business_01_process {display:table; width:100%;  margin-top:30px;}
.business_01_process li{display:table-cell; vertical-align:middle;text-align:center; border:3px #367dc3 solid; width:120px; height:120px;  border-radius:120px; }
.business_01_process li .col {font-size:18px; font-weight:bold; color:#000;}
.business_01_process li .col span.jump {display:block; font-size:13px;}

.business_01_process li.arrow {width:40px;}
.business_01_process li.arrow  {border:0px;}



.business_02 {padding-right:0px; position:relative;}
.business_02 .icon{position:relative; right:0px; top:0px;}



.research_img_col_box {display:block; width:auto; table-layout:fixed;}
.research_img_col_box .col {display:block; margin-bottom:5px;}
.research_img_col_box .col img {width:100%;}





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




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



}