@charset "utf-8";



/*인사말*/
.company_intro {position:relative; overflow:hidden; padding-bottom:60px;}
.company_intro .photo_box {position:absolute; right:100px;; top:190px;}
.company_intro .photo_box img {vertical-align:middle;}


.company_intro .txt_area dt {font-size:30px; line-height:28px; color:#ff6c00; margin-bottom:30px; font-weight:bold;}
.company_intro .txt_area dt span {font-size:22px; color:#000; line-height:22px; display:block;  margin-top:10px; }
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all; margin-right:400px;}
.company_intro .txt_area dd .sign {margin-top:10px; text-align:right; font-size:20px; color:#000}
.company_intro .txt_area dd .sign span{color:#000; font-size:22px; display:inline-block; margin-left:10px; }



/*경영이념*/
.common_about_02_title {text-align:center; border-top:1px #ddd solid; position:relative; }
.common_about_02_title span {display:inline-block; background:#fff; font-size:40px; color:#003f80; position:relative; top:-20px; padding:0 40px; }


.common_about_02_title_etc {text-align:center;  position:relative;  padding-bottom:30px;}
.common_about_02_title_etc span {display:inline-block; background:#fff; font-size:40px; color:#000; position:relative; top:-25px; padding:0 40px; }


.about_02_01 {margin-top:80px; padding:0px 1px;}
.about_02_01 ul {display:table; width:100%; table-layout:fixed; border-left:1px #ddd solid;}
.about_02_01 ul li{display:table-cell; vertical-align:middle;  text-align:center;  padding:30px 0px;  border:1px #ddd solid; margin-left:-1px; line-height:20px; font-size:14px; border-left:0px;}
.about_02_01 ul li .box .icon{ height:50px;}
.about_02_01 ul li .box .icon img {vertical-align:middle;}
.about_02_01 ul li:nth-child(odd) {background:#f8f8f8}


.about_02_02 {margin-top:60px; position:relative; border:1px #ddd solid; padding:30px; display:none}
.about_02_02 .title{font-size:20px; text-align:center; font-size:40px; color:#003f80;}
.about_02_02 .title span {display:block; font-size:16px; padding-top:10px; color:#888;}

.about_02_02 ul {margin:0 200px; margin-top:60px; }
.about_02_02 ul li {float:left; width:25%; border-bottom:3px #ddd solid; position:relative; text-align:center; font-size:20px; padding-bottom:20px;}
.about_02_02 ul li .dot {position:absolute; left:0px; top:30px; width:100%; text-align:center;}
.about_02_02 ul li .dot span {display:inline-block; width:10px; height:10px; border-radius:10px; background:#000}
.about_02_02 ul li.m1 {color:#003f80}
.about_02_02 ul li.m1 .dot span {background:#003f80}

.about_02_02 ul li.m2 {color:#688a81}
.about_02_02 ul li.m2 .dot span {background:#688a81}

.about_02_02 ul li.m3 {color:#ec701e}
.about_02_02 ul li.m3 .dot span {background:#ec701e}

.about_02_02 ul li.m4 {color:#de6fd5}
.about_02_02 ul li.m4 .dot span {background:#de6fd5}


.about_02_02 .common_box_text{position:absolute; top:120px;  width:150px; height:150px; border-radius:150px; border:2px #688a81 solid;} 
.about_02_02 .left_box{ left:20px;}
.about_02_02 .right_box{ right:20px; }

.about_02_02 .common_box_text dl{text-align:center;}
.about_02_02 .common_box_text dl dt{ font-size:22px; color:#000; margin:20px 20px 10px; border-bottom:1px #ddd solid; padding-bottom:8px;}
.about_02_02 .common_box_text dl dd{ font-size:13px; color:#777; line-height:20px;}

.about_02_02 .left_box {border-color:#688a81}
.about_02_02 .left_box dl dt {color:#688a81;}

.about_02_02 .right_box {border-color:#ec701e}
.about_02_02 .right_box dl dt {color:#ec701e;}


.about_02_02 .text_etc_info {margin:0 200px; overflow:hidden;   clear:both; padding-top:40px;}
.about_02_02 .text_etc_info .col {float:left;  width:48%;}
.about_02_02 .text_etc_info .col.right {float:right; }
.about_02_02 .text_etc_info .col dl dt {border-bottom:1px #ddd solid; padding-bottom:10px; font-size:22px; text-align:center; margin-bottom:10px;}
.about_02_02 .text_etc_info .col dl dd {text-align:center; font-size:15px;}
.about_02_02 .text_etc_info .col dl dd span {displaY:inline-block; color:#000; font-weight:bold;}



/*비전*/
.about_02_03_box  { }
.about_02_03  { padding-top:60px;}
.about_02_03 .col {margin-bottom:30px; position:relative; overflow:hidden;}
.about_02_03 .col .first {float:left; position:relative; padding:8px; }
.about_02_03 .col .first .title {background:#fff; border:1px #ddd solid; border-right-color:#3586da; border-width:6px; width:100px; height:100px; border-radius:100px; text-align:center; line-height:108px; font-size:16px;}
.about_02_03 .col .first .line_gude {position:absolute; left:120px; top:68px; width:120px;; height:1px;  background:#ddd;}
.about_02_03 .col .first .line_gude span{position:absolute; right:0px; top:-5px; width:10px;; height:10px; background:#3f70af; border-radius:10px;}
.about_02_03 .col .text_box {margin-left:245px; background:#fff; border:1px #cbcbcb dashed; padding:30px; border-radius:50px; font-size:20px; text-align:center; margin-top:15px;}
.about_02_03 .col .text_box  span{display:block; font-size:16px;color:#666}

.about_02_03 .col.m2 .first .title {border-right-color:#339e67}
.about_02_03 .col.m2 .first .line_gude span {background:#339e67;}

.about_02_03 .col.m3 .first .title {border-right-color:#ea7323}
.about_02_03 .col.m3 .first .line_gude span {background:#ea7323;}

.about_02_03 .col.m4 .first .title {border-right-color:#585858}
.about_02_03 .col.m4 .first .line_gude span {background:#585858;}

.about_02_03 .col.m5 .first .title {border-right-color:#de6fd5}
.about_02_03 .col.m5 .first .line_gude span {background:#de6fd5;}


.about_02_03 .col.m1 .text_box {color:#3586da}
.about_02_03 .col.m2 .text_box {color:#339e67}
.about_02_03 .col.m3 .text_box {color:#ea7323}
.about_02_03 .col.m4 .text_box {color:#585858}
.about_02_03 .col.m5 .text_box {color:#de6fd5}


.about_02_03_etc {text-align:center; padding-top:120px; background:url(../images/contents/about/about_02_03_arrow.png) center bottom no-repeat;}
.about_02_03_etc .col {display:inline-block; width:400px; margin:0 -15px; font-size:25px; color:#fff; background:#444; border-radius:100px; padding:35px 0px;}
.about_02_03_etc .col.last {background:#3f70af;}





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


.about_05_col {display:table; width:100%; table-layout:fixed;  border-bottom:1px #ddd solid;}
.about_05_col .col {display:table-cell; padding:30px; vertical-align:top;}
.about_05_col .col.left {border-right:1px #ddd solid;}
.about_05_col .col ul li {font-size:14px;}

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



.m_jump {display:inline-block; margin-right:10px;}





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



/*인사말*/
/*인사말*/

.company_intro .photo_box {position:relative; right:0px;; top:0px;}
.company_intro .photo_box img {width:100%;}


.company_intro .txt_area dt {font-size:20px; line-height:23px; font-weight:bold; margin-top:40px;} 
.company_intro .txt_area dt span {font-size:16px; line-height:18px; }
.company_intro .txt_area dd {font-size:14px; margin-right:0px;}


/*경영이념*/

.common_about_02_title span,
.common_about_02_title_etc span {font-size:20px;   padding:0 20px;}





.about_02_01 {margin-top:80px; padding:0px 1px;}
.about_02_01 ul {display:block; overflow:hidden; border-left:1px #ddd solid; padding-left:-1px; padding-bottom:1px;}
.about_02_01 ul li{display:block; float:left; width:50%;  border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px; min-height:172px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.about_02_01 ul li:nth-child(odd) {background:#fff}





.about_02_02 ul {margin:0px; margin-top:60px; }
.about_02_02 ul li {font-size:15px;}

.about_02_02 .common_box_text{position:relative; top:0px;display:inline-block;  width:130px; height:130px; border-radius:130px; margin-top:20px;} 
.about_02_02 .left_box{ left:0px;}
.about_02_02 .right_box{ right:0px; }

.about_02_02 .text_etc_info {margin:0px; overflow:hidden;  padding-top:40px; border-top:1px #ddd dashed; margin-top:40px;}
.about_02_02 .text_etc_info .col {float:left;  width:49%;}
.about_02_02 .text_etc_info .col dl dd { font-size:12px;}


.about_02_03_box  { background-position:center 99%;}

.about_02_03 .col {overflow:visible;}
.about_02_03 .col .first {float:none; position:relative; padding:8px;  display:block; text-align:center;}
.about_02_03 .col .first .title {display:inline-block;}
.about_02_03 .col .first .line_gude {position:absolute; left:0; top:120px;  height:0px;  background:#ddd; width:100%; text-align:center;}
.about_02_03 .col .first .line_gude span{position:relative; right:0px; top:13px; display:inline-block;}
.about_02_03 .col .text_box {margin:0px; padding:30px; font-size:16px;}
.about_02_03 .col .text_box span {font-size:12px;}




.about_02_03_etc {text-align:center; margin-top:120px;}
.about_02_03_etc .col {width:44%; margin:0 -5px; font-size:16px;  padding:25px 10px;}







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



.about_05_col {display:block; }
.about_05_col .col {display:block; padding:0px;}
.about_05_col .col.left {border-right:0px;}



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


.m_jump {display:block; margin:4px 0px;;}

}