@charset "utf-8";


/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:absolute; right:0; top:5px;}

.company_intro .txt_area {margin-right:580px;}
.company_intro .txt_area dt {font-size:30px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:16px; color:#666; word-break:keep-all; text-align:justify;}


.common_business {overflow:hidden; border-bottom:1px #ddd dashed; padding-bottom:40px;}
.common_business .photo{float:left;}
.common_business .info{margin-left:300px;}
.common_business .info dl dt {font-size:22px; color:#9c3737; margin-bottom:20px; margin-top:30px; letter-spacing:-1px;}
.common_business .info dl dd {font-size:14px; color:#444;}


.company_02_top_text {text-align:center; margin:60px 0px;; font-size:30px;   color:#888}
.company_02_top_text .t1 { color:#e14b09; line-height:70px; font-size:50px;}
.company_02_top_text .t1 span {color:#000; font-weight:bold; }


.business_01 {text-align:center; font-size:0px; margin-top:20px;}
.business_01 li{display:inline-block; width:25%;}
.business_01 li .text{font-size:14px;}
.business_01 li .text span {font-size:14px;}




.business_02_01 .col_box{display:table; width:100%;  table-layout:fixed;}
.business_02_01 .col_box .col {display:table-cell; vertical-align:top; }
.business_02_01 .col_box .col.photo  {text-align:center; padding-left:30px;}
.business_02_01 .col_box .col.photo .photo_box  {border:1px #ddd solid; padding:30px;min-height:783px; }
.business_02_01 .col_box .col.photo .photo_box  img {vertical-align:middle; max-width:100%;}

.business_help_box {padding:30px; background:#f8f8f8; border:1px #ddd solid; margin-top:30px;}

.business_03 {margin-top:40px;}
.business_03 .box {display:table; width:100%;}
.business_03 .box .col {display:table-cell;  border-top:3px #ddd solid; padding:30px 0px; }
.business_03 .box .col.subject {border-top-color:#e14b09; width:200px; font-size:23px; color:#e14b09; }
.business_03 .box .col.info {padding-left:20px; position:relative;}
.business_03 .box .col.info ul li{ position:relative; padding-left:150px; min-height:50px;}
.business_03 .box .col.info ul li .s_title{ position:absolute; left:0px; top:0px; background:#e14b09; color:#fff; line-height:40px; padding:0 10px; width:110px;  border-radius:40px; text-align:center;}
.business_03 .box .col.info ul li .text{line-height:20px; font-size:15px; padding-top:7px;}


.business_03_01 {margin-top:40px; overflow:hidden; }
.business_03_01 li{width:190px; margin-right:20px; float:left; text-align:center; font-size:14px;}
.business_03_01 li.last{margin-right:0px;}
.business_03_01 li img {vertical-align:top;}
.business_03_01 li .t1 {margin-top:0px; background:#444; color:#fff; padding:15px 0px;}



.business_04_01 {overflow:hidden; margin-top:30px;}
.business_04_01 li {float:left; width:444px; border:1px #ddd solid;  text-align:Center;}
.business_04_01 li .photo  {border-bottom:1pX #ddd solid; height:200px; line-height:200px;}
.business_04_01 li .photo img {vertical-align:middle;}
.business_04_01 li.center {margin:0 30px;}
.business_04_01 li .text {font-size:20px; padding:20px 0px; color:#000;}



.business_05_02 {border:1px #ddd solid; padding:20px; margin-top:30px;}
.business_05_02 .col_box {display:table; width:100%;; table-layout:fixed;}
.business_05_02 .col_box .col {display:table-cell; vertical-align:middle;}


.business_05_02 .col_box .col .utube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; margin-bottom:20px;}
.business_05_02 .col_box .col .utube_box iframe, 
.business_05_02 .col_box .col .utube_box object, 
.business_05_02 .col_box .col .utube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.business_05_02 .col_box .col.text {padding-left:80px;}




.product_04_01 {border:1px #ddd solid; padding:20px; margin-top:30px;}
.product_04_01 .col_box {display:table; width:100%;; table-layout:fixed;}
.product_04_01 .col_box .col {display:table-cell; vertical-align:TOP;}


.product_04_01 .col_box .col .utube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; margin-bottom:20px;}
.product_04_01 .col_box .col .utube_box iframe, 
.product_04_01 .col_box .col .utube_box object, 
.product_04_01 .col_box .col .utube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.product_04_01 .col_box .col.info {padding:0px 40px; font-size:16px; color:#000; vertical-align:middle;}
.product_04_01 .col_box .col.info .inf_text  {background:#f8f8f8; padding:15px; font-size:14px; line-height:24px; color:#666}




.product_06_process_wrap { padding-left:1px; padding-bottom:1px; }
.product_06_process_wrap ul {display:table; width:100%; table-layout:fixed; margin-bottom:30px;}
.product_06_process_wrap li{display:table-cell;}
.product_06_process_wrap li.arrow {width:50px; text-align:center; vertical-align:middle;}
.product_06_process_wrap li .box {border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px; padding:20px; min-height:230px; background:#fff;}
.product_06_process_wrap li .box .num{text-align:center; margin-bottom:10px;}
.product_06_process_wrap li .box .num span {display:inline-block; width:40px; height:40px; line-height:40px; font-size:16px; background:#e14b09; color:#fff;}
.product_06_process_wrap li .box .icon {padding:10px; border:1px #ddd solid; text-align:center;}
.product_06_process_wrap li .box .icon img {vertical-align:middle;}
.product_06_process_wrap li .box .text{font-size:20px; color:#000; line-height:22px; margin:30px 0px;  text-align:center;}



.product_06_process_wrap li.arrow .arrow_left {display:block; }
.product_06_process_wrap li.arrow .arrow_down {display:none;}




.business_05_visual {border:1px #ddd solid; padding-top:80px;}
.business_05_visual ul{text-align:center; margin:0 auto; width:100%; }
.business_05_visual ul li{text-align:center; display:block;  width:100%;}
.business_05_visual ul li img {vertical-align:middle; max-width:100%;}
.business_05_visual .reference_pager { text-align:center; margin:80px 0px;}
.business_05_visual .reference_pager span {display:inline-block; width:15px; height:15px; border-radius:15px; background:#ddd; margin:0 5px; }
.business_05_visual .reference_pager span.cycle-pager-active {background:#e14b09}




.business_05_visual .control {width:100%; position:absolute; left:0px; top:540px; z-index:999999 !important; }
.business_05_visual .control a{float:left; margin:0 20px; width:46px; height:80px; background:url(../images/main/main_product_btn.png) left top no-repeat; text-indent:-9999px;}
.business_05_visual .control a#business_05_next{float:right; background-position:right top;}




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


.map_wrap {border:1px #ddd solid; padding:20px;}


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


.utube_box_wrap {margin-top:20px; padding:30px;  border:1px #ddd solid;} 
.utube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; }
.utube_box iframe, 
.utube_box object, 
.utube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;}




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



/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:relative; right:0; top:0;  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;}




.common_business .photo{float:none; text-align:center;}
.common_business .info{margin-left:0px;}



.company_02_top_text {font-size:18px;   color:#888}
.company_02_top_text .t1 { line-height:40px; font-size:30px; }
.company_02_top_text .t1 span {display:block; }




.business_02_01 .col_box{display:block; }
.business_02_01 .col_box .col {display:block;  }
.business_02_01 .col_box .col.photo  { padding-left:0px;}
.business_02_01 .col_box .col.photo .photo_box  { padding:15px; min-height:auto;}


.business_help_box {padding:30px; background:#f8f8f8; border:1px #ddd solid; margin-top:30px;}







.business_01 li{width:48%; margin-bottom:20px;}



.business_03 {margin-top:40px;}
.business_03 .box {display:block; ;}
.business_03 .box .col {display:block;  }
.business_03 .box .col.subject {border-top-color:#fff; width:auto;  }
.business_03 .box .col.info {padding-left:0px;}
.business_03 .box .col.info ul li{padding-left:140px; min-height:50px; margin-bottom:10px;}
.business_03 .box .col.info ul li .s_title{font-size:13px;;}
.business_03 .box .col.info ul li .text{font-size:13px;}



.business_03_01 li{width:none; margin-right:0px; float:none; }






.business_05_02 .col_box {display:block;}
.business_05_02 .col_box .col {display:block;}

.business_05_02 .col_box .col.text {padding-left:0px; margin-top:30px; padding-top:30px; border-top:1px #ededed solid;}





.product_04_01 .col_box {display:block; }
.product_04_01 .col_box .col {display:block;;}

.product_04_01 .col_box .col.info {padding:0px;}
.product_04_01 .col_box .col.info .inf_text  {margin-top:10px;}






.product_06_process_wrap {overflow:hidden;margin-top:20px;  padding-left:1px; padding-bottom:1px; display:block; width:auto;}
.product_06_process_wrap li{display:block;}
.product_06_process_wrap li.arrow {width:auto; padding:20px;}
.product_06_process_wrap li.arrow .arrow_left {display:none;}
.product_06_process_wrap li.arrow .arrow_down {display:block; font-size:30px;}






/*오시는길*/
.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,
#daum_map1,
#daum_map2,
#daum_map3 {height:200px !important;}


}