/********** µðÀÚÀÎÆäÀÌÁö1 style *********/
/* ȸ»ç¼Ò°³ -  Àλ縻 - ù¹ø° ´Ü¶ô */
.ceo_01 {padding-bottom:80px; text-align:left; background:url('../../img/con_img_-11-.jpg') center top no-repeat; }
.ceo_01 h4 {font-size:37px; line-height:120%; padding-bottom:10px;  color:#e9710e; font-weight:500;}
.ceo_01 h5 {font-size:25px;line-height:120%; padding-bottom:5px;  color:#e9710e; font-weight:500;}
.ceo_01 h4 span {font-size:37px; color: #000; font-weight:300; }
.ceo_01 h5 span {font-size:25px; color: #000; font-weight:400; }

.ceo_01 .txt_con {max-width:800px; text-align:left;}
.ceo_01 p {font-size:19px; line-height:180%; letter-spacing:-0.01em; padding:0 0 20px 0;  text-align:left; }
.ceo_01 p1 {font-size:20px; line-height:180%; letter-spacing:-0.01em; font-weight:600; padding:0 0 20px 0;  text-align:left; }
.ceo_01 p1 span.point {background:#E10025;  font-size:21px; color:#fff;  letter-spacing:-0.01em; padding:0 5px; }
.ceo_01 p span.point {background:#E10025;  font-size:21px; color:#fff;  letter-spacing:-0.01em; padding:0 5px; }
.ceo_01 p.ceo {font-size:13px;  padding:10px 0 20px 0;    text-align:right; }
.ceo_01 p.ceo span.sign {font-size:19px; color:#000; padding:0 0 20px 10px; }
@media screen and (max-width:1000px) {
.ceo_01 {  background-size:320px; background-position: center bottom;}
.ceo_01 h4,.ceo_01 h4 span {font-size:25px; padding-bottom:10px; }
.ceo_01 h5,.ceo_01 h4 span {font-size:20px; padding-bottom:10px; }
.ceo_01 p { font-size:13px; padding:0 0 10px 0; line-height:150%;}
.ceo_01 p span.point {font-size:18px; color:#fff;}
.ceo_01 p span1.point {font-size:18px;}
.ceo_01 p.ceo span.sign {font-size:15px;}
}


.ceo_02 {padding-bottom:80px; text-align:left; background:url('../../img/con_img_-11-.jpg') center top no-repeat; }
.ceo_02 h4 {font-size:25px;line-height:120%; padding-bottom:10px;  color:#e9710e; font-weight:500;}
.ceo_02 h5 {font-size:25px;line-height:120%; padding-bottom:5px;  color:#e9710e; font-weight:500;}
.ceo_02 h4 span {font-size:25px; color: #000; font-weight:400; }

.ceo_02 .txt_con {max-width:1200px; text-align:left;}
.ceo_02 p {font-size:17px; line-height:180%; letter-spacing:-0.01em;   padding:0 0 20px 0;  text-align:left; }
.ceo_02 p span.point {background:#E10025;  font-size:17px; color:#fff;  letter-spacing:-0.01em; padding:0 5px; }
.ceo_02 p.ceo {font-size:13px;  padding:10px 0 20px 0;    text-align:right; }
.ceo_02 p.ceo span.sign {font-size:19px; color:#000; padding:0 0 20px 10px; }
@media screen and (max-width:1000px) {
.ceo_02 {  background-size:320px; background-position: center bottom;}
.ceo_02 h4,.ceo_01 h4 span {font-size:25px; padding-bottom:10px; }
.ceo_02 p { font-size:13px; padding:0 0 10px 0; line-height:150%;}
.ceo_02 p span.point {font-size:13px;}
.ceo_02 p.ceo span.sign {font-size:15px;}
}



/* ȸ»ç¼Ò°³ - Àλ縻 - µÎ¹ø° ´Ü¶ô */
.guide {text-align:center; position:relative; margin:100px auto; width:100%;}
.guide ul li{position:absolute; width:30%; text-align:left; font-size:17px; letter-spacing:-0.04em; } 
.guide ul li span {color:#E10025; font-size:23px; letter-spacing:-0.06em; margin-bottom:13px; font-weight:600; padding-bottom:5px; border-bottom:1px solid #E10025; display:block;} 
.guide h4 {width:32%; margin:0 auto;}
@media screen and (min-width:950px) {
.guide ul li.no01 {top:20px; left:0;} 
.guide ul li.no02 {top:20px; right:0;} 
.guide ul li.no03 {top:150px; left:0;} 
.guide ul li.no04 {top:150px; right:0;} 
.guide ul li.no05 {top:280px; left:0;} 
.guide ul li.no06 {top:280px; right:0;} 
}
@media screen and (max-width:1300px) {
.guide {width:900px; }
.guide ul li{;font-size:15px; } 
}
@media screen and (max-width:960px) {
.guide {width:100%; height:auto; margin:50px auto;}
.guide h4 {padding-bottom:30px;}
.guide ul {max-width:450px; margin:0 auto;}
.guide ul li{width:100%;font-size:15px; position:relative; padding-bottom:30px;}
}
@media screen and (max-width:750px) {
.guide h4 {width:100%}
.guide h4 img{width:220px;}
.guide ul li{font-size:13px;  } 
.guide ul li span {font-size:17px; margin-bottom:7px;}
}




/********** µðÀÚÀÎÆäÀÌÁö2 style *********/
/* ȸ»ç¼Ò°³ - ¿¬Çõ  */
.history #section0 .inner{max-width:1260px; width:100%; margin:0 auto; overflow:hidden;}
.history #section0{width:100%}
.history #section0 .inner .history_box .list_box .now_box{position:relative;padding:20px 0 90px; width:800px; margin:0 auto;}
.history #section0 .inner .history_box .list_box .now_box>img{position:relative;z-index:2;}
.history #section0 .inner .history_box .list_box .now_box:after{content:'';display:block;position:absolute;top:300px;left:401px;width:1px;height:9999px; background:url(../../img/dot_11.gif) 0 0 repeat-y;z-index:1}
.history #section0 .inner .history_box .list_box .history_list{position:relative;padding-bottom:100px;border-bottom:1px solid #000;z-index:3; }
.history #section0 .inner .history_box .list_box .history_list li dl{position:relative; min-height:300px; }
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding-bottom:22px;font-size:45px;color:#000; font-family:"Metropolis-ExtraBold";font-weight:bold;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative; display:block; padding:0 0 6px 12px;font-size:18px;line-height:22px;color:#010101; }
.history #section0 .inner .history_box .list_box .history_list li dl img {width:100%;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{content:'';display:block;position:absolute;top:11.5px; width:3px;height:3px;background:#000;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{margin-top:20px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none}
.history #section0 .inner .history_box .list_box .history_list li:first-child{margin-top:0 !important}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd:after{left:0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:-130px 0 0 50%}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding-left:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after{content:'';display:block;width:127px;height:13px;position:absolute;top:15px;left:-6px;background:url(../../img/list_line_right.gif) 0 0 no-repeat}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:-130px 48.2% 0 0;text-align:right; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding-right:130px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{padding:0 12px 6px 0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:last-child{margin-top:20px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:after{right:0;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{content:'';display:block;width:128px;height:13px;position:absolute;top:15px;right:-6px;
background:url(../../img/list_line_left.gif) 0 0 no-repeat}
@media screen and (max-width:1200px) {
.history_list {padding-left:6px;}
.history #section0 .inner{width:100%;}
.history #section0 .inner .history_box .list_box .now_box{ margin:0; text-align:left; width:300px; }
.history #section0 .inner .history_box .list_box .now_box img{position:relative;z-index:2; width:230px; }
.history #section0 .inner .history_box .list_box .now_box:after{top:46px;left:6px;}
.history #section0 .inner .history_box .list_box .history_list li dl{min-height:auto; }
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding:10px 0 10px 10px;font-size:29px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;font-size:13px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd:last-child,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:last-child{margin:10px 0 40px 10px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{ top:10px;left:12px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{ padding:10px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{left:-3px; height:10px; background:url(../../img/dot_c.gif) 0 3px no-repeat; background-size:7px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:0;text-align:left; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding:0px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{clear:left; padding:0 0 6px 20px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl dd:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd:after{top:10px;left:12px;}
}


/********** µðÀÚÀÎÆäÀÌÁö3 style *********/
/* ȸ»ç¼Ò°³ - ÀÎÁõ¼­  */
.certificate {max-width:1200px; margin:0 auto; text-align:center; }
.certificate_txt {width:100%; max-width:1030px; margin:0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block;  padding:10px 0; text-align:center; border:1px solid #DFDFDFE; background:#F7F7F7; font-size:13px; color:#000;}
.certificate ul {max-width:1200px; margin:20px auto; text-align:center;}
.certificate ul li {display:inline-block; width:320px; vertical-align:top; margin:0 20px 40px 20px; border:1px solid #DEDEDE; }
.certificate ul li a,.certificate ul li a p {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.certificate ul li a:hover {display:inline-block; width:320px; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
.certificate ul li p  {background:#ebe0b6; display:block; border-top:1px solid #DFDFDFE;  padding-top:15px; padding-bottom:15px; line-height:120%; text-align:center; color:#000; font-weight:500; font-size:15px;}
.certificate ul li p  span {display:block; line-height:120%; padding:15px 0 15px 0; font-size:11px; color:#898989;}
.certificate ul li a:hover p {background:#c48705; color:#fff;}
.certificate ul li a:hover p span  {color:#fff;} 
@media screen and (max-width:1200px) {
.certificate_txt {width:90%; margin:0 5%;}
.certificate_txt {font-size:11px;}
.certificate_txt  img {width:25px;}
}
/********** ¿À½Ã´Â±æ ±¸±Û¸Ê ¿¬µ¿ *********/
/* ȸ»ç¼Ò°³ - ¿À½Ã´Â±æ */
.location,.location .location_txt,.location .location_map,.root_daum_roughmap,.location_map iframe  {width:100%;}  
.list_img {margin:30px auto; background:#eee; width:100%;}
.list_img ul { padding:10px;}
.list_img ul li {width:48%; margin:1%; background:#fff; float:left; }
.list_img ul:after, .list_img dl:after {content:"";display:block;clear:both;} 
.list_img dl dt {background:#fff; width:20%; float:left; text-align:center; padding:5px 0;}
.list_img dl dd {width:76%; font-size:19px; float:left;  padding: 5px 2% 0 2%;}
.list_img dl dd span {font-size:20px; color:#000; display:block;  font-family:"Metropolis-ExtraBold";font-weight:bold;}
.list_txt ul { padding-top:10px;}
.list_txt ul li {width:100%;  }
.list_txt dl dt {width:100%; font-size:19px; font-weight:bold; padding-bottom:4px;}
.list_txt dl dd {width:100%; font-size:18px; margin-bottom:20px;  padding-bottom:20px;  border-bottom:1px solid #eee;}
 
/* ¸ð¹ÙÀÏ */
@media screen and (max-width:1000px) {
.list_img dl dt img {width:40px; padding:10px 0;}
.list_img ul li {width:100%; margin:3px 0%;}
.list_txt dl dt { font-size:15px;}
.list_txt dl dd {font-size:13px;}
}
/********** µðÀÚÀÎÆäÀÌÁö5 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß1  */
.con_style1 {background:#fff; border:0px solid #E1E2E1; margin-bottom:30px;}
.con_style1 dl dt {width:40%;}
.con_style1 dl dt img {width:100%; padding:0%;}
.con_style1 dl dd {width:54%; padding:0%;}
.con_style1 dl dd h4 span {display:block; font-size:70px; color:#E4E4E4; line-height:100%; }
.con_style1 dl dd h4 {font-size:29px;color:#fd892b; padding-bottom:20px;  }
.con_style1 dl dd p.d_t01 { line-height:140%;font-size:18px; margin:0 0 10px 0;   }
.con_style1 dl dd p.d_t02 { font-size:17px;margin:0 0 30px 0; opacity:0.8; }
.con_style1 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}

@media screen and (max-width:1000px) {
.con_style1 {max-width:700px; margin:0 auto; }
.con_style1 dl dt {width:100%;}
.con_style1 dl dd {width:88%; padding:0 6% 6% 6%;}
.con_style1 dl dd h4 span { font-size:40px; }
.con_style1 dl dd h4 {font-size:21px;}
.con_style1 dl dd p.d_t01 {font-size:15px; }
.con_style1 dl dd p.d_t02 {font-size:13px;}
}






/********** µðÀÚÀÎÆäÀÌÁö6 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß2  */
.business_box { position:relative; width:100%; margin-top:-70px; margin-left:-20px;}
.business_box ul {width:100%;}
.business_box ul li {width:46.333%; padding:1.5%; float:left;}
.business_box ul li:after {content:"";display:block;clear:both;}
.business_box ul li dl {background:#F5F5F5; border:0px solid #E1E2E1;  min-height:350px; padding:20px; }
.business_box ul li h4 span {padding-right:10px; font-size:50px; color:#E4E4E4; line-height:100%;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business_box ul li h4 {font-size:27px;color:#000;  padding:20px 0 10px; border-bottom:1px solid #E1E2E1;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business_box ul li a dl,.business_box ul li a dl img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.business_box ul li a:hover dl img {}
.business_box ul li a:hover dl {}
.business_box ul li p {font-size:15px; text-align:left; padding:20px 0;}
.business_box ul li dt {width:100%;}
.business_box ul li dd {width:100%;}
.business_box ul li img {width:100%;}
 
@media screen and (max-width:1000px) {
.business_box  {max-width:700px; margin:0 auto;}
.business_box ul li {width:100%; padding:10px 0;}
.business_box ul li h4 span {padding-right:10px; font-size:40px;  }
.business_box ul li h4 {font-size:21px; }
.business_box ul li p {font-size:13px;}
}


.business3_box { position:relative; width:100%; margin-top:-70px; margin-left:0px; }
.business3_box ul {width:100%;}
.business3_box ul li {width:32.333%; padding:0.5%; float:left;}
.business3_box ul li:after {content:"";display:block;clear:both;}
.business3_box ul li dl {background:#F5F5F5; border:0px solid #E1E2E1;  min-height:60px; padding:0px; }
.business3_box ul li h4 span {padding-right:10px; font-size:50px; color:#E4E4E4; line-height:100%;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business3_box ul li h4 {font-size:27px;color:#000;  padding:20px 0 10px; border-bottom:1px solid #E1E2E1;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business3_box ul li a dl,.business_box ul li a dl img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.business3_box ul li a:hover dl img {}
.business3_box ul li a:hover dl {}
.business3_box ul li p {font-size:16px; text-align:left; padding:2px 0;}
.business3_box ul li dt {width:100%;}
.business3_box ul li dd {width:100%;}
.business3_box ul li img {width:100%;}
 
@media screen and (max-width:1000px) {
.business3_box  {max-width:700px; margin:0 auto;}
.business3_box ul li {width:100%; padding:10px 0;}
.business3_box ul li h4 span {padding-right:10px; font-size:40px;  }
.business3_box ul li h4 {font-size:21px; }
.business3_box ul li p {font-size:13px;}
}






.business2_box { position:relative; width:100%; margin-top:-70px; margin-left:0px; background:#F7F7F7;}
.business2_box ul {width:100%;}
.business2_box ul li {width:40.333%; padding:3%; float:left;}
.business2_box ul li:after {content:"";display:block;clear:both;}
.business2_box ul li dl {background:#F5F5F5; border:0px solid #E1E2E1;  min-height:60px; padding:0px; }
.business2_box ul li h4 span {padding-right:10px; font-size:50px; color:#E4E4E4; line-height:100%;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business2_box ul li h4 {font-size:27px;color:#000;  padding:20px 0 10px; border-bottom:1px solid #E1E2E1;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business2_box ul li a dl,.business_box ul li a dl img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.business2_box ul li a:hover dl img {}
.business2_box ul li a:hover dl {}
.business2_box ul li p {font-size:16px; text-align:left; padding:20px 0;}
.business2_box ul li dt {width:100%;}
.business2_box ul li dd {width:100%;}
.business2_box ul li img {width:100%;}
 
@media screen and (max-width:1000px) {
.business2_box  {max-width:700px; margin:0 auto;}
.business2_box ul li {width:100%; padding:10px 0;}
.business2_box ul li h4 span {padding-right:10px; font-size:40px;  }
.business2_box ul li h4 {font-size:21px; }
.business2_box ul li p {font-size:15px;}
}




.business5_box { position:relative; width:100%; margin-top:0px; margin-left:0px; background:#F7F7F7;}
.business5_box ul {width:100%;}
.business5_box ul li {width:22.333%; padding:1%; float:left;}
.business5_box ul li:after {content:"";display:block;clear:both;}
.business5_box ul li dl {background:#F5F5F5; border:0px solid #E1E2E1;  min-height:60px; padding:0px; }
.business5_box ul li h4 span {padding-right:10px; font-size:50px; color:#E4E4E4; line-height:100%;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business5_box ul li h4 {font-size:27px;color:#000;  padding:20px 0 10px; border-bottom:1px solid #E1E2E1;  font-family:"Metropolis-ExtraBold","NotoSansKR";font-weight:bold; }
.business5_box ul li a dl,.business_box ul li a dl img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.business5_box ul li a:hover dl img {}
.business5_box ul li a:hover dl {}
.business5_box ul li p {font-size:16px; text-align:left; padding:0px 0;}
.business5_box ul li dt {width:100%;}
.business5_box ul li dd {width:100%;}
.business5_box ul li img {width:100%;}
 
@media screen and (max-width:1000px) {
.business5_box  {max-width:700px; margin:0 auto;}
.business5_box ul li {width:100%; padding:10px 0;}
.business5_box ul li h4 span {padding-right:10px; font-size:40px;  }
.business5_box ul li h4 {font-size:21px; }
.business5_box ul li p {font-size:15px;}
}




/********** µðÀÚÀÎÆäÀÌÁö7 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß3  */
 
/* ÀýÂ÷ºÎºÐ  */
.process {width:100%; margin-bottom:50px;}
.process ul{max-width:1150px; margin:20px auto;  }
.process ul li {float:left; display:inline-block; width:160px; padding-right:30px; background:url(../../img/arrow.png) no-repeat right 40px; text-align:center;}
.process ul li:last-child {padding:0; background:none;}
.process ul li .pro_img {display:inline-block;  width:120px; height:120px; text-align:center; background:#999999; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.process ul li .pro_img img {padding-top:30px;}
.process ul li p span {font-size:40px; line-height:100%; color:#E4E4E4; display:block;  font-family:"Metropolis-ExtraBold";font-weight:bold; }
.process ul li p {font-size:17px;  line-height:100%; font-weight:bold; padding-top:15px;}
@media screen and  (max-width:1300px) {
.process ul{max-width:900px;  }
.process ul li { width:130px; padding-right:20px;  background-position:right 30px; background-size:25px;}
.process ul li .pro_img {width:90px; height:90px;}
.process ul li .pro_img img {padding-top:30%; width:40px;}
.process ul li p span {font-size:30px; }
.process ul li p {font-size:15px;}
}
 
@media screen and  (max-width:960px) {
.process ul{max-width:700px;}
.process ul li {width:100px; background-position:right 25px; padding-bottom:30px;}
.process ul li .pro_img {width:75px; height:75px;}
.process ul li p {font-size:13px;}
}
@media screen and  (max-width:767px) {
.process ul{max-width:300px;}
.process ul li {width:73px; background-position:right 25px; background-size:16px;}
.process ul li .pro_img {width:68px; height:68px;}
.process ul li .pro_img img {width:30px;}
}
/* ÇÏ´Ü ¼³¸íºÎºÐ */
.pro_txt {margin-bottom:30px; background:#eee; padding:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.pro_txt dl {border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;  margin-bottom:10px; background:#fff; }
.pro_txt dl:after {content:"";display:block;clear:both;}
.pro_txt dt {background:#E10025;  color:#fff; float:left; display:inline-block;  width:16%; text-align:center; font-size:17px;  
padding:13px 1%; margin:15px 1%; font-weight:900; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.pro_txt dd {float:left; display:inline-block; width:80%; margin-top:15px; text-align:left; } 
.pro_txt dd p {line-height:160%; font-size:15px; padding-left:10px; } 
.pro_txt dd p span{font-size:15px; font-weight:bold; color:#E10025; } 
@media screen and  (max-width:767px) {
.pro_txt dl {padding:10px;}
.pro_txt dt,.pro_txt dd {float:none; display:block;  width:98%; padding:1%; margin:0;}
.pro_txt dt {font-size:15px; } 
.pro_txt dd p,.pro_txt dd p span {font-size:13px; padding:0px;} 
}


/********** µðÀÚÀÎÆäÀÌÁö8 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß4  */
.dark_box {margin-bottom:30px; background:#2D2E33;}
.dark_box dl {padding:0; margin:0;}
.dark_box dl:after {content:"";display:block;clear:both;}
.dark_box dt { float:left;  width:22%; margin:0 4%; }
.dark_box dt img {width:100%;   }
.dark_box dd {float:left; display:inline-block; width:62%; margin:50px 4%; text-align:left;} 
.dark_box dd h4 {margin-top:40px;  font-size:25px; color:#E10025;   background:url(../../img/h4_t.gif) no-repeat 0 0 ; font-family:"Metropolis-ExtraBold"; padding:5px 0 10px 0;font-weight:bold;} 
.dark_box dd h4 span{ font-size:17px; color:#CACDCB; font-weight:400;} 
.dark_box dd p {line-height:160%; font-size:15px; color:#fff;} 
.dark_box dd ul.list_01 li {color:#fff;} 
 
@media screen and  (max-width:767px) {
.dark_box dt {float:none; display:block; width:100%; padding:0; margin:0;}
.dark_box dd {float:none; display:block; width:90%; padding:10px 5% 50px 5%; margin:0; }
.dark_box dl dt  ul {width:100%;}
.dark_box dt  ul:after {content:"";display:block;clear:both;}
.dark_box dt  ul li {float:left; width:33.333%;} 
.dark_box dd h4 {font-size:21px;} 
.dark_box dd h4 span{ font-size:15px; display:block; line-height:130%;} 
.dark_box dd p { font-size:11px;} 
}
/********** µðÀÚÀÎÆäÀÌÁö9 style *********/
/* »ç¾÷ºÐ¾ß- È«º¸¿µ»ó  */
.movie {width:100%; text-align:center; background: url(../../img/logo_bottom.png) center bottom no-repeat; padding-bottom:150px;}
.movie h4 {font-family:"NotoSansKR";  font-size:15px;  display:block;   width:100%; background:url(../../img/movie_top.png) center 0 no-repeat; color:#000; margin-top:40px; padding-top:50px; height:100px;}
.movie h4 span {font-family:"Metropolis-ExtraBold","NotoSansKR"; font-weight:bold;  font-size:50px; letter-spacing:-0.05em; display:block; color:#000;  line-height:110%}
.movie iframe {border:20px solid #000; width:94%; height:700px; margin:0 auto;}

 
 
@media screen and (max-width:1000px) {
.movie{ background-size:450px; padding-bottom:50px; }
.movie h4 {font-size:13px; background-size:180px; margin-top:20px; padding-top:20px; height:60px;}
.movie h4 span {font-size:30px;}
.movie iframe {border:10px solid #000;  height:220px; margin:0 auto;}
}
 /********** µðÀÚÀÎÆäÀÌÁö13 style *********/
/* ä¿ë¾È³» - ÀÎÀç»ó */
.circle_box { position:relative; width:100%;}
.circle_box ul {width:100%;}
.circle_box ul li {width:30.333%; padding:0 1.5%; float:left;}
.circle_box ul li:after {content:"";display:block;clear:both;}
.circle_box ul li dl {padding:20px;}
.circle_box ul li h4 {font-size:27px;color:#000; text-align:center; padding:20px 0 10px; border-bottom:1px solid #E1E2E1; font-weight:bold; }
.circle_box ul li a dl,
.circle_box ul li a dl img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.circle_box ul li a:hover dl img {opacity:0.7;}
.circle_box ul li p { font-size:15px; padding:20px 0;}
.circle_box ul li dt {width:100%;  }
.circle_box ul li dd {width:100%;}
.circle_box ul li dt img {width:100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
 
@media screen and (max-width:1000px) {
.circle_box  {max-width:700px; margin:0 auto;}
.circle_box ul li {width:100%; padding:10px 0;}
.circle_box ul li h4 {font-size:21px; }
.circle_box ul li p {font-size:13px;}
}
/* ä¿ë¾È³» - º¹¸®ÈÄ»ý */
.con_style5 {margin-bottom:100px;}
.con_style5 dl dt {width:50%;}
.con_style5 dl dt img {100%;}
.con_style5 dl dd {width:43%;}
.con_style5 dl dd p{line-height:160%; font-size:17px; margin-bottom:25px;   }
.con_style5 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}
.con_style5 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
@media screen and (max-width:1000px) {
.con_style5 {max-width:700px; margin:0 auto; }
.con_style5 dl dt {width:100%;}
.con_style5 dl dd {width:100%; margin-bottom:30px;}
.con_style5 dl dd p {font-size:13px;}
}
/* ä¿ë¾È³» - ¸ðÁýºÐ¾ß */
/* Å×À̺í */
/* ÃÊ·Ï»ö Æ÷ÀÎÆ® Ä÷¯ º¯°æ*/


/* Å×À̺í */
.tstyle_common thead th,
.tstyle_02 tr th{background-color:#57647b;  font-weight:500; color:#fff;}
.tstyle_common td span {color:#fff; }
.tstyle_common{ margin:10px auto 40px auto; margin-bottom:4px; }
.tstyle_common thead th{ padding:8px;  font-size:17px; letter-spacing:0em;  text-align:center; border-left:1px solid rgba(158,158,158,0.3);  border-bottom:1px solid rgba(158,158,158,0.3); }
.tstyle_common tbody th{text-align:center; font-size:17px;  border-left:1px solid rgba(158,158,158,0.3); border-bottom:1px solid rgba(158,158,158,0.3);   background:#f4f5f6; color:#000; font-weight:600; border-right:1px solid rgba(158,158,158,0.3);  }
.tstyle_common td{background:#fff; color:#3B3B3B; padding:5px;  font-size:16px;  border-left:1px solid rgba(158,158,158,0.3); border-bottom:1px solid rgba(158,158,158,0.3); line-height:200%; border-right:1px solid rgba(158,158,158,0.3);text-align:left;  }
.tstyle_common td span {font-size:16px; font-weight:600; color:#000;}
.tstyle_common caption {font-size:0; line-height:0;}
.tstyle_common .fC {text-align:center;}
.tstyle_common .fR {text-align:right;}
@media screen and (max-width:100%) {
.tstyle_common thead th{padding:10px 5px; font-size:16px;}
.tstyle_common tr th{ font-size:16px;  }
.tstyle_common td{ padding:10px 5px;  font-size:11px;}
.tstyle_common td span {  font-size:15px;}
}




#pro_lo_img,
.tstyle_common th  { position:relative; max-width:333px; overflow:hidden;}
.pli_li {position:inherit; padding-bottom:25px; margin:25px 0; }
#pro_lo_img,
.tstyle_common th {width:333px;}
.tstyle_common th img {width:100%; position:relative;  }
.pli_banner .prev,
.pli_banner .next,
.pli_banner .pause,
.pli_banner .play {position:absolute; width:24px; height:24px; display:block; text-indent:-9999px; cursor:pointer; z-index:10; 
background-position:center center; background-size:20px;background-repeat: no-repeat; background-color:#fffff; border:none; bottom:0px; }
.pli_banner .prev {background-image:url('../../img/prev.png'); left:50%; margin-left:-39px; }
.pli_banner .next {background-image:url('../../img/next.png'); left:50%; margin-left:15px;  margin-top:119px;}
.pli_banner .pause {background-image:url('../../img/pause.png'); left:50%; margin-left:-12px;}
.pli_banner .play {background-image:url('../../img/play.png'); left:50%; margin-left:-12px; display:none;}

.txt_scroll{ display:none;}
.txt_scroll img{width:15px; padding-right:7px;}

@media screen  and (max-width:1279px) {
#pro_lo_img,
.tstyle_common th {max-width:250px;}
}
 
@media screen  and (max-width:1024px) {
#pro_lo_img,
.tstyle_common th {max-width:200px;}
.pli_li { padding-bottom:15px; margin:15px 0; }
.pli_banner .prev,
.pli_banner .next,
.pli_banner .pause,
.pli_banner .play {width:18px; height:18px; background-size:14px; }
.pli_banner .prev {margin-left:-33px; }
.pli_banner .next {margin-left:15px; margin-top:50px;}
.pli_banner .pause { margin-left:-9px; }
.pli_banner .play {margin-left:-9px; display:none;}


.txt_scroll {font-size:12px; display:block; margin-top:20px;}

.x_scroll {overflow-x: scroll;}
}

@media screen  and (max-width:787px) {
#pro_lo_img,
.tstyle_common th {max-width:150px;}
}



/********** µðÀÚÀÎÆäÀÌÁö12 style *********/
/* °í°´¼¾ÅÍ - ÀÚÁÖ¹¯´Â Áú¹®  */
/* ¶³¾îÁö´Â ·¹À̾î*/
.faq_box {border:1px solid #ddd; background:#fff;padding:20px 30px 0 30px;margin-bottom:5px;cursor:pointer; margin-top:10px; }
.faq_box.on {background:#f8f8f8;}
.faq_box .qustion {position:relative;}
.faq_box .qustion a {display:block; position:relative;font-size:19px;color:#000; font-weight:400; padding-bottom:8px; }
.faq_box .qustion a span.icon_q {vertical-align:middle; margin-right:5px; background:#000; display:inline-block; width:25px; text-align:center; height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.faq_box .qustion a span.icon_q img {width:15px;  vertical-align:middle; }
.faq_box.on .qustion a { display:block;position:relative;font-size:19px;color:#ED0000;padding-bottom:8px;}
.faq_box .answer {background:url(../../img/icon_a.png) no-repeat right bottom;  display:none;padding:15px 0px;border-top:1px solid #dedede;  }
.faq_box .answer p {font-size:15px;color:#666;line-height:160%; padding-bottom:7px;}
.faq_box .answer h4 {  font-size:16px;  color:#000; padding:10px 0 10px 0;  }
.faq_box .answer ul {background:#fff; padding:20px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; margin-bottom:20px; }
.faq_box .answer ul li {border:none; padding:12px 0 10px 10px;font-size:14px;  margin-top:0px; background:url(../../img/dot_1.gif) no-repeat 0 16px; border-bottom:1px solid #eee;} 
 
@media screen and (max-width:1000px) {
.faq_box {padding:10px 10px 0 10px;}
.faq_box .qustion a {font-size:15px; }
.faq_box .qustion a span.icon_q {width:22px; height:22px;}
.faq_box.on .qustion a {font-size:15px;}
.faq_box .answer {  display:none;padding:15px 0px; }
.faq_box .answer p {font-size:11px;line-height:140%;}
.faq_box .answer h4 {  font-size:13px; }
.faq_box .answer ul {padding:10px; margin-bottom:10px; }
.faq_box .answer ul li {padding:12px 0 10px 10px;font-size:11px;} 
  
}
/* °øÅë ¸®½ºÆ®*/
.list_01 {width:100%; }
.list_01 ul li {font-size:17px; padding-left:8px; background:url('../../img/dot_1.gif') 0 9px no-repeat; display:block;} 
@media screen and (max-width:1000px) {
.list_01 ul li {font-size:15px; padding-left:6px; background:url('../../img/dot_1.gif') 0 7px no-repeat;} 
}
/* ¼­ºê ±âº» ŸÀÌƲ */
.contArea {max-width:1220px; margin:30px auto;} 
.contArea h3 {font-size:38px; margin-bottom:35px; padding-bottom:20px; text-align:center;  font-weight:400; border-bottom:1px solid #EBE9E9;}
.contArea h4.common{margin-bottom:30px;}
.contArea h4.common span{font-size:32px; border-bottom:2px solid #f48122; color:#000; font-weight:400;}
.contArea h5.common{margin:5px 0;}
.contArea h5.common span{font-size:27px; font-weight:400; color:#000; }
.contArea img {max-width:100%;}
.contArea p,#container .contArea dd {word-wrap: break-word; word-break:keep-all;}
.contArea textarea {font-family:"NotoSansKR";}
@media screen and (max-width:1000px) {
.contArea {width:90%; padding:10px 5%; background:none;  }
.contArea h3 {font-size:23px;   }
.contArea h4.common {margin:15px 0;}
.contArea h4.common span{font-size:20px;}
.contArea h5.common{margin:2px 0;}

.contArea h5.common span{font-size:27px; font-weight:400; color:#000; }
}