/*인사말*/
.greeting{position:relative;}
.greeting .img{position:relative; height:500px; margin-top: 0px; background:url(../img/bg_greeting.jpg) no-repeat 50%; background-size:cover;}
/*.greeting .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;}*/
.greeting .tit{position:absolute; top:30px; right:100px; width:514px; height:314px; background:#fff}
.greeting .tit h3{position:relative; margin:0; padding:140px 20px 0 50px; font-size:20px; font-weight:100;  line-height:1.6; word-break:keep-all; box-sizing:border-box; text-align:left; letter-spacing:-1px}
.greeting .tit h3:before{content:''; display:block; position:absolute; top:23px; left:50px; width:1px; height:100px; margin:0; background:#000;}
.greeting .tit h3 span{display:block; font-weight:600;}
.greeting .colum { padding:50px 20px 70px 20px;  max-width:1100px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify; }
.greeting .colum .right{float:right; width:48%; text-align:justify; }
.greeting .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.greeting .sign .name { font-size:24px}

@media (max-width: 993px){
   	.greeting .tit{position:relative; width:100%; height:auto; padding:0 50px 50px 0px; top:0; right:0;}
	.greeting .tit h3{font-size:22px; line-height:1.6em;}
	.greeting .tit h3 br{display:none;}
	.greeting .img { height:253px}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum .left { width:100%; clear:both}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}

}








/*GBCS소개*/
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .img_02_page { width:100%; height:2900px; background-image:url(../img/faq.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page .atxt { font-size: 34px; line-height: 1.2; text-align: center; color: #005b7f; font-weight: 600; margin-bottom: 12px; padding-top:40px; display: block; }
.company_info .txt_page h2 { font-size: 34px; line-height: 1; text-align: center; color: #005b7f; font-weight: 500; margin-bottom: 12px; padding-top:70px; display: block; }
.company_info .txt_page h2 span{ font-size: 40px; line-height: 1.5; text-align: center; font-weight: 600; letter-spacing: -1px; margin-bottom:33px; display: block; }
.company_info .txt_page p { font-size:21px; font-weight: 400; /*text-align: center;*/ word-break:keep-all; line-height:1.8; color:#555;}
.company_info .txt_page img { margin: 50px 0}
.company_info .txt_page p span { font-size:30px; font-weight: 500; text-align: center; word-break:keep-all; line-height:1.3; color:#003663; padding:30px 0 15px}
.company_info .txt_page p b { font-size:27px; font-weight: 500; color: #000000 }
.company_info .Ideology { width:100%; padding-bottom:100px;}
.company_info .Ideology .inner { max-width:1200px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #3d5f99;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl {padding:20px; border-right:1px solid #ddd; float:left; margin-left:0 }
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#0071bc}
.company_info .Ideology dl dt { font-size:24px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555}

.tl_title_box_wrap {width:100%; height:100%; padding:50px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.tl_title_box_wrap img {width:100%; height:100%; }
.tl_title_box_wrap li {position:relative; width:23.5%; min-height:500px; /*background-color:rgba(0,0,0,.6); */margin-left:2%; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { /*background-color:#2c3856;*/ color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;/*padding:40px;*/color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff;}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; padding-top:40px; vertical-align: top;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#fbe300; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#c2c2c2; font-weight: 400; padding-top:25px; word-break:keep-all; line-height:1.6;}





/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
  .company_info .img_page { width:100%; height:325px; background-image:url(../img/company_info_bg_m_company.jpg); background-position:center; background-repeat:no-repeat;} 
  .company_info .img_02_page { width:100%; height:1600px; background-image:url(../img/m_faq.jpg); background-position:center; background-repeat:no-repeat;} 

	.company_info .txt_page .atxt { font-size: 24px; }
  .company_info .Ideology dl { width:100%; margin-bottom:10px}
  .company_info .txt_page h2 { font-size: 20px; padding-top: 17px}
	.company_info .txt_page h2 span{ font-size: 25px; line-height: 1.3; }
	.company_info .txt_page p { font-size:13px; }
	.company_info .txt_page img { margin: 20px 0}
    .company_info .txt_page p b { font-size:17px; font-weight: 600; }

   .tl_title_box_wrap ul > li {width:100%; margin-left:0;  margin-bottom:10px}
	
} 

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:768px) {  
  .company_info .Ideology dl { width:50%; margin-bottom:10px; }
  .tl_title_box_wrap ul > li {width:100%; margin-left:0; margin-bottom:10px}
  .tl_title_box_wrap ul > li:nth-child(2n+1) {clear:both;margin-left:0%}
  
}

/* 테스크탑 (가로 해상도가 768px 보다 큰 화면에 적용) */
@media all and (min-width: 769px) and (max-width:1200px) {  
   .company_info .Ideology dl { width:50%; margin-bottom:10px; }
  .tl_title_box_wrap ul > li {width:49.5%; margin-left:1%; margin-bottom:10px}
  .tl_title_box_wrap ul > li:nth-child(2n+1) {clear:both;margin-left:0%}

}

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .company_info .Ideology dl { width:33.3333%; margin-bottom:10px; }
  .tl_title_box_wrap ul > li {width:32.3%; margin-left:1%; margin-bottom:10px}
  .tl_title_box_wrap ul > li:nth-child(4n+1) {clear:both;margin-left:0%}

}
/*GBCS소개*/

/*INVITATION*/
.gbcs_info  { width:100%; height:auto;  }
.gbcs_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.gbcs_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.gbcs_info .txt_page .atxt { font-size: 34px; line-height: 1.2; text-align: center; color: #005b7f; font-weight: 600; margin-bottom: 12px; padding-top:40px; display: block; }
.gbcs_info .txt_page h2 { font-size: 40px; line-height: 1; text-align: center; color: #104068; font-weight: 600; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page h2 span{ font-size: 50px; line-height: 1.5; text-align: center; color: #9e0039;font-weight: 600; letter-spacing: -1px; margin-bottom:33px; display: block; }

@media all and (max-width: 576px) { 
  .gbcs_info .img_page { width:100%; height:325px; background-image:url(../img/company_info_bg_m_company.jpg); background-position:center; background-repeat:no-repeat;} 
  .gbcs_info .img_02_page { width:100%; height:1600px; background-image:url(../img/m_faq.jpg); background-position:center; background-repeat:no-repeat;} 

  .gbcs_info .txt_page .atxt { font-size: 24px; }
  .gbcs_info .Ideology dl { width:100%; margin-bottom:10px}
  .gbcs_info .txt_page h2 { font-size: 20px; padding-top: 17px}
  .gbcs_info .txt_page h2 span{ font-size: 25px; line-height: 1.3; }
  .gbcs_info .txt_page p { font-size:13px; }
  .gbcs_info .txt_page img { margin: 0px 0}
  .gbcs_info .txt_page p b { font-size:17px; font-weight: 600; }

   .tl_title_box_wrap ul > li {width:100%; margin-left:0;  margin-bottom:10px}
	
} 


/*연혁*/
.history_area {position: relative;width: 100%;padding-top: 37px;}
.history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;}
/*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/
.history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;}
.history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;}
.history_area dt {margin-bottom: 20px;font-size: 55px; letter-spacing: -1px; line-height:1.0;color: #636363;font-weight: bold;}
.history_area dd strong {display: block;padding-bottom: 12px;font-size: 30px;line-height: 1.3;color: #9e005d;font-weight: 600;}
.history_area dd p {display: block;}
.history_area dd .img_box {display: block;margin-top: 39px;}
.right {text-align: right;}
.left {text-align: left;}
.fr {float: right;}
.img_box img { max-width: 100%}
.his_lead { font-size:14px; line-height:1.4; letter-spacing:-0.02em; color:#555; font-weight:400;  word-break:keep-all}

@media (max-width: 769px){
	.history_area .history_point {left: 10px;margin-left: 0;}
	.history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;}
	.history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;}
	.history_area div + div {margin-top: 40px;}
	.history_area div:nth-child(2) {margin-top: 0;}
	.history_area dt {margin-bottom: 20px;font-size:30px;}
	.history_area dd p br {display: none;}
	.history_area dd .img_box {margin-top: 20px;}	
	.history_area dd strong {font-size: 20px;}
	.his_lead { font-size:12px;}

}
/*연혁*/





/*오시는 길*/
.map_area{position:relative; z-index:1}
.map_area .txt{position:absolute;bottom:-49px;left:50%;transform:translateX(-50%);width:1200px;z-index:100;}
.map_area .txt .txt_wrap {background-color:#34456e; padding:30px 0;}
.map_area .txt .logo{position:absolute; top:20px; left:0; border-right:1px solid #1a7dd3; text-align:center; width:315px; line-height:90px; height:90px;}
.map_area .txt .contact{display:block; color:#fff; font-weight:400; font-size:15px; line-height:1.5; padding:0 0 0 375px;}
.map_area .txt .contact span{font-size:18px;}
.map_area .txt .tx .tel{font-weight:300;}
.map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-30px;display:block;border-radius:65px;border:2px solid #fff;color:#fff;font-size:17px;text-align:center;min-width:180px;line-height:55px;height:60px;}

.contact_address {width:100%;height:auto; line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}


/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.map_area .txt { position: relative; /*bottom: auto;*/ left: auto; transform: translateX(0); margin-top: -180px; width: auto;}
	.map_area .txt .logo img { height:30px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .contact span{font-size:17px;}
	.map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: none; /*display: block;*/  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
}


/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
	.map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;}
	.map_area .txt .logo img { height:20px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
}

/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
	.map_area .txt {margin-top: -30px;width: 1024px;}
	.map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px;}
	.map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;}
	.map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;}
	.map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;}
	.map_area .txt .contact .tel{font-weight:300;}
	.map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;}
}

/*오시는 길*/

/*gbcs2023*/

#container2{ padding-left:0px; padding:5px 0 100px 0;} 
.content_wrap .con_teb {
    clear: both;
    float: left;
    width: 100%;
	margin:0 0 100px 0;
    
}
ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;

    width: 100%;
    font-size:19px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:0px;
    float: left;
    text-align:center;
	
    cursor: pointer;
    width:16.5%;
    height: 55px;
    /*line-height: 45px;*/
    border: 1px solid #ccc;
    font-weight: 400;
    background: #eeeeee;
    overflow: hidden;
    position: relative;
	margin-bottom:50px;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#444; background:#fff; border:2px solid #ccc; border-top: 2px solid #05384c; border-bottom:none;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { font-size:19px; color:#9e0039;}
        

ul.tabs2 li a { padding:10px 180px; font-size:17px; font-weight:500; color:#444; display:block;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #6aa9c5; border:1px solid #6aa9c5; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
	ul.tabs2 li.selected a, ul.tabs li.selected a:hover { font-size:14px; color:#005b7f;}
	ul.tabs2 li a { padding:10px 180px; font-size:13px; font-weight:500; color:#444; display:block;}
	
}
/*gbcs2023*/


/*program*/
.over { overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.program {position: relative; width: auto; max-width: 1200px; margin:0 auto; padding:0 0 60px; box-sizing: border-box;}
.program .title_box p.title {position: relative; font-size:55px;  font-weight: bold; color:#bf1e2e; letter-spacing: -0.04em;}
/*.program .title_box p.title {position: relative; font-size:55px; line-height: 72px; font-weight: bold; color:#663793; letter-spacing: -0.04em; text-align:center;}*/
.program .title_box p.title >span{ font-size:14px; color:#797979; font-weight:400; letter-spacing:normal; padding-left:320px;}

.program .title_box p.title em {font-size:25px; color:#000000; font-style: normal; font-weight:500; text-align:center;}
.program .title_box {padding:9px 0 17px;}
.program .title_box h1 {position: relative; font-size:35px; line-height: 50px; font-weight: bold; color:#c6252c; letter-spacing: -0.04em; margin-bottom:20px}
.program .title_box .bar_list {display:block; font-size:20px; color:#fff; width:100%; height:40px; text-align:center; margin-bottom:10px;border-radius: 25px; line-height:40px; }
.program .title_box .bar_slist {display:block; font-size:17px; color:#053266; width:100%; height:35px; text-align:center;  margin-bottom:10px; line-height:35px; background-color:#e9e9e9;}
.program .title_box .bar_slist > em {padding-left:20px;}
.program .title_box .bar_sslist {display:block; font-size:17px; color:#fff; width:100%; height:35px; text-align:center;  margin-bottom:10px; line-height:35px;}


.program .title_box p.pro_name {margin-top:0px; font-size:16px; line-height: 7px; color:#717070;}
.program .title_box p.pro_name > em {position: relative; font-size:20px; line-height: 50px; font-weight: bold; color:#363636; letter-spacing: -0.04em;}
.program .title_box p.desc {margin-top:16px; font-size:16px; line-height: 28px; color:#717070;}
.program .title_box p.desc > em {margin-top:16px; font-size:17px; line-height: 28px; color:#353434;}
.program .title_box p.desc em.br {display: block;}
.program .title_box .time ul li {position: relative; padding-left: 13px;margin-bottom: 8px;}
.program .title_box .time ul li img { display:inline-block;}
.program .title_box .time ul li p {font-size: 16px;line-height: 26px;color: #636363;padding-left: 150px;position: relative;}
.program .title_box .time ul li strong {position: absolute;left: 43px; line-height: 27px; font-size: 16px;display: block;top: 0;color: #868686;}
.program .title_box .time ul li .time_txt {position: absolute;left: 10px; font-size: 16px;display: block;top: 0;color: #ec008c;}
.program .title_box .time ul li em {font-size: 18px; color: #000000;}

.program .invibox_image img {display: block; max-width:100%; margin:auto;}
.program .invibox_image .bg_img {background-image: url("../g_n_images/invi_img01.jpg")}
.program .invibox_image .bg_img {top:0; background-repeat: no-repeat; background-position: center; height: 500px;}

.program .box_image {position: relative; height: 380px; margin-bottom: 70px;}
.program .box_image .bg_img {position: absolute; top:0; display: block; width: 57.5%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;}
.program .box_image.box_right .bg_img {right:0;}
.program .box_image.box_left .bg_img {left:0;}
.program .box_image.box_01 .bg_img {background-image: url("../g_n_images/invi_img01.jpg")}
.program .box_image.box_02 .bg_img {background-image: url("../g_n_images/who/img_who_01_02.jpg")}
.program .box_image.box_03 .bg_img {background-image: url("../g_n_images/who/img_who_01_03.jpg")}
.program .box_image.box_04 .bg_img {background-image: url("../g_n_images/who/img_who_01_04.jpg")}
.program .box_image.box_05 .bg_img {background-image: url("../g_n_images/who/img_who_01_05.jpg")}

.invi_list ul li {font-size: 19px; margin-top: 20px; margin-bottom: 6px; color: #252525; line-height: 10px; position: relative; padding-left: 30px;}
.invi_list ul li > em {font-size: 50px;line-height: 18px; margin-bottom: 6px;color: #525252;position: relative;padding-left: 10px;}
.invi_list ul li:last-child {font-size: 5px; margin-bottom: 0;}

.company .box_image .text_area {position: absolute; top:0; width: 47.5%;  height: 100%; z-index: 2; box-sizing: border-box;}
.company .box_image.box_right .text_area {padding-right:60px; left:0;}
.company .box_image.box_left .text_area {padding-left:60px; right:0;}

.program .box_image .text_area .bg_title {position: absolute; display: block; z-index: 3;}
.program .box_image.box_01 .text_area .bg_title em {position: relative; margin-left:-20px; font-size:80px;}

.program .box_image.box_01 .text_area .bg_title {width: 152px; height: auto; bottom:0; left:240px;;}
.program .box_image.box_02 .text_area .bg_title {width: 400px; height: auto; bottom:0; right:0; }
.program .box_image.box_03 .text_area .bg_title {width: 273px; height: auto; bottom:-10px; right:0; }
.program .box_image.box_04 .text_area .bg_title {width: 424px; height: auto; bottom:0; left:0; }
.program .box_image.box_05 .text_area .bg_title {width: 375px; height: auto; bottom:0; right:0; }

.program .box_image .text_area .text_box {position: absolute; background-color: #fff; width: 570px; box-sizing: border-box;}
.program .box_image.box_right .text_area .text_box {top:0; left:0; padding:25px 60px 33px 0;}
.program .box_image.box_left .text_area .text_box {bottom:0; right:0; padding:55px 30px 0 60px;}

.program .box_image .text_area .text_box p.title {position: relative; font-size:30px; line-height: 40px; font-weight: bold; color:#333333;}
.program .box_image .text_area .text_box p.desc {margin-top:20px; font-size:16px; line-height: 28px; color:#777;}
.program .box_image .text_area .text_box p.desc em.br {display: block;}

@media all and (max-width:1360px) {
	.program {padding:60px 70px 0 70px;}
}
@media all and (max-width:1320px) {
	.program .box_image .text_area .text_box p.desc em.br {display: inline;}
}
@media all and (max-width:1200px) {
	.program .box_image .text_area .text_box {width:530px;}
	.program .title_box p.title >span{ font-size:13px; color:#797979; font-weight:400;letter-spacing:normal; padding-left:155px;}
}
@media all and (max-width:1024px) {
	.program .title_box p.desc em.br {display: inline;}
	.program .box_image .text_area .text_box {width:490px;}
	.program .box_image.box_right .text_area .text_box {padding:30px 40px 20px 0;}
	.program .box_image.box_left .text_area .text_box {padding:30px 20px 20px 30px;}
	.program .box_image.box_01 .text_area .bg_title {width: 102px;}
	.program .box_image.box_02 .text_area .bg_title {width: 266px; bottom:0; right:0; }
	.program .box_image.box_03 .text_area .bg_title {width: 182px; bottom:-5px; right:0; }
	.program .box_image.box_04 .text_area .bg_title {width: 282px; bottom:0; left:0; }
	.program .box_image.box_05 .text_area .bg_title {width: 250px; bottom:5px; right:0; }
}
@media all and (max-width:800px) {
	.program {padding:3px 0 0;}
	.program .title_box h1 {position: relative; font-size:25px; line-height: 50px; font-weight: bold; color:#c6252c; margin-top:10px; letter-spacing: -0.04em;}
	.program .title_box {padding:30px 20px 20px;}
	.program .box_image {height: auto; margin-bottom:0;}
	.program .box_image .bg_img {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; height: 250px;}
	.program .box_image .text_area {position: relative; top:0; left:0; right:0; bottom:0; width: 100%; height: auto;  padding:20px !important; }
	.program .box_image .text_area .text_box {position: relative; width:100%; top:0; left:0; right:0; bottom:0; padding:15px !important; margin-top:-60px;}
	.program .box_image .text_area .bg_title {display: none !important;}
	.program .box_image .text_area .text_box p.title {font-size:20px; line-height: 30px;}
	.program .box_image .text_area .text_box p.desc {margin-top:10px; font-size:14px; line-height: 20px;}
	.program .title_box p.title {font-size:30px; line-height: 35px;}
	.program .title_box p.title em {font-size:20px;}
	.program .title_box p.desc {font-size:14px; line-height: 24px;}
	.program .title_box p.pro_name {margin-top:8px; font-size:16px; line-height: 22px; color:#717070;}
	.program .title_box p.pro_name > em {position: relative; font-size:20px; line-height: 29px; font-weight: bold; color:#363636; letter-spacing: -0.04em;}
	.program .title_box p.title >span{ font-size:14px; color:#797979; font-weight:400; letter-spacing:normal;  padding-left:35px;}

}
@media all and (max-width:414px) {
	.program .box_image .bg_img {height: 187px;}
	.program .title_box p.title >span{ display:none}
}

.tbl { width:100%; border-spacing: 0px; }
.tbl thead th { font-size:16px; color:#fff; font-weight:400; background-color:#d63848; text-align:center; border-bottom:1px solid #ccc; border-top:4px solid #a50e18; padding:2px 10px; }
.tbl tbody th { font-size:20px; color:#292929; font-weight:400; text-align:center; border-bottom:1px solid #ccc;}
.s_bg{ background-color:#3b438c;line-height:50px;}
.s1_bg{ background-color:#ebebeb;line-height:27px;}
.s1_txt{ font-size:16px; color:#464646}
.s2_bg{ background-color:#c87090;line-height:26px;}
.s3_bg{ background-color:#d63848;line-height:26px;}
.s4_bg{ background-color:#ba67a1;line-height:37px;}
.s5_bg{ background-color:#562174;line-height:37px;}
.s6_bg{ background-color:#f48fa6;line-height:37px;}
.s_center { text-align:center;}
.tbl tbody td { border-bottom:1px solid #ccc; padding:6px 15px; font-size:13px; line-height:25px; }
.tbl tbody td em {font-size: 16px; font-style: normal; color: #e44c03;letter-spacing: -0.5px;font-weight: 500;}
.tbl tbody td span {font-size: 14px; color: #00558e;}
.tabletop{ border-top:#305fa1 3px solid; border-right::#a1a1a1 1px solid; border-bottom:#a1a1a1 1px solid;}
.tableleft{border-left:#a1a1a1 1px solid;}
.tableleft2{border-left:#e5e5e5 1px solid;}
.tablebottom{border-bottom:#a1a1a1 1px solid;}
.tablebottom2{border-bottom:#a1a1a1 2px solid;}

@media (max-width: 1199px) {
	.tbl_wrap { overflow-x:scroll; -webkit-overflow-scrolling: touch;}
	.tbl thead th { font-size:14px;}
	.tbl tbody th { font-size:14px;}
	.tbl tbody td { font-size:14px; line-height: 20px;}
	.tbl colgroup { display:none; }
	.tbl tbody td em {font-size: 14px; font-style: normal; color: #e98b1a;}
}

/*PRE-REGISTRATION*/	

.rpe_info  { width:100%; height:auto;  }
.rpe_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.rpe_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.rpe_info .txt_page .atxt { font-size: 34px; line-height: 1.2; text-align: center; color: #005b7f; font-weight: 600; margin-bottom: 12px; padding-top:40px; display: block; }
.rpe_info .txt_page h2 { font-size: 40px; line-height: 1; text-align: center; color: #9e0039; font-weight: 600; margin-top: -50px; margin-bottom: 40px;  display: block; }
.rpe_info .txt_page h2 span{ font-size: 50px; line-height: 1.5; text-align: center; color: #9e0039;font-weight: 600; letter-spacing: -1px; margin-bottom:33px; display: block; }

@media all and (max-width: 576px) { 
  .rpe_info .txt_page h2 { font-size: 20px; padding-top: 0px}
  .rpe_info .txt_page h2 span{ font-size: 25px; line-height: 1.3; }

	
} 


/*PRE-REGISTRATION*/
	
/* content01 */
.content01 .box { position: relative; padding-bottom:130px; display:block;}
.content01 .box .img_right { float:right}
.content01 .box .txt_wrap { position: absolute; right: 0; top:90px; background: #fff; padding:50px;  width: 55%; box-shadow:10px 10px 5px rgba(0,0,0,0.04);}
.content01 .box .txt_wrap .half-round-tit { display:inline-block;margin-bottom:20px}
.content01 .box .txt_wrap .half-round-tit strong {color:#5e4f4b;  font-size:36px; font-weight:500;  vertical-align: middle; border-bottom: 2px solid #ddd; line-height:1.6; letter-spacing:-1.2px;}
.content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap .half-round-tit em {position:relative; display:block; vertical-align:middle; color:#cfc3c3;  font-size:3em;}
.content01 .box .txt_wrap  p span {color:#ff7e00;  font-size:30px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:-1px;}
/*.content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left}*/
.content01 .box .txt_wrap p {text-align: justify;}
.content01 .box .txt_wrap02 { position: absolute; left: 0; top:90px; background: #fff; width: 55%;}

@media screen and (max-width: 992px) {
	.content01 .box {padding-bottom:30px;}
	.content01 .box .txt_wrap .half-round-tit strong {font-size:23px; font-weight:600;}
	.content01 .box .txt_wrap  p span {color:#ff7e00;  font-size:27px; font-weight:500; }
	.content01 .box .img { text-align:center; display:block; float:none; clear:both}
	.content01 .box .img img { width:100%}
	.content01 .box .txt_wrap { width:100%; padding:20px; top: 0px; display:block; position:relative; clear:both}
	



}
/* content01 */







/* content02 */
.content02 ul li { width:50%; float:left}
.content02 ul li .profile { float:left; padding-bottom:50px; width:48%}
.content02 ul li .profile img { width:100%}
.content02 ul li dl { float:left; padding:0 40px; width:52% }
.content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0}
.content02 ul li dl dt dd {  margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both;  }

@media all and (max-width: 576px) { 
  .content02 ul > li {width:100%; margin:0 0 10px 0 }
  .content02 ul > li .profile { width:100%}
  .content02 ul > li dl { width:100%; padding:0 20px 20px 20px}
}



/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:1200px) {  
  .content02 ul > li {width:98%; margin:0 1% 10px 1%; }
}



/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .content02 ul > li {width:49.5%; margin-bottom:10px; margin-left:1%}
  .content02 ul > li:nth-child(2n+1) {clear:both;margin-left:0%}

}
/* content02 */





/* content03 */
.content03 ul > li {min-height:300px;  float:left; text-align:justify;}
.content03 ul > li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 ul > li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 ul > li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 ul > li p { text-align:center; word-break:keep-all}
.content03 ul > li .icon_img {text-align:center;padding-top:20px;display:block;}
/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
  .content03 ul> li {width:100%; margin:0 0 10px 0 }
}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:768px) {  
  .content03 ul > li {width:49.5%; margin-bottom:10px; margin-left:1%}
  .content03 ul > li:nth-child(2n+1) {clear:both; margin-left:0}
}


/* 태블릿 디바이스 (가로 해상도가 768px 보다 큰 화면에 적용) */
@media all and (min-width: 769px) and (max-width:1200px) {  
  .content03 ul > li {width:32.66%; margin-bottom:10px; margin-left:1%}
  .content03 ul > li:nth-child(3n+1) {clear:both;margin-left:0%}
}

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .content03 ul > li {width:32.66%; margin-bottom:10px; margin-left:1%}
  .content03 ul > li:nth-child(3n+1) {clear:both;margin-left:0%}
}
/* content03 */




/* content_area04 */
.content04 .point { text-align: center; padding:50px 20px 0 0}
.content04 .point p { font-size:40px; font-weight:bold; /*padding-left:30px;*/ color:#303d5c; /*background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;*/}
.content04 .point h2 { font-size:36px; font-weight:300; color:#f66120; /*text-align:left;*/ padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .img img { width:100%}
.content04 .content_sub_title { margin:0 auto; padding:30px 0 0}
.content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;}
.content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .content_sub_title .sub_txt {float:right; width:75%;}
.content04 .content_sub_title .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.content04 .point p { font-size:25px; }
	.content04 .point h2 { font-size:26px; }
	.content04 .point {padding:30px 20px 0 0}
  .content04 .content_sub_title .sub_title {width: 100%; margin-bottom: 20px;clear: both;}
  .content04 .content_sub_title .sub_txt { width:100%;}
  .content04 .colum .left { width:100%; clear:both} 
  .content04 .colum .right { width:100%; padding-left:0; padding-top:20px; clear:both} 
}


/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
  .content04 .content_sub_title .sub_title {width: 100%; margin-bottom: 20px;clear: both;}
  .content04 .content_sub_title .sub_txt { width:100%;}
  .content04 .colum .left { width:100%; clear:both} 
  .content04 .colum .right { width:100%; padding-left:0; padding-top:20px; clear:both} 
}

/* 큰화면 데스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
  .content04 .content_sub_title .sub_title {width: 100%; margin-bottom: 20px;clear: both;}
  .content04 .content_sub_title .sub_txt { width:100%;}
}

/* content_area04 */








/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:30px; word-break:keep-all}


/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; font-weight:bold}
}


/* 테스크탑 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:1200px) {  
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; font-weight:bold}
}

/* content_area05 */






/* content_area06 */
.content06 .thumb_box { display:block; float:left; }
.content06 .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold}
.content06 .thumb_box .txt p { padding:5px 0px 20px; text-align:center; }
.content06 .thumb_box a  {display:inline-block; font-size:14px;  margin-top:40px; background-color:#fff; border:1px solid #ddd; color:#333; font-weight:400; line-height:40px; padding:0 30px; transition: all 0.2s}
.content06 .thumb_box a:hover {padding:0 40px; transition: all 0.3s; background-color:#2253b8; color:#fff}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.content06 .thumb_box  {width: 100%; margin-bottom: 10px;clear: both;}
}





/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
  .content06 .thumb_box {width:49.5%; margin-bottom:10px; margin-left:1%}
  .content06 .thumb_box:nth-child(2n+1) {clear:both; margin-left:0}
}


/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
    .content06 .thumb_box {width:32.66%; margin-bottom:10px; margin-left:1%}
	.content06 .thumb_box:nth-child(3n+1) {clear:both; margin-left:0}
	.content06 .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
	.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}

}


/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
    .content06 .thumb_box {width:44.5%; margin-bottom:50px; margin-left:5%}
	/*.content06 .thumb_box:nth-child(3n+1) {clear:both; margin-left:0}*/
	.content06 .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
	.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
	
}
/* content_area06 */



.formmail input { height: 40px; background: #fff;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;transition: all 1s;}
.formmail h2 { width: 200px; float: left; font-size: 18px; font-weight: 500;color: #555; padding: 5px 10px 5px 0;}

.formmail .clearfix {  padding:10px 0}
.formmail .line { border-bottom:1px solid #ddd}
.formmail p {font-size: 16px; color: #555;}
.formmail .company .text { width:400px} 
.formmail #email_list { width:200px; margin-left:10px}
.formmail textarea { width: 900px; height: 130px; line-height: 1.5; padding: 5px;border: 1px solid #bbb; box-sizing: border-box;resize: none;}
.formmail span.bar { display: inline-block; width:20px; text-align: center; vertical-align: middle; line-height: 35px;}
.formmail .type label { font-size:16px; color:#555}
.formmail .type .radio { width: 15px;height: 15px; border: 1px solid #ddd; background-color: #fff; margin:0 5px; color:#555}
.formmail .btn_submit{ width: 180px; height: 55px;line-height: 55px; border: 0; color: #fff;font-size: 18px; text-align: center;}
.formmail .form-radio { display: inline-block; margin-right: 10px; line-height: 28px;}

.formmail .co_hp { width:15%}
.formmail .co_hp2 { width:15%}
.formmail .co_hp3 { width:15%}
.formmail .co_varchar_1 { width:15%}
.formmail .co_varchar_2 { width:15%}
.formmail #email_list { width:15%}


@media all and (max-width: 576px) { 

.formmail h2 { width:100%}
.formmail .co_hp { width:28%}
.formmail .co_hp2 { width:28%}
.formmail .co_hp3 { width:28%}
.formmail .company .text { width:100%}
.formmail .co_varchar_1 { width:28%}
.formmail .co_varchar_2 { width:28%}
.formmail #email_list { width:34%}
.formmail  .textarea { width:100%}
}

	.fc_ver2_pointer {color:#C53428; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
	.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
	.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

	.daon_ver2_sub_type1 {width:100%; }
	.daon_ver2_sub_type1:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type1 .special_area {width:100%; padding:40px 0px; }
	.daon_ver2_sub_type1 .special_area:first-child {padding-top:0;}
	.daon_ver2_sub_type1 .special_area ul {min-height:450px; }
	.daon_ver2_sub_type1 .special_area ul li{ position:relative; width:100%; min-height:450px; overflow:hidden;  }
	.daon_ver2_sub_type1 .special_area ul li:last-child {margin-bottom:0;}
	.daon_ver2_sub_type1 .special_area ul li div{overflow:hidden; box-sizing:border-box;}
	.daon_ver2_sub_type1 .special_area ul li .special_img{width:48%; top:0; right:0; position:absolute; }
	.daon_ver2_sub_type1 .special_area ul li .special_img img {width:100%; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_img{right:unset; left:0;}
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{text-align:left; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{float:right; right:0; width:50%; padding-right:0; padding-left:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info{position:relative; width:50%; display:table; min-height:415px; padding-right:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {display:table-cell; vertical-align:top;  }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl{width:100%; margin:0; padding:0; overflow:hidden; background-color:none; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt em{display:block; margin:0; padding:0; font-size:13px; line-height:1em; font-weight:400; font-style:normal; color:#aaa; letter-spacing:0.15em;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:30px; font-weight:600; margin:15px 0 20px 0; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dd{position:relative; font-size: 16px; color:#777; line-height:1.6em; word-break:keep-all;}
	.daon_ver2_sub_type1 table.special_tbl{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin-top:20px; }
	.daon_ver2_sub_type1 table.special_tbl th{ width:20%; text-align:center; color:#333; font-size:13px; font-weight:500; padding:8px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
	.daon_ver2_sub_type1 table.special_tbl td{ width:80%; text-align:left; font-size:12px; padding:8px 20px; border-bottom:1px solid #eee; border-right:1px solid #eee;}	


	@media screen and (max-width:1240px){		
		.daon_ver2_sub_type1 .special_area ul li .special_img{width:47%; }
		.daon_ver2_sub_type1 .special_area ul li {min-height:auto; }
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {vertical-align:top;}
	}
		
	@media screen and (max-width:992px){		
		.daon_content_wrap{padding:0 2%;}
		.daon_ver2_page_title{margin-bottom:50px;}	
		.daon_ver2_page_title h1{font-size:1.85em;}
		.daon_ver2_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:24px; }
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dd{position:relative; font-size: 14px; }



		.daon_ver2_sub_type1 .special_area ul li .special_img{position:relative; width:100%; }
		.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{  float:none;  width:94%; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info{top:-50px; float:none; width:94%; min-height:auto; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {float:left; width:100%; margin-top:30px; text-align:center; }
	}

    .fc_pointer {color:#1F88E5; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}
	.business_type2 .business_info ul li.left_box { float:left; width:500px; height:500px; overflow:hidden; }
	.business_type2 .business_info ul li.left_box img{ width:100%; height:100%; }
	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:50%; height:500px;}
	.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
	.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

	.business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #898989; }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:33px; color:#00325a; font-weight:700; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
	.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
	.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
	.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-size: 19px; font-weight:400; line-height:1.8em; list-style:none; padding-left:3%; margin-bottom:5px;}
	.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:20px; background:#0054a6; margin-right:10px; vertical-align:middle;}



	.business_type2 .con_arrow2{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
	.business_type2 .con_arrow2 p{position:relative; font-size:33px; color:#00325a; padding-left:30px; }
	.business_type2 .con_arrow2 span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow2 > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #898989; border-bottom:1px solid #898989;}
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
	.business_type2 .con_box ul li p{display:table; width:100%; }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#ff8144; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:17px; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 19px;}


	@media screen and (max-width:992px){
		
		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}
		
		.business_type2 .business_info{margin-bottom:0px;}
		.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
		.business_type2 .business_info ul li.right_box{ width:100%; }
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
		.business_type2 .con_arrow2{width:95%; margin:0 auto;}
		.business_type2 .con_box{width:95%; margin:0 auto;}

	}
	@media screen and (max-width:480px){
	    .business_type2 .business_info ul li.right_box{height:300px;}
		.business_type2 .txt_area .txt02 ul li { font-size: 18px; }
		.business_type2 .con_arrow2 p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }

	}
	
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:40px; font-weight:600; color: #303d5c;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type3{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type3:after{content:""; display:block; clear:both;}
	.business_type3 .business_info{ width:100%; }
	.business_type3 .business_info .backImg{width:580px; margin-top:0; float:left; margin-left:40px; padding-top:200px;}
	.business_type3 .business_info .backImg:nth-child(2n-1){margin-left:0}
	.business_type3 .business_info .backImg:nth-child(1){background:url('../img/ben_img01.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(2){background:url('../img/ben_img02.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(3){background:url('../img/ben_img03.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(4){background:url('../img/ben_img04.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(5){background:url('../img/ben_img05.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg .txt_area{width:90%; margin:0 auto; padding:30px 30px 50px 30px; text-align:center; box-sizing:border-box; height:280px; background:#fff; }
	.business_type3 .business_info .backImg .txt_area .tit{font-size:27px; letter-spacing: -1px; font-weight: 500; line-height:1.4em; color:#303d5c;  }
	.business_type3 .business_info .backImg .txt_area ul{ margin-top:30px; padding:0; }
	.business_type3 .business_info .backImg .txt_area ul li{text-align:left; font-size:17px; line-height:1.6em; color:#777; padding-left:15px; margin-bottom:10px; /*background:url('../img/arr.png') no-repeat left 50%;*/ }

	@media screen and (max-width:992px){
		
		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.business_type3 .business_info .backImg{float:none; margin:0 auto; text-align:center;  }
		.business_type3 .business_info .backImg:nth-child(2n-1){ margin:0 auto;}
	}

	@media screen and (max-width:480px){

		.business_type3 .business_info .backImg {width:100%;}
		.business_type3 .business_info .backImg .txt_area .tit{font-size:22px;}
		.business_type3 .business_info .backImg .txt_area{ height:auto; padding:15px;}
		.business_type3 .business_info .backImg .txt_area ul li{font-size:14px; }


	}
.height85 {height: 85px; border-top:2px solid #ddd;}
.fc_pointer {color:#BC0000; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:40px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:40px; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

	.vision_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.vision_type2:after {display:block; visibility:hidden; clear:both; content:""}
	.vision_type2 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type2 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#333; line-height:1.6em; margin-bottom:40px; }
	.vision_type2 .img_div img{width:100%; max-width:1200px; border-radius:85px; margin-bottom:30px}
	.vision_type2 ul {margin:0; padding:0; }
	.vision_type2 ul li {clear:both; padding:0px; margin:0; margin-bottom:30px; width:100%; border-radius:85px; border:1px solid #ddd; background-color:#fafafa; overflow:hidden;}
	.vision_type2 ul li .circle_box {display:block; float:left; width:170px; height:170px; border-radius:85px; }
	.vision_type2 ul li:nth-child(1) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(2) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(3) .circle_box {background:#f48025; }
	.vision_type2 ul li:nth-child(4) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(5) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(6) .circle_box {background:#f48025; }
	.vision_type2 ul li .circle_box .icon {display:block; position:relative; left:0; top:25%; width:100%; height:100%; text-align:center; }
	.vision_type2 ul li .circle_box .icon i {display:block; font-size:3em; color:#fff; }
	.vision_type2 ul li .circle_box .icon em {display:block; font-size:1.2em; color:#fff; font-style:normal; margin-top:10px;}
	.vision_type2 ul li .con_txt {display:block; float:left; width:70%; margin-left:50px; margin-top:30px;}
	.vision_type2 ul li .con_txt p {font-size:25px; font-weight: 500; letter-spacing: -1px; color:#000; text-align:left; }
	.vision_type2 ul li .con_txt span {font-size:17px; color:#555; font-weight: 400; text-align:left;  line-height:1.5em;}
	.vision_type2 ul li.inverse_li{background-color:#fff;}
	.vision_type2 ul li.inverse_li .circle_box {float:right;  }
	.vision_type2 ul li.inverse_li .con_txt {float:right; }

	.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}

	@media screen and (max-width: 992px){
		
		.daon_content_wrap{width:96%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:25px;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.vision_type2 h2.title { font-size:1.5em; }
		.vision_type2 span.stitle{font-size:1em; width:90%;}
		.vision_type2 ul li {width:100%; margin-bottom:50px; border-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px}
		.vision_type2 ul li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li.inverse_li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 ul li.inverse_li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 .img_div img{border-radius:40px;}

	}

	@media screen and (max-width: 480px){
		.vision_type2 ul li .con_txt p {font-size:22px;}
		.vision_type2 ul li .con_txt span {font-size:15px; }
		.vision_type2 ul li .circle_box { height:97px;}
		.vision_type2 ul li{border-radius:15px;}
		.vision_type2 ul li .circle_box{border-radius:15px; }
		.vision_type2 ul li.inverse_li .circle_box{ border-radius:15px; }
		.vision_type2 .img_div img{border-radius:15px;}

	}