/*body {
       background: url(../images/sub/bg.gif) left top repeat-y;
}*/
ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.swiper-button-next
.v-cell {
    display: table-cell;
    vertical-align: middle;
}
.v-row {
    display: table;
    height: 100%;
}
.blind, .hide, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.of_h {overflow:hidden;}
.clear {zoom:1;}
.clear:after {content:'';display:block;clear:both;}
.text_center {text-align: center!important;}
.text_right {text-align:right!important; color: #6e6e6e; font-size: 14px}
.onlyW {display:block !important;}
.onlyT {display:none !important;}
.onlyM {display:none !important;}


.m {display: none}
.pc {display:block}

/*SUBPAGE LAYOUT*/
.bg_LLgray {background:#fafafa;}
.bg_Lgray {background:#edeef0;}
.bg_gray {background:#797979;}
.bg_gray2 {background:#f9f9f9;}
.bg_gray3 {background:#ecebf1;}
.bg_black {background:#0f0f0f;}
.bg_blue {background:#ecf5f4;}
.bg_black .box_tit {color:#fff;}
.bg_Lblue {background:#e1e1e5;}
.bg_wh {background:#fff;}
.bg_Dvio {background:#4c5284!important;}
.bg_Dvio2 {background:#4c4f6a!important;}




.wide {max-width:100% !important;}
.wide_m {}

.pt10 {padding: 10px 0 0 0 } 
.pt40 {padding: 40px 0 0 0 } 
.pt30 {padding: 30px 0 0 0 } 
.p85 {padding: 85px 0} 
.p30 {padding: 30px 0} 


h4 {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
dd {
    display: block;
    margin-inline-start: 0px;
}

@media all and (min-width: 1281px) {
	.onlyM {display:none !important;}
	.onlyT {display:none !important;}
	.onlyW {display:block !important;}
}
@media all and (max-width: 1280px) {
	.onlyM {display:none !important;}	
	.onlyW {display:none !important;}
	.onlyT {display:block !important;}
	
	
}
@media all and (max-width: 620px) {
	.onlyM {display:block !important;}
	.onlyT {display:none !important;}
	.onlyW {display:none !important;}
	.m {display: block}
	.pc {display:none}
	.pt40 {		padding: 20px 0 0 0;	}
	.pt30 {padding: 15px 0 0 0 } 
	.p30 {    padding: 15px 0;}
}
.comment {text-align:right!important; color: #6e6e6e; font-size: 14px}

.content_tit { text-align: center }
.content_tit h3 { font-size: 26px; font-weight: 900; text-align: center; line-height: 1.6em; width: 100%}
.content_tit p { font-size: 1.2em;color: #777777; width: 100%; line-height: 1.6em/* height: 50px*/ }
.content_tit .line {height: 3px; width: 80px; background-color:#3053c1; display: block; margin: 20px auto 35px} 

.sub_visual .services { background: url("../images/sub/sub_visual01.jpg") center no-repeat ;  background-size: cover; }
.sub_visual .education { background: url("../images/sub/sub_visual02.jpg") center no-repeat ;  background-size: cover; }
.sub_visual .tqs { background: url("../images/sub/sub_visual03.jpg") center no-repeat ;  background-size: cover; }
.sub_visual .contact_bg { background: url("../images/sub/sub_visual04.jpg") center no-repeat ;  background-size: cover; }
.sub_visual {  background-color: #f5f5f4 }

.sub_visual  { text-align: center;     margin: 95px auto 0;     padding: 30px 0; width: 100%; height: 385px;  z-index: 0; max-width: 1720px }
.sub_visual .area_inner p.title { display: block; position: relative; top: 210px;  text-align: left;  padding: 0; font-size: 45px; font-weight:800; color: #fff; opacity: 1; letter-spacing: 3px; width:60%; left: 18%;   }
.sub_visual .area_inner p.title strong { display: block; font-family: "Lato"; font-size: 17px; line-height: 35px; letter-spacing: 15px; font-weight: 400; }
.sub_visual .sub_visual_bg {  }

.sub_content {}

.book_view .sub_visual {
    text-align: center;
    margin: 95px auto 0;
    padding: 30px 0;
    width: 100%;
    height: auto;
    z-index: 0;
    max-width: 1200px;
}


.area_inner { 
  position: relative; height: 100%;  width: 100%; 
/*  animation-name: bg_ani;
  animation-duration: 2s;
  animation-iteration-count:1;*/ }

/*@keyframes bg_ani {
  0%    { background-size: 105% }
  100%  { background-size: 100% }
}*/


/* 00tab */
.tab_st01 { text-align: center; padding: 0px 0 0px;   }
.tab_st01 .inner1 { display: inline-block; *display: inline; zoom: 1; transform: translate(-50%,0);  margin: 0 auto}
.tab_st01 .inner1 li { float: left; margin-left: -1px; z-index: 1; position: relative; left: 50%; padding: 0 25px; }
.tab_st01 .inner1 li:last-child { background-image: none; }
.tab_st01 .inner1 li a { position: relative; display: block; line-height: 32px; font-size: 18px; font-weight: 400; }
.tab_st01 .inner1 li a span { transition: all 0.4s; width: 0; left: 50%; transform: translate(-50%,0); }
.tab_st01 .inner1 li a.on { color: #005bac; }
.tab_st01 .inner1 li a.on span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }

/* 02tab  작은 탭  
20200422 추가 */
.tab_st02 { text-align: center; margin-top: 30px }
.tab_st02 .inner1 { display: inline-block; *display: inline; zoom: 1; transform: translate(-50%,0); }
.tab_st02 .inner1 li { float: left; margin-left: -1px; z-index: 1; position: relative; left: 50%;padding: 0 25px; }
.tab_st02 .inner1 li:last-child { background-image: none; }
.tab_st02 .inner1 li a { position: relative; display: block; line-height: 32px; font-size: 18px; font-weight: 400; }
.tab_st02 .inner1 li a span { transition: all 0.4s; width: 0; left: 50%; transform: translate(-50%,0); }
.tab_st02 .inner1 li a.on { color: #005bac; font-weight: 600 }
.tab_st02 .inner1 li a.on span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }

.tab_st03 { text-align: center; padding: 10px 20px 10px; background-color: #f5f5f5; border-top:#dfdfdf  solid 5px}
.tab_st03 .inner1 { display: inline-block; *display: inline; zoom: 1; transform: translate(-50%,0);  margin: 0 auto; width: 100%}
.tab_st03 .inner1 li { float: left; margin-left: -1px; z-index: 1; position: relative; left: 51%; padding: 0 25px; width: 20%; text-align: left  }
.tab_st03 .inner1 li:last-child { background-image: none; }
.tab_st03 .inner1 li a { position: relative; display: block; line-height: 32px; font-size: 15px; font-weight: 300;  color: #636363; letter-spacing: -0.5px }
.tab_st03 .inner1 li a span { transition: all 0.4s; width: 0; left: 50%; transform: translate(-50%,0); }
.tab_st03 .inner1 li a.on { font-weight: 900; }
.tab_st03 .inner1 li a.on span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px;  }
/*2Depth 탭메뉴*/

.tab_st {position: relative; width: 100%; border: #908885 solid 1px}
.tab_service {position: relative; width: 100%; text-align: center; }
.tab_service_list {height: 50px; width: 80%; margin: 0 auto }
.tab_service_list li {float: left;  font-weight:300; padding: 0px 0; text-align: center;  }
.tab_service_list li a { color: #5E5E5E; display: block; font-size: 16px; margin-left: 0; padding: 15px 0;}
.tab_service_list li:last-child a {    }
.tab_service_list li a:hover, .tab_service_list li a:focus {font-weight: 700;  /*height: 18px;*/ margin-right: 0; text-decoration: underline; }

.tab_st_m { display: none}



.box2 li {width: 50%}
.box3 li {width: 33.3%}
.box4 li {width: 25%}
.box5 li {width: 20%}

.tab_service_list li .select { font-weight:800; /*height: 18px;*/ margin-right: 0; text-decoration: underline;  }
.tab_service_list .li02 {background: url(/static/images/sub/Service/Sm/ITInfra/tab_bg.gif); height: 36px; width:420px}

.uipath img {width: 70%!important}


/*페이징 */
.pagination {
  display:inline-block;
  text-align: center
}

.pagination a {
  color: #666;
  float: left;
  font-size: 13px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  border-radius: 4px;
  background-color: rgba(255,255,255,1.00)
}

.pagination a.active {
  background-color: #b0b0b0;
  color: white;
  border: 1px solid #b0b0b0;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


/*책소개 비쥬얼*/
.swiper-container {
      width: 100%;
      height: 100%;

    }

    .swiper-slide {
      /* Center slide text vertically */
     /* display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;*/
    }
.sub_visual {}
.sub_visual .con {  width: 40%; vertical-align: middle; text-align: left; display: inline-block    }
.sub_visual .sub_tit {  border-top: solid 1px #000000; width: 50px; height: 10px; display: block   }
.sub_visual span{ font-size: 18px; line-height: 2em; display: block; text-align: center }
.sub_visual .tit{  color: #605750; font-size: 40px; font-weight: 800; line-height: 1.2em;  padding-bottom: 15px}
.sub_visual p {line-height: 1.5em; font-size: 16px; color: #4b4949;}
.sub_visual .img{ width: 30%; vertical-align: middle;   display: inline-block;   }
.sub_visual img{ vertical-align: middle;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 auto!important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/sub/icon_next.png")!important;
	background-size: 38px 44px!important;
    right: 0px!important;
    left: auto!important;
	width: 64px!important; 
	height: 64px!important; 
	background-color: #fff;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/sub/icon_pre.png")!important;
	background-size: 38px 44px!important;
    left: 0px!important;
    right: auto!important;
	width: 64px!important; 
	height: 64px!important; 
	background-color: #fff;
}

.swiper-button-next, .swiper-button-prev {
    color: #554b44!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px!important ; font-weight: 800
}


/* 책소개 > 상세 */
.book_view .sub_visual { padding: 70px 77px 20px; height: auto!important}
.book_view .sub_visual .con { 
	width: 50%;
    display: inline-block;
    -webkit-appearance: inline-table;
    -moz-appearance: table;
 }
.book_view .sub_visual .sub_tit {  border-top: solid 1px #000000; width: 50px; height: 10px; display: block   }
.book_view .sub_visual span{ font-size: 20px; line-height: 1.8em; display: inline; font-weight: 200; color: #978974 }
.book_view .sub_visual .tit{  color: #000; font-size: 40px; font-weight: 500; line-height: 1.6em; padding-bottom: 20px}
.book_view .sub_visual p {line-height: 1.5em; font-size: 16px; color: #4b4949}
.book_view .sub_visual p span {line-height: 1.8em; font-size: 15px;  font-weight: 600; color: #1B1B1B; width: 180px}
.book_view .sub_visual .txt_tit {width: 100px; line-height: 2em; font-size: 15px;  font-weight: 600; color: #1B1B1B;display:inline-block}
.book_view .sub_visual .font_1 {letter-spacing: -1px}
.book_view .sub_visual .txt {display:inline-block; width: 70%}
.book_view .sub_visual .img{	width: 45%;        vertical-align: top; text-align: left; left: 0; padding: 0px; position: relative   }
.book_view .sub_visual .img p {padding: 10px 0   ;    }
.book_view .sub_visual .img p span {padding: 0 15px 0 0   ;    }
.book_view .sub_visual .img img{    	width: 100%; max-width: 390px;}
.book_view .sub_visual .shoplink img {padding-right: 15px; padding-top: 25px}

.book_view .sub_visual { position:relative;  }
/*.book_view .sns { position: absolute; right: 77px; top:70px;  }*/
.book_view .sns { position: absolute; right: 40px; top:25px;  }
.book_view .sns img {  width: 100% ; width: 44px; margin-left: 3px}
.book_view .m_tit { color: #6a6a6a; font-size: 24px; font-weight: 600; line-height: 1.8em; border-bottom: 1px solid #333333; width: 100px;  margin: 0 auto}
.book_view .content_txt {max-width: 1200px; width: 100%; margin: 50px auto 40px}
.book_view .content_txt .s_tit {padding: 18px 20px; background-color: #f5f5f4; font-size: 18px; font-weight: 900; color:#564c44;  margin-top: 20px}
.book_view .content_txt p {padding: 16px; font-weight: 300;  line-height: 1.8em; color: #5d5d5d; display: block; width: 100%; position: relative; vertical-align: top}
.book_view .content_txt p span {padding: 0px 0px 0px 20px; font-weight: 800; line-height: 1em; display: block; color: #333; background: url("../../images/sub/icon_bullet.png") no-repeat; margin: 15px 0 10px 255px }
/*.book_view .content_txt .pl_16 { padding: 0px 0px 0px 20px; font-weight: 800; line-height: 1em; display: block; color: #333; background: url("../../images/sub/icon_bullet.png") no-repeat; margin: 20px 0 0 16px  }*/
.book_view .content_txt .pl_16 { padding: 0px 0px 0px 20px; font-weight: 800; line-height: 1em; display: block; color: #333;/* background: url("../../images/sub/icon_bullet.png") no-repeat;*/ margin: 20px 0 0 16px  }
.book_view .content_txt .book_writer {width: 100%; height: 260px;  display: block; padding:15px 0 0px 0; position: relative  }
.book_view .content_txt .book_writer .pro_img { width: 200px; height: auto;   border:#dadada solid 1px; box-shadow: 3px 3px 3px #ddd; float: left;  margin: 0px 40px 0px 15px}
/*.book_view .content_txt .book_writer img { width: 230px; height: auto;   border: #c2c0c0 solid 1px; box-shadow: 3px 3px 3px #ddd; float: left;  margin: 0px 40px 0px 15px}*/
.book_view .content_txt .book_writer p   { vertical-align: top!important; padding: 0 0 0 0; display: inline }
/*.book_view .content_txt .book_writer span   { width: 100%; display:block; }*/
.book_view .content_txt .book_writer .name   {  
	position: absolute;
    top: 265px;
    left: 200px;
    background-color: #9e9e9e;
    padding: 1px 10px;
    color: #fff;
    font-size: 14px; border-radius: 4px

}

.book_view .content_txt .book_writer2 { width: 100%; padding: 15px 15px 0; display: block; height: auto; margin: 0px 0 0 0; line-height: 1.8em }
.book_view .content_txt .book_writer2 span  {  padding: 0px 0px 0px 20px; font-weight: 800; line-height: 1em; display: block; color: #333; background: url("../../images/sub/icon_bullet.png") no-repeat; margin: 10px 0 10px 0}
.book_view .content_txt .book_writer2 p   { padding:0px 0 16px 0}

/*.book_view .content_txt .book_writer {width: 100%; padding: 10px 15px 0 }
.book_view .content_txt .book_writer img { width: 25%; display:inline;  border: #c2c0c0 solid 1px; box-shadow: 3px 3px 3px #ddd; }
.book_view .content_txt .book_writer p   { width: 74.5%; display:inline-block; vertical-align: top; padding: 0 0 0 3% }
.book_view .content_txt .book_writer span   { width: 100%; display:block; }*/

.book_view .keyword p a{ padding: 0 3px; font-weight: 200 }
.book_view .keyword p a:hover{    text-decoration: underline !important;}
.book_view .view_img {max-width: 1200px; width: 100%; padding: 0 }
/*.book_view .view_img>div {  width: 50%; padding: 0px 0px; display: inline; background-color: aqua }
.book_view .view_img>div img  {  width: 100%; }*/
.book_view .view_img img {width: 49.8%; padding: 10px 20px 15px 16px; display: inline}
/*회사소개 */
.company .box1  {
   
}

.company .box1 h5 {
    font-size: 29px!important; color: #171717!important; text-align: center;  padding-top: 65px; font-weight: 900!important
}

.company .box1 p {
    font-size: 1em; padding-top:30px; line-height: 1.8em
}

.company .box2  {
    padding: 80px 0 0 0; display: block;  min-height: 300px
}

.company .box2 {
    position: relative;
    margin: 0 auto; 
}

.company .box2 .se_left {
    float: left;
    width: 40%;
    word-wrap: break-word;
    margin-left: 0px; 
}

.company .box2 .se_left h4 {
    font-size: 2.3em!important;
    line-height: 1.2;
    margin-bottom: 62px;
    font-weight: 900!important; 
    padding-left: 10px; color: #171717!important    
}

.company .box2 .se_right  {
    position: absolute; 
    left: 40%;
    height:auto;
}

.company .box2 .se_rigth p {
    line-height: 1.625;
    margin-bottom: 54px;
}

.company .box2  table {
    line-height: 1.125em;
    margin-top: -16px;
    margin-bottom: 86px;
    font-size: 16px;
    
}
.company .box2 table {
    line-height: 1.125em;
    margin-top: -16px;
    margin-bottom: 86px;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.company .box2 table th {
    vertical-align: top;
    width: 200px;
    text-align: left;
    font-size: 1.0625em;
    padding: 10px 0;
}
.company .box2 table td {
    font-size: .9375em;
    padding: 10px 0;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 0px;
    border-color: grey;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.m {display: none}
.pc {display:block}

/*mobileAggregate*/
.mobileAggregate h6 {font-size: 20px!important;  font-weight:bold; color:#004187!important;  }
.mobileAggregate p { padding: 15px 0;     font-size: 1.063em;  line-height: 1.6em;  }

/*상담문의*/
.unethicalCase_object { margin:40px auto 0; }
.unethicalCase_guide_red { background:url("http://ethics.aju.co.kr/static/images/common/txt_icon_red.png") left 8px no-repeat; color: #c71317; padding-left: 8px; font-size: 14px; font-weight: 300; float:right; margin-top: 8px; }
.unethicalCase_guide_blue { background:url("http://ethics.aju.co.kr/static/images/common/txt_icon_blue.png") left 8px no-repeat; color: #005abb; padding-left: 8px; font-size: 14px; font-weight: 300; float:right; margin-top: 8px; }

.wrt_input { margin-top: 15px; border-top: 1px solid #003876; background: rgba(255,255,255,1.00) }
.wrt_input ul { overflow: hidden; border-bottom: 1px solid #e4e4e4; }
.wrt_input ul li { float: left; width: 100%; }
.wrt_input ul li.wrt_input_title { width: 15%; color: #323232; padding-left: 5%}
.wrt_input ul li.wrt_input_title_e  { width: 15%; color: #323232; padding-left: 4%}
.wrt_input ul li.td2 { width: 85%; /*line-height: 70px;*/ padding: 10px 50px 0px 0px }
.wrt_input ul li.td4 { width: 35%; /*line-height: 70px;*/   padding: 10px 50px 10px 0 }
.wrt_input ul li.td4_1 { width: 35%; /*line-height: 70px;*/   padding: 10px 0px 10px 0 }
.wrt_input ul li label .ess { display:inline-block; background:url("http://ethics.aju.co.kr/static/images/common/txt_icon_red.png") left 7px no-repeat; width: 5px; height: 17px; margin-left:5px; }
.wrt_input ul li .name_input { float: left; }
.wrt_input ul li .name_txt { float: left; margin-left: 195px; line-height: 70px; font-weight: 300; }
.wrt_input ul li .agree_title { float: left; width: 60%; line-height: 70px; color: #323232; }
.wrt_input ul li .agree_input { float: left; width: 40%; text-align: right; }
.wrt_input ul li .agree_info { overflow-y:auto; background: #f3f4f7; width: 100%; height: 120px; padding:20px; margin-bottom: 20px; margin-top: -5px; font-size: 14px; }
.wrt_input ul li .wrt_input_txt { line-height: 70px; }
.wrt_input ul li .unethicalCase_link { display: inline-block; color: #141515; text-decoration: underline !important; margin-left:10px; cursor: pointer; }
.wrt_input ul li .wrt_input_notice { margin:10px 0; font-size: 13px; color: #757575; }
.wrt_input ul li .filebox { position: relative; }
.wrt_input ul li .file_find { position: absolute; top: 10px; right: 0; width: 50px; height: 45px; margin: 0 0 0; background:#333; }
.wrt_input ul li .attach_btn { position: absolute; top: 0px; width: 140px; background: #999; line-height: 45px; color: #FFF; text-align: center; vertical-align: top; cursor: pointer; font-size: 15px; font-weight: normal }
.wrt_input ul li .captcha_group { float: left; width: 250px; padding: 13px 10px 13px 15px; background: #e2f3ff; border: 1px solid #dedede; text-align: center; color: #003875; letter-spacing: 0; margin-top: 10px; 
}
.wrt_input ul li .realperson { padding-top: 0 !important; }
.wrt_input ul li .realperson-challenge { float: left; margin: 10px 10px 0 0; }
.wrt_input ul li .realperson-text { padding-top: 15px !important; }
.wrt_input ul li .captcha_txt { float: left; line-height: 70px; margin:0 20px; }
.wrt_input label { color: #323232; line-height: 70px; font-size: 16px; font-weight: 600 }
.wrt_input label>span { margin-left: 5px; }
.wrt_input input[type="text"],
.wrt_input input[type="password"] { padding: 13px 10px 13px 15px; border:1px solid #f3f3f3; background: #f3f4f7; margin-top:0px; line-height: 18px; }
.wrt_input input[type="text"]:hover,
.wrt_input input[type="password"]:hover { border: 1px solid #175eae; }
.wrt_input input[type="text"]:focus,
.wrt_input input[type="password"]:focus { border: 1px solid #175eae; }
.wrt_input input[type="file"] { position: absolute; top: 0; left: 0; z-index: -1; width: 0px; height: 0px; line-height: 0px; overflow: hidden; visibility: hidden; }

.unethicalCase_object .agree_input { width: 29%; display: inline-block; text-align: right; padding: 0px 0 15px } 
.unethicalCase_object .agree_title { width: 70%;  display: inline-block; font-weight: 600; padding: 20px 0 15px}
.input_style { position: relative; display: inline-block; padding-top: 10px }
.input_style label { }

.input_style .input_style_inner:after { display:block; clear:both; content:""; }
.input_style .input_style_inner input[type="radio"],
.input_style .input_style_inner input[type="checkbox"] { display:none; }
.input_style .input_style_inner input[type="radio"] + label span { position: absolute; top: 20px; left: 22px; display: block; line-height: 24px; }
.last .input_style_inner input[type="radio"] + label span {
    position: absolute;
    top: -2px;
    left: 40px;
    display: block;
    line-height: 24px;
}
.input_style .input_style_inner input[type="radio"] + label { display: inline-block; height: 24px; background:url("../images/common/input_radio_off.png") left top no-repeat; cursor: pointer;}
.input_style .input_style_inner input[type="radio"]:checked + label { background:url("../images/common/input_radio_on.png") left top no-repeat; float: left; }
.input_style .input_style_inner input[type="checkbox"] + label span { position: absolute; top: 6px; left: 25px; display: block; line-height: 24px; font-size:15px; letter-spacing: -0.03em; font-weight: 600 }
.input_style .input_style_inner input[type="checkbox"] + label { display: inline-block; height: 24px; background:url("../images/common/input_check_off.png") left top no-repeat; cursor: pointer; line-height: 24px; }
.input_style .input_style_inner input[type="checkbox"]:checked + label { background:url("../images/common/input_check_on.png") left top no-repeat; float: left; }


.input_style2 { position: relative; display: inline-block; padding-bottom:5px }
.input_style2 .input_style_inner2:after { display:block; clear:both; content:""; }
.input_style2 .input_style_inner2 input[type="radio"],
.input_style2 .input_style_inner2 input[type="checkbox"] { display:none; }
.input_style2 .input_style_inner2 input[type="radio"] + label span { position: absolute; top: -2px; left: 20px; display: block; line-height: 24px;   }
.last .input_style_inner input[type="radio"] + label span {     position: absolute;    top: -2px;    left: 5px;    display: block;    line-height: 24px; }

select { display: inline-block; padding: 12px 10px 12px 10px; border: 1px solid #f3f3f3; box-sizing: border-box; background: #f3f4f7 url("../../images/common/select_blt.gif") 93% 21px no-repeat; margin-top: 0px;   -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none; }
.wrt_input textarea { padding: 14px 10px 14px 15px!important; background: #f3f4f7; margin:0px 0!important; border: 1px solid #f3f3f3; height: 200px; }
.wrt_input select:hover,
.wrt_input textarea:hover { border: 1px solid #175eae; }
.wrt_input select:focus,
.wrt_input textarea:focus { border: 1px solid #175eae; }

.inputForm.w60 { width: 60px; }
.inputForm.w70 { width: 70px; }
.inputForm.w80 { width: 80px; }	
.inputForm.w85 { width: 85px; }
.inputForm.w90 { width: 90px; }
.inputForm.w110 { width: 110px; }
.inputForm.w120 { width: 120px; }
.inputForm.w180 { width: 180px; }
.inputForm.w230 { width: 230px; }
.inputForm.w250 { width: 250px; }
.inputForm.wtel { width: 31.3%; }
.inputForm.wagree { width: 105px; }
.inputForm.wmail { width: 183px; }

.inputForm.w70_per { width: 70%; }
.inputForm.w80_per { width: 85.5%; }
.inputForm.w100_per { width: 100%; }

.realperson {    padding: 0px 0 30px 0px;}
.realperson input { max-width:300px; color: #333;    font-weight: 200;    width: 100%;    border: solid 1px #dddddd;    font-size: 14px;    height: 40px;    line-height: 40px;    padding: 0 10px; } 
.cont ul.pesnal_info > li.accident .value { line-height: 40px }
.cont ul.pesnal_info > li.accident .value label:first-child { padding-right: 30px}
.cont ul.pesnal_info > li.accident .value input { height:20px; width: auto;}
.cont ul.pesnal_info > li.accident .value input[type=radio] {    position: relative;    z-index: 0;    left: 0;    height: 20px;    width: 20px;    vertical-align: middle;    margin: -0.1em  0.5em 0 1.050em;    min-width: 0px;}
.cont ul.pesnal_info > li.policy { padding-bottom: 30px }
.cont ul.pesnal_info > li.questions .value textarea {    min-height: 150px;    line-height: 20px;    padding: 10px;	width: calc(100% - 32px);	border: solid 1px #dddddd; margin-bottom: 15px; font-size: 14px;}
.form_policy input { height:20px; width: auto;}
.form_policy .accept {padding-top:15px }
.accept label:first-child {padding-right: 50px!important}
.accept p { font-size:16px }
.form_policy input[type=radio] {    position: relative;    z-index: 0;    left: 0;    height: 20px;    width: 20px;    vertical-align: middle;    margin: -0.1em  0.5em 0 0em;    min-width: 0px; display: inline-block;}
.cont ul.caption {width:100%; margin-bottom:50px; padding-left:29px;}
.cont ul.caption li { margin-bottom:20px;  }
.cont ul.caption li:last-child {margin-bottom:0px;}
.cont ul.caption li:after {display:block; content:""; clear:both;}
.cont ul.caption li em {float:left; display:block; width:4px; height:4px; margin-right:15px; background-color:#ccc; margin-top:5px;}
.cont ul.caption li span {float:left;display:block; font-size:14px; color:#666666; letter-spacing:0; font-weight:200;}
.cont_wrap .realperson-regen {
    background: none;
    display: inline-block;
    color: #333;
    border: solid 1px #666;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    margin-left: 20px;
    font-size: 15px;
}


/* text/align */
.f_blue { color:#175eae !important; }
.f_right { text-align:right !important; }
.title_group { position: relative; overflow: hidden; }
.float_left { float: left !important; }
.borderB_none { border-bottom: none !important; }

/* space */
.mat15 { margin-top: 15px !important; }
.mat25 {margin-top: 25px !important;}


.btn_report { display:inline-block; width: 280px; height: 45px; line-height: 45px; text-align: center; background-color: #6e9564; font-weight: 700; border-radius: 0px; cursor: pointer; color: rgba(255,255,255,1.00)!important }
.btn_report.btn_report_w220px { width: 220px; }
.btn_report::after { width: 190px; height: 55px; }
.btn_report_w220px::after { width: 220px; }
.btn_report:hover { background-color:#486f3d; color: rgba(255,255,255,1.00) }

.btn_line { display:inline-block; width: 190px; height: 40px; line-height: 40px; text-align: center; font-weight: 700; border-radius: 0px; cursor: pointer;  border: 1px solid rgba(183,183,183,0.5) }
.btn_line::after { width: 190px; height: 40px; }
.btn_line:hover { background-color:rgba(183,183,183,0.5)!important; color:#464646!important }


.btn_center {
    width: 100%;
    text-align: center;
    margin: 50px 0 100px;
}



.agree_con {width:100%; height:130px; overflow:scroll; border:solid 1px #ccc; padding:10px; line-height:160%; font-size:0.938em!important; background: rgba(255,255,255,1.00) }
.agree_con p { font-size:0.938em!important;  line-height:160%;}

/*라디오버튼*/
    
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -5px;
  padding-left : 5px;
  background   : url('../images/common/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -5px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -5px;
}

/**/





.contacts .con02  {
    padding: 80px 0 0 0; display: block;  min-height: 300px
}

.contacts .con02 {
    position: relative;
    margin: 0 auto; 
}

.contacts .con02 li {
    display: inline-block; width: 33%;  border-left: rgba(31,31,31,1.00) 2px solid; padding: 0 0 0 23px; 
}

.contacts .con02 h4 {
    font-size: 1.750em!important; color: #171717!important; padding-top: 0px; line-height: 1.4em
}
.contacts .con02 p {
    font-size: 1em; padding-top:30px; line-height: 1.8em
}

    
.privacy {line-height:1.8em; font-size:1em}
.privacy p {padding: 0 0 0px 25px}
.privacy h4 {line-height: 2em }
.privacy section { padding-bottom: 20px}
.privacy dt {color:#032f7f; font-weight:bold; padding:15px 0 0 0}

.privacy dl {  padding: 0 0 25px 25px}
.privacy ul {  padding: 0 0 0px 25px}
.privacy span {  padding: 0 0 0px 20px}

.privacy2 {line-height:1.8em; font-size:1em}
.privacy2 p {padding: 0 0 0px 25px}
.privacy2 h4 {line-height: 2.5em; padding-top: 25px }
.privacy2 section { padding-bottom: 20px}
.privacy2 dt {color:#032f7f; font-weight:bold; padding:15px 0 0 0}

.privacy2 dl {  padding: 0 0 25px 25px}
.privacy2 ul {  padding: 0 0 0px 25px}
.privacy2 span {  padding: 0 0 0px 20px}

.privacy2 table {  padding: 0 0 0px 25px}





@keyframes btn_cosnulting_arrow {
	0% { transform: translate(-10px,0); opacity: 0; }
	100% { transform: translate(0,0); opacity: 1.0; }
}

@media screen and (max-width: 1200px) {
    
    
    p { font-size: 1em; line-height: 1em; padding-top:15px }
    .sub_visual .area_inner p.title {  font-size: 2.5em; }
	
    .content_tit h2 { font-size: 2em; line-height: 2.3em;}
    .content_tit h3 { font-size: 2em; line-height: 2.3em;}    
   /* .content_tit p { font-size: 1.375em; line-height: 1em; }*/    
	.content_tit p { font-size: 1.2em; line-height: 1.5em; }
    .company .box1 h5 {   font-size: 1.375em !important; }
    
    .ai_algorithm .con1 img { width: 100% }
    .ai_algorithm .con1 h5 {   font-size: 	1.375em !important; }
    .ai_algorithm .con2 .se_left h4  { font-size: 1.375em!important; padding-left: 0px}
    .ai_algorithm p  { font-size: 1em!important;line-height: 1.8em; }
    
    
    
	.uipath img {width: 98%!important}
    .company_section table td {
        display: block;
        color: #333;
        margin-bottom: 18px;
        padding: 0;
    }
    
    
    .content_margin  {width: 100%;  padding: 0 3%!important}
    .box1 img {width: 100%!important}
    .company .box3 .company_map { width: 100%!important}
    .company .box3 .map_info li dl.map_table dt {width: 20%;}
    .company .box3 .map_info li dl.map_table dd p {  font-size: .9375em; line-height: 1.8 }
    
    
    .company .box2 .se_left h4  { font-size: 1.8em!important; padding-left: 0px}
    .company .box3 h4  { font-size: 1.8em!important; padding-left: 0px; padding-top: 0px; }
    .company .box2 table th {   font-size: .9375em;         line-height: 1.375rem; width: 45%}
    .company .box2 table td {   font-size: .9375em;         line-height: 1.375rem;}
    
    .contacts .con02 li {    width: 32.5%;}
    
   
    

    
    
    
    
    
    
    
}


@media screen and (min-width: 1025px) {
	.tab_st01 .inner1 li a:hover { color: #005bac; }
	.tab_st01 .inner1 li a:hover span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }
    
    .tab_st02 .inner1 li a:hover { color: #005bac; }
	.tab_st02 .inner1 li a:hover span { position: absolute; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #005bac; }
    
    
}


@media screen and (max-width: 1024px) {
	.v-cell {
		display:block;
	}
	
    
	.tab_st01 .inner1 {  position:relative; transform: translate(-50%,0);    }
    .company .box2 .se_left, .company .box2 .se_right { clear: both; width: 100%; display: block; position: relative; float: none; left: 0%; margin-bottom: 40px; }
    .company .box1 h5 { line-height: 1.6em;  padding-top: 30px; padding-bottom: 0px}    
    .company .box1 p {    padding-top: 20px;}
    .company .box2 { padding: 40px 0 0 0; }
    .company .box2 .se_left h4 { margin-bottom: 40px;}
    .company .box2 table { margin-bottom: 0px; }
    .company .box3 .map_info li dl.map_table dt, .company .box3 .map_info li dl.map_table dd {font-size: 14px}
    
    .ai_algorithm .con2 .se_left, .ai_algorithm .con2 .se_right { clear: both; width: 100%; display: block; position: relative; float: none; left: 0%; margin-bottom: 0px; }
    .ai_algorithm .con1 h5 { line-height: 1.6em;  padding-top: 30px; padding-bottom: 0px}    
    .ai_algorithm .con1 p {    padding-top: 20px;}
    .ai_algorithm .con2 { padding: 40px 0 ; }
    .ai_algorithm .con2 .se_left h4 { margin-bottom: 10px;}
    
    .ai_algorithm_02 .con2 .se_left, .ai_algorithm_02 .con2 .se_right { clear: both; width: 100%; display: block; position: relative; float: none; left: 0%; margin-bottom: 0px; }
    .ai_algorithm_02 .con1 h5 { line-height: 1.6em;  padding-top: 30px; padding-bottom: 0px}    
    .ai_algorithm_02 .con1 p {    padding-top: 20px;}
    .ai_algorithm_02 .con2 { padding: 40px 0 ; }
    .ai_algorithm_02 .con2 .se_left h6 { margin-bottom: 10px;}
    
    .ai_algorithm_02 img,.ai_algorithm_02 .con1 img  {   padding-top: 0px;}

    .personalsystem .con02 ul li {width:48%; margin: 0.8%; }
    .personalsystem .con03 ul li {width:48%; margin: 0.8%; }
    
    .wrt_input ul {    border-bottom: none;}
    .wrt_input ul {border-bottom: none;}
	.wrt_input ul li { border-bottom: 0px solid #e4e4e4;}
	.wrt_input ul li .name_txt { margin-left: 30px; line-height: 60px; }
	
	.wrt_input ul li.wrt_input_title { width: 100%; text-align: center; font-weight: 700; padding-left: 0%;  border-top: 1px solid #e4e4e4; }
	.wrt_input ul li.wrt_input_title_e { width: 100%; text-align: center; font-weight: 700; padding-left: 0%; border-top: 1px solid #e4e4e4; }
	.wrt_input ul li.td2 { width: 100%; padding: 0 0 10px 0 }
	.wrt_input ul li.td4 { width: 100%; padding: 0 0 10px 0 }
	.wrt_input ul li.td_captcha { line-height: 40px; }
	.wrt_input ul li.td_captcha input { margin-top: -5px; }
	.wrt_input ul li .agree_title { float: none; width: 100%; line-height: 20px; font-weight: 700; text-align: center; border-bottom: 1px solid #e4e4e4; padding: 15px 0; }
	.wrt_input ul li .agree_input { float: none; width: 100%; margin: -10px 0 10px; }
	.wrt_input ul li .wrt_input_txt { line-height: 24px; margin:15px 0; }
	.wrt_input ul li .captcha_group { float: none; width: 100%; }
	.wrt_input ul li .captcha_txt { float: none; line-height: 20px; margin:10px 0 0 0; }
	.wrt_input ul li .captcha_input { margin-bottom: 10px; }
	.wrt_input ul li .realperson-text { padding-top: 22px !important; }
	.wrt_input ul li .realperson-regen { padding: 5px 15px !important; }
	.wrt_input label { line-height: 40px; }
	.inputForm.w250 { width: 100%!important; }
	.inputForm.wtel { width: calc(33.333% - 8px); }
	.inputForm.wmail { width: calc(50% - 14px); }
    .wrt_input ul li .name_input {    float:none;}
    .input_style {    width: 49%;  }
    .wrt_input label>span {    font-size:0.938em; letter-spacing: -0.05em;}
    .input_style .input_style_inner input[type="checkbox"] + label span {  right: 0 }
    .input_style .input_style_inner input[type="checkbox"]:checked + label {float: right;   right: 0 }
    .wrt_input ul li .attach_btn { font-size:15px;}
    select {    background: #f3f4f7 url(../../images/common/select_blt.gif) 93% 16px no-repeat;}
	.inputForm.w80_per {    width: 82%;}
	
	

    
    
    .m {display: block}
    .pc {display:none}
}

@media screen and (max-width: 990px) {
	.book_view .content_txt .book_writer {
		width: 100%;
		height: 320px;
		display: block;
		padding: 15px 0 0px 0;
		position: relative;
	}

}

@media screen and (max-width: 840px) {
    
	.tab_st01 .inner1 li { padding: 0 10px; }
	.tab_st01 .inner1 li a { font-size: 16px; }
	.tab_st01 .inner1 li a.hide { display: none; }
	
}

@media screen and (max-width: 768px) {
    
    .tab_st02 .inner1 li { padding: 0 10px; }
	.tab_st02 .inner1 li a { font-size: 16px; }
	.tab_st02 .inner1 li a.hide { display: none; }
    
    .company .box3 .map_info li dl.map_table dt {width: 100%;}
    .company .box3 .map_info li dl.map_table dd { padding-left: 20px}
    
    .personalsystem .con01 .img {    padding: 35px 2%;}
    .personalsystem .con02 p, .personalsystem .con03 p {    font-size: 1em;   line-height: 1.5em}
    .personalsystem .con02 span {    font-size: 2.5em;    line-height: 1.3em;}
    
    /*.wrt_input ul li.td4 { width: 60%;}*/
    
    .contacts .con01 img {width: 100%} 
    .contacts .con02 li { width: 100%; position: relative; height: 150px; border-left: 0px; border-top: rgba(34,34,34,1.00) 2px solid; padding-top: 20px}
    .contacts .con02 h4 { width: 40%; position: absolute; left: 40px }
    .contacts .con02 p { display:inline; width: 70%; position: absolute; left: 55%; padding-top: 0px;  }
	
	.btn_center {    margin-top: 20px;}
	
	.unethicalCase_object .agree_title {
		width: 100%;
		display: block;
		font-size: 17px 
	}
	.unethicalCase_object .agree_input {
		width: 100%;
		text-align: left;
		
	}
	.input_style .input_style_inner input[type="checkbox"]:checked + label {
		float: left;
		left: 0;
	}
	.wrt_input ul li .attach_btn {		width: 18%;}

	
    
    
    
}
@media screen and (max-width: 700px) {

	.tab_st { display: none}
	.tab_st_m { display: block}
	
}



@media screen and (max-width: 620px) {
	
	#content .content_wide {    
		margin: 40px auto 0px;}
	#content .contact00 .content_wide {  
		margin: 0px auto 0px;}
	.book_view .content_txt p {
		text-align: left;
	}
	.book_view .content_txt .book_writer2 {text-align: left;}
	.writer_view .content_txt .TitWrap .tit, .writer_view .content_txt .TitWrap p  {text-align: left;}
	

	
	
	
	.pagination a {		  padding: 6px 12px;		}
	
	
	.tab_st01 { margin: 0 auto}
	.tab_st01 ul {  border-bottom: 1px #d3d3d3 solid; width: 100%}
	.tab_st01 .inner1 {     transform: translate(0%,0); }
	.tab_st01 .inner1 li {  left: 0% }
	
	.tab_st01 .inner1 li { padding: 0 40px; }
	.tab_st01 .inner1 li a { font-size: 15px; }
	
	.tab_st01 .inner1 li:nth-child(4) { padding: 10px 18% 0 25% ; }
	.tab_st01 .inner1 li:nth-child(5) { padding: 10px 0% 0; }
	
	.tqs .sub_content {background: url("../images/common/tab_bg_line_m.gif ") 0px 0px repeat-x ;}
	
	.tqs .tab_st01 .inner1 li { padding: 0 0px;  }
	.tqs .tab_st01 .inner1 li a { font-size: 15px; letter-spacing: -0.03em  }
	.tqs .tab_st01 .inner1 li:nth-child(4), .tqs .tab_st01 .inner1 li:nth-child(5) { padding: 15px 0px 0;  }
	
	
    .tab_st02 .inner1 li a {font-size: 15px; }
	
    .services  .tab_st02 .inner1 li { padding: 0 0px; width: 33.3% }
	.services  .tab_st02 .inner1 li a { font-size: 15px; }
	
    .personalsystem .con01 .img img { width: 95%}
    .personalsystem .con01 span, .personalsystem .con02 span, .personalsystem .con03 span {    font-size: 1.875em;    line-height: 1.3em;}
    .personalsystem .con01 .img {    padding: 25px 2%;}
    .personalsystem .con02 ul li {    width: 80%;    }
    .personalsystem .con02 h6 {    font-size: 1.313em!important;}    
    .personalsystem .con02 p {    font-size:1.063em!important;} 
    .personalsystem .con03 ul li {    width: 80%;  height: auto;  }
    .personalsystem .con03 h6 {    font-size: 1.313em!important;}         
    .personalsystem .con03 p {    font-size:1.063em!important;} 
    .personalsystem .con03 h6 p {  font-size:0.875em}  
   /* .wrt_input ul li.wrt_input_title {    width: 20%;}
    .wrt_input ul li.td2 {    width: 80%;    }
    .inputForm.w250 { width: 100%; }
	.inputForm.wtel { width: calc(33.333% - 12px); }
	.inputForm.wmail { width: calc(50% - 14px); }
    .wrt_input ul li.td4 {    width: 80%;}
    */
    .wrt_input ul li .attach_btn {    width: 70px;    right: 0}
	
	.sub_visual .area_inner p.title {  text-align: center;  font-size: 30px; width:100%; left: 0%;   }
    
    .contacts .con02 li {    height: 200px;}
    .contacts .con02 {    padding: 40px 0 0 0;}
    .contacts .con02 li { padding: 25px 0 0 0px;}
    .contacts .con02 h4 { font-size: 1.5em!important;   width: 100%;  letter-spacing: -0.03em; text-align: center; position: relative;  left: 0}
    .contacts .con02 p { font-size:1em!important;  width: 100%; position: relative; left:25%; top:15px; line-height: 2em }
    
    .ai_algorithm .con2 {    height: 170px;}
    .ai_algorithm_02 .con2 {height: 280px;}
    
    
}

@media screen and (max-width: 555px) {
	
	.tab_st01 .inner1 li { padding: 0 5%; }
	
}

@media screen and (max-width: 450px) {
	
	.tab_st01 .inner1 li {padding: 0 1% 0 7%; }
	
	
	.tab_st01 .inner1 li:nth-child(4) {     padding: 10px 15% 0 24%; }
	.tab_st01 .inner1 li:nth-child(5) { padding: 10px 0% 0; }
	
}
@media screen and (max-width: 415px) {
	.tab_st01 .inner1 li a { font-size: 15px;  letter-spacing: -0.04em;}
	.tab_st01 .inner1 li { padding: 0 1% 0 7%; }

	
}
@media screen and (max-width: 375px) {
	.tab_st01 .inner1 li { padding: 0 1% 0 4%; }
	.tab_st01 .inner1 li:nth-child(4) {     padding: 10px 15% 0 20%; }
}
@media screen and (max-width: 360px) {
    
    
	
	
	
    
    .tab_st02 .inner1 li { padding: 0 10px; }
    .tab_st02 .inner1 li a { font-size: 15px; }
    .tab_st02 .inner1 li a.hide { display: none; }
    
    .personalsystem .con01 .img p {    font-size: 1em;}
    .personalsystem .con01 .img ul li {    width: 100%; margin: 0 auto}
    .personalsystem .con01 .img img { width: 80%;}
    .personalsystem .con02 p, .personalsystem .con03 p  {    font-size:1em!important;} 
    
    .btn_center { margin-top: 20px;}
    
   .input_style {    width: 95%;  margin-left: 5% }
    .wrt_input label>span {    font-size:0.938em; letter-spacing: -0.03em;}
    
    .ai_algorithm .con2 {    height: 200px;}

    


}





/*테스트*/



.boxTitleWrap {position: relative;text-align:center;}
.boxTitleWrap h2.box_tit {position: relative;top: 50px;text-align:center;color: #3a3a3a;font-weight: 700; opacity:0;filter:alpha(opacity=0);transition-duration:.4s;-webkit-transition-duration:.4s; }
.boxTitleWrap p.sub_tit {position: relative;top: 80px;margin-bottom: 30px;font-size: 18px;color:#3a3a3a;font-weight:500;opacity:0;filter:alpha(opacity=0);transition-duration:.6s;-webkit-transition-duration:.6s;}
.boxTitleWrap p.sub_txt {position: relative;color: #767676; font-size: 1.2em; line-height: 1.6em;  top: 110px;opacity:0;filter:alpha(opacity=0);transition-duration:.8s;-webkit-transition-duration:.8s; }
.boxTitleWrap h2.box_tit.on {top: 0px;opacity:1;filter:alpha(opacity=100);}
.boxTitleWrap p.sub_tit.on {top: 0px;opacity:1;filter:alpha(opacity=100);}
.boxTitleWrap p.sub_txt.on {top: 0px;opacity:1;filter:alpha(opacity=100);}
.box_titWrap {text-align:center;}

.sec_contact {width: 100%; background-color: #dfdfdf;}
.contactWrap {padding:20px 0; width:60%; }
.contactWrap ul li {width: 33%; display: inline-block;    line-height: 1.8em}
.contactWrap ul li:first-child {padding-left: 7%;}
.contactWrap ul li span {display: block; font-weight: 600; font-size: 16px}
.contactTitle {padding:20px 0 20px 7% ; width:40%;}

.contactTitle h2 {line-height: 1em; color: #404040; font-family: Titillium Web; font-weight: 700}
.contactTitle h2.animate{top:0px;opacity:1;filter:alpha(opacity=100);}
.contactTitle p {position: relative;top:120px;opacity:0;filter:alpha(opacity=0);transition-duration:1s;-webkit-transition-duration:1s;}
.contactTitle p.animate{top:0px;opacity:1;filter:alpha(opacity=100);}
.contactWrap .tit {font-weight:600;color:#222;}
.contactWrap .write_form {margin-top:25px;}
.write_form .selectWrap .selectType {background:#fff;}
.write_form .inputS {margin-top:10px;background:#fff;}
.write_form .inputS:first-child {margin-top:0;}
.write_form .item {margin-top:15px;}
.write_form .item .checkType {margin-top:10px;}
.write_form .item .checkType:first-child {margin-top:0;}
.write_form .item2 {position:relative;padding:13px 25px;margin-top:25px;border:1px solid #d3d3d3;border-radius:5px;}
.write_form .item2:after {content:'';position:absolute;right:10px;top:7%;width:50px;height:87%;background:url('../images/temp/privacy_terms.gif') no-repeat right center/cover;}
.write_form .item2 label {color:#222;}
.write_form .btn_wrap {margin-top:35px;}
.write_form .btn {width:100%;}

@media all and (max-width: 1416px) {	
	.book_on .inner {
		padding: 0px 0px!important;
	}
	.sub_visual .con { width: 55%;}	
}
@media all and (max-width: 1279px) {	
		
	.boxTitleWrap {padding-top:15%;margin-bottom:10%;}
	.boxTitleWrap {padding-top:5%;margin-bottom:2%;}
	.boxTitleWrap.top_p {padding-top:18%;}
	.boxTitleWrap h2 {margin-bottom:25px;line-height:30px;}
	.boxTitleWrap > p {margin-bottom:10px;}
	.boxTitleWrap2 > p {margin-bottom:35px;}
	.boxTitleWrap2 > p.sec_sub {margin-bottom:20px;}	
	.boxTitleWrap .quote {margin-bottom:35px;}
	.boxTitleWrap2 .quote {margin-bottom:0;}
	.boxTitleWrap.quoteT .quote {margin-bottom:80px;}

	.sectionWrap {max-width:100%;margin:0 5%;}
	.sectionWrap h2.box_tit {font-size: 28px;}	
	.box_titWrap .quote {margin-top:30px;}
	.box_tit_txt {margin-top:34px;font-size:13px;line-height:27px;}
	
	.contactTitle h2 {font-size:60px;}
	.contactTitle p {margin-top:25px;font-size:13px;line-height:24px;}
	.contactWrap {margin-top:50px; padding:0px 2%;}
	.contactWrap .tit {font-size:17px;line-height:24px;}
	.write_form .selectWrap .selectType {margin-top:10px;}
	.write_form .selectWrap .selectType:first-child {margin-top:0;}
	.sec_perform {padding:33px 25px 100px;}
	.sec_perform h2 {font-size:23px;line-height:30px;}
	.edu_sch { padding: 0 6.5% 80px;}
	
	.con_contact .sectionWrap {margin:0 6.5%;}
	.inputForm.w80_per { width: 82%; }
	/*.boxTitleWrap {padding-left:8%;padding-right:8%;}*/
	
	.boxTitleWrap {padding-left:8%;padding-right:8%;  }
	.wide .boxTitleWrap {margin-left:-8%;margin-right:-8%;}
	.wide_m .boxTitleWrap {margin-left:0;margin-right:0;}
	
	.contact {padding: 70px 0 80px;}
	.contactTitle h2 {font-size:38px; text-align: center  }
	.contactWrap {padding:0 2%; width:100%}
	.contactTitle {padding-left:0%; width:100%;}
	.contactWrap ul li:first-child {padding-left: 0%;}
	.contactWrap ul li {text-align: center}
	 .inputForm.wtel { width: 30%; }
	
	
}

@media all and (max-width:1200px) 
{
	.sub_visual {margin: 40px auto 0;}
	.sub_visual .con { width: 50%; float: left; padding-left: 7%; padding-top: 30px}
	.sub_visual .img { padding-right: 50px; display: inline;	}
}
@media all and (max-width:1024px) {
	.inputForm.wtel { width: calc(33.333% - 8px); }
	
}
@media all and (max-width:1023px) {
	.sub_visual {height: auto;  margin: 40px auto 0;}
	.sub_visual .con { width: 100%;  padding-left: 0%; padding-top: 0px; text-align: center}
	.sub_visual .img { width: 100%;  padding-right: 50px; display: inline;	}
	.sub_visual .sub_tit {
		border-top: solid 0px #000000;
		width: 50px;
		height: 0px;
		display: block; text-align: center
	}
	.sub_visual .tit {
		line-height: 1.5em;
	}
}

@media all and (max-width:767px) {	
	.sub_visual .con { padding: 0 30px;}
	.sub_visual .img { padding: 30px; }
	.sub_visual .img img { width: 80%; padding-bottom: 15px}
	
	
	
	.boxTitleWrap {padding-left:6.5%;padding-right:6.5%;}
	.sectionWrap .sub_tit {margin-bottom: 20px;font-size: 14px;}
	.wide .boxTitleWrap {margin-left:-6.5%;margin-right:-6.5%;}
	.wide_m .boxTitleWrap {margin-left:0;margin-right:0;}
	
	.contact {    padding: 30px 0 60px;}
	.contactWrap ul li { width: 100%; padding-bottom: 20px}
	.contactWrap {    margin-top: 0px;}
	.contactTitle h2 {    font-size: 28px;	}
	
	.sectionWrap h2.box_tit {font-size: 26px;}	
	
}
	
	

@media all and (min-width:1280px) {
	.boxTitleWrap {padding-top:40px;margin-bottom:10px;}
	.boxTitleWrap.top_p {padding-top:280px;}
	.boxTitleWrap h2 {margin-bottom:30px;}
	.boxTitleWrap > p {margin-bottom:10px;}
	.boxTitleWrap2 > p {margin-bottom:70px;}
	.boxTitleWrap2 > p.sec_sub {margin-bottom:35px;}	
    
	.boxTitleWrap .quote {margin-bottom:70px;}
	.boxTitleWrap2 .quote {margin-bottom:0;}
	.boxTitleWrap.quoteT .quote {margin-bottom:200px;}
	.sectionWrap {width:100%;max-width:1200px;margin:0 auto;}
	.sectionWrap h2.box_tit {font-size: 36px;line-height:1em;}
	.box_titWrap .quote {margin-top:50px;}
	.box_tit_txt {margin-top:60px;}
	.sec_w_cntW {padding:0 6% 90px;}
	.con_contact .sectionWrap {width:100%;max-width:1200px;margin:0 auto;}
	.con_contact .sec_w_cntW {padding:0 0% 0px;}
/*	.con_contact .wrt_input ul {padding:0 0px 0px;}*/
	
	
	
	
	.sec_contact {}
	.contact {text-align:center; margin: 0px auto; padding: 20px 0; max-width: 1400px }
	.contact:after {content:'';display:block;clear:both;}
	.contact > div {float:left;/*width:50%;*/text-align:left;}
	.contact li {text-align: center;}
	
	.contactTitle h2 {font-size:38px; }
	.contactTitle p {margin-top:40px;font-size:18px;line-height:32px;}
	
	
	
	.write_form {font-size:0}
	.write_form .tit {font-size:16px;line-height:20px;}
	.write_form .selectWrap:after {content:'';display:block;clear:both;}
	.write_form .selectWrap .selectType {width:49%;}
	.write_form .selectWrap .selectType:nth-child(1) {float:left;}
	.write_form .selectWrap .selectType:nth-child(2) {float:right;}
	.write_form .inputW {width:32.6%;display:inline-block;margin-right:1%;}
	.write_form .inputT {margin-right:0;}
	.write_form .item .checkType {display:block;margin:0;}
	.write_form .item2 {width:300px;}
	.write_form .item2 {padding-top:20px;}
	.write_form .btn_wrap {padding:0;}
	.sec_perform {padding:77px 0 200px;}
	.sec_perform h2 {font-size:36px;}
	
	.agree_title {font-size: 18px}
	
	.realperson p {padding-top: 10px; padding-bottom: 30px}
	
	.line {
		border-top:   rgba(211,211,211,1.00) 1px solid;  border-bottom:#003876 1px solid; 
	}
	
	
}



/* SUBPAGE TOP */

.content_tit .cate {font-weight:500;}
.content_tit .title {font-weight:600;}
.content_tit.reverse .cate {display:block;}
/*.keyVisual {overflow:hidden;position:relative;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;opacity:0;filter:alpha(opacity=0);}
.topCnt {background:#f9f9f9;}
.topCnt .topInbox{position: relative;}
.topCnt strong {position: relative;top: 50px;font-weight:600;color:#000;opacity:0;filter:alpha(opacity=0);}
.topCnt .txt_e {position: relative;top: 100px;opacity:0;filter:alpha(opacity=0);}
.topCnt .txt {position: relative;top: 150px;color:#999;opacity:0;filter:alpha(opacity=0);}*/
.content_tit {position: relative;}
.content_tit .cate {position: relative;top: 60px;opacity:0;filter:alpha(opacity=0);}
.content_tit .title {position: relative;top: 0px;opacity:0;filter:alpha(opacity=0);}
.content_tit .title .ani {
	-webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
        }

.contactBtn a {position:absolute;right:3%;bottom:5%;background:url('../images/common/connect_btn.png') no-repeat center center / cover;font-size:0;line-height:0;text-indent:-9999%;}
.topInbox .txt2 {font-weight:700;}
.stit { font-size: 26px; color:#464646; text-align: center; font-weight: 900; line-height: 2em; padding:0 0 15px 0 }

.dash_li li {padding-left:10px;position:relative; line-height: 2em;  color:#666; }
.dash_li li:before {content:"-";position:absolute;left:0px;top:0px; color:#666;}

@media all and (max-width: 1280px) {
	.content_tit {padding:50px 4% 0px;}
	.sub_tqs .content_tit  {padding:80px 4% 0px;}
	.content_tit .cate {font-size:14px;line-height:24px;}
	.content_tit .title {margin-top:4px;font-size:30px;line-height:40px;}
	.contact00 .title {margin-top:4px;font-size:30px;line-height:40px;padding-top: 20px}
	.content_tit.reverse {padding-top:150px;}
	.content_tit.reverse .title {margin-top:0;}
	.content_tit.reverse .cate {margin-top:4px;}
	.stit {    font-size: 26px;		font-weight: 700;}
	/*.keyVisual {padding-top:89.3%;}*/
	/*.keyVisual {overflow:hidden;position:relative;width:100%;padding-top:89.3%;}
	.keyVisual img {position:absolute;left:50%;top:50%;max-width:none;height:104%;transform:translate(-50%,-50%);}*/
	.about_dw .keyVisual img {transform:translate(-40%,-49%);}
	.topCnt {padding:40px 0 74px;line-height:24px;}
	
	.topCnt strong {font-size:30px;line-height:40px;}
	.topCnt .txt_e {margin-top:20px;font-size:13px;}
	.topCnt .txt {margin-top:12px;font-size:13px;}
	.topInbox .txt2 {margin-bottom:12px;font-size:13px;line-height:16px;}
	.contactBtn a {width:15%;height:15%;}
}
@media all and (max-width:769px) {
	.topInbox {padding:0 6.5%;}
	.keyVisual {background-attachment:inherit;}
	.btn_center {
    	width: 100%;
		text-align: center;
		margin: 50px 0 80px;
	}
	dd {
		margin-inline-start: 0px;
	}
	.privacy dl {
		padding: 0 0 10px 10px;
	}
	.privacy p {
		padding: 0 0 0px 0px;
	}
	.privacy ul {
		padding: 0 0 0px 5px;
	}

	

}
@media all and (min-width:768px) and (max-width:1280px) {
	.topInbox {padding:0 8%;}
	
}
@media all and (min-width: 1281px) {
	.content_tit {padding:80px 0 0 0;}
	.content_tit .cate {font-size:22px;line-height:32px;}
	.content_tit .title {font-size: 2.643em;    font-weight: 900; line-height: 2.3em;   }
	.content_tit .title .lh_1 { line-height: 1em;   }
	.content_tit .reverse .title {font-size: 2.643em; }
	.content_tit .reverse .cate {margin-top:15px;}
	.keyVisual {padding-top:800px;}
	.topInbox {padding:112px 4% 195px;width:100%;max-width:1800px;margin:0 auto;text-align:left;}
	.topCnt strong {font-size:80px;line-height:88px;}
	.topCnt .txt_e {margin-top:55px;font-size:20px;line-height:32px;}
	.topCnt .txt {margin-top:48px;width:590px;line-height:30px;}
	.topInbox .txt2 {margin-bottom:50px;font-size:26px;line-height:32px;}
	.contactBtn a {width:120px;height:114px;}
	.contactBtn a:hover {background-image:url('../images/common/connect_btn_hover.png');}
}
@media all and (min-width:1900px) {
	.topInbox {max-width: 100%;}
}




/* services Area */
.servicesArea .areaTop {text-align:center;}
.servicesArea .areaCnt {/*background:#f9f9f9;*/}
.servicesArea .areaCnt li .servicesInfo {padding:40px 25px;}
.servicesInfo .tit {font-weight:600;color:#222;text-transform:uppercase;}
.servicesInfo ul li {color:#999;}
.servicesImg.servicesImg_txt {padding-top:0;}
.servicesImg {overflow:hidden;width:100%;padding-top:78.65%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.servicesImg {opacity: 0;filter:alpha(opacity=0);}
.servicesImg img {width:100%;}
.visible li .servicesImg {opacity: 1;filter:alpha(opacity=1);}
.visible li:nth-child(1) .servicesImg {transition:all .5s .5s;-webkit-transition:all .5s .5s;}
.visible li:nth-child(2) .servicesImg {transition:all .5s .8s;-webkit-transition:all .5s .8s;}
.visible li:nth-child(3) .servicesImg {transition:all .5s 1.2s;-webkit-transition:all .5s 1.2s;}
.visible li:nth-child(4) .servicesImg {transition:all .5s 1.5s;-webkit-transition:all .5s 1.5s;}
.visible li:nth-child(5) .servicesImg {transition:all .0s 0s;-webkit-transition:all .0s 0s;}
.servicesTxt {padding:0 8%;}
.servicesArea .areaToggle {}
.areaToggle .item {}
.areaToggle .item button {font-weight:600;color:#222;}
@media all and (max-width: 1279px) {
	.servicesInfo .tit {font-size:23px;line-height:25px;}
	.servicesInfo .sub {margin-top:14px;font-size:13px;line-height:24px;}
	.servicesInfo ul {margin-top:16px;}
	.servicesInfo ul li {font-size:13px;line-height:22px;}
	.servicesImg.servicesImg_txt {padding:33% 0;}
	.servicesArea .areaToggle {padding:0 15px;}
	.areaToggle .item {border-top:1px solid #e5e5e5;}
	.areaToggle .item:last-child {border-bottom:1px solid #e5e5e5;}
	.areaToggle .item button {display:block;position:relative;width:100%;height:62px;padding:0 10px;font-size:18px;line-height:62px;text-align:left;box-sizing:border-box;}
	.areaToggle .item button:after {content:'';display:block;position:absolute;right:14px;top:50%;padding:4px;border:solid #e6e6e6;border-width:0 2px 2px 0;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);}
	.areaToggle .item.open {border-color:#222;border-bottom:1px solid #222;}
	.areaToggle .item.open button:after {border-color:#222;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg);}
	.areaToggle .item .sub {display:none;padding:0 10px 45px;}
	.areaToggle .item .sub li {margin-top:8px;font-size:12px;line-height:30px;}
	.servicesArea .areaTop > p {margin-top:10px;}
	
}
@media all and (max-width:767px) {
	.servicesArea .areaTop {padding:75px 6.5% 60px;}
	.servicesArea .areaCnt {		background: #f9f9f9; 	}
	
}
@media all and (min-width:768px) and (max-width:1279px) {
	
	.servicesArea .areaTop {padding:75px 8% 60px;}
	.servicesArea .areaCnt {		background: #f9f9f9; 	}
}

@media all and (min-width: 1280px) {
	.servicesArea .areaTop {max-width:1400px;margin:0 auto;padding:0px 13% 0px;}
	.servicesArea .areaTop > p {margin-top:20px;font-size:16px;line-height:30px;}
	.servicesArea .areaCnt > li {position:relative;}
	.servicesArea .areaCnt > li:after {content:"";display:block;clear:both;}
	.servicesArea .areaCnt > li > div {width:50%;}	
	.servicesArea .areaCnt > li .servicesInfo {padding:0;position:absolute;left:0%;top:0;width:50%;height:100%;padding:0 8%;}
	.servicesArea .areaCnt > li:nth-child(2n) .servicesInfo {left:50%;}
	.servicesInfo .tit {font-size:28px;line-height:40px;}
	.servicesInfo .sub {margin-top:24px;font-size:16px;line-height:30px;}
	.servicesInfo ul {margin-top:42px;}	
	.servicesInfo ul li {font-size:16px;line-height:30px;}		
	.servicesImg {padding-top:34.7%;margin-left:50%; }
	.servicesImg.servicesImg_txt {padding:11.35% 0;}
	.servicesArea .areaCnt > li:nth-child(2n) .servicesImg {margin-left:0%;}
	.servicesArea .areaToggle {max-width:1520px;padding:24px 60px 180px;margin:0 auto;}
	.servicesArea .areaToggle:after {content:'';display:block;clear:both;}
    .servicesArea .areaTop {padding:160px 0 130px;}
	.areaToggle .item {float:left;width:19%;margin-right:8%;white-space:nowrap;}
	.areaToggle .item:last-child {margin-right:0;}
	.areaToggle .item button {font-size:26px;line-height:30px;cursor:default;}
	.areaToggle .item .sub {display:block !important;margin-top:27px;}
	.areaToggle .item .sub li {margin-top:16px;line-height:58px;border-bottom:1px solid #000;}
	.areaToggle .item .sub li a:hover {color:#0140d3;}
	.areaToggle .item .sub li:first-child {margin-top:0;}
	.areaToggle .item .sub li:last-child {border-bottom:0;}
}
/* Business Area */
.servicesArea .areaTop {text-align:center;}
.servicesArea .areaCnt {/*background:#f9f9f9;*/}
.servicesArea .areaCnt li .servicesInfo {padding:40px 25px;}
.servicesInfo .tit {font-weight:600;color:#3053c1;text-transform:uppercase;}
.servicesInfo ul li {color:#999;}
.servicesImg.servicesImg_txt {padding-top:0;}
.servicesImg {overflow:hidden;width:100%;padding-top:78.65%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.servicesImg {
	opacity: 0.1; filter:alpha(opacity=0.1);
}

.servicesImg img {width:100%;}
.visible li .servicesImg {opacity: 1; filter:alpha(opacity=1); }
.sec_con1 .process {
	opacity: 1; text-align: center; padding-bottom: 100px; display: block;  max-width: 100%; margin: 0 auto
}
.sec_con1 .process img {width:100%;}


.sec_con0 h2    {transition:all .5s .0s; -webkit-transition:all .5s .0s; } 
.sec_con0 h2.on {transition-delay: 0.3s; opacity: 1; transform: translate(0px, 0px); } 

.sec_con1 .process {
	transition:1s ease-in-out; opacity: 0.1; transform: translate(0px, -10px);
}
.sec_con1 .process.on {
	opacity: 1; transform: translate(0px, 0px);
}
.sec_con1 ul li .servicesImg {
	transition:1s ease-in-out; opacity: 0.1; transform: translate(0px, -10px);
}
.sec_con1 ul li.on .servicesImg {
	transition-delay: 0.0s; opacity: 1; transform: translate(0px, 0px);
}

.visible li:nth-child(1) .servicesImg {
	transform: translate(0px, -10px); transition:all .0s .1s; -webkit-transition:all .0s .1s;}
.visible li:nth-child(2) .servicesImg {transition:all .5s .8s; -webkit-transition:all .5s .8s;}
.visible li:nth-child(3) .servicesImg {transition:all .5s 1.2s; -webkit-transition:all .5s 1.2s;}
.visible li:nth-child(4) .servicesImg {transition:all .5s 1.5s; -webkit-transition:all .5s 1.5s;}


.servicesTxt {padding:0 8%;}
.servicesArea .areaToggle {}
.areaToggle .item {}
.areaToggle .item button {font-weight:600;color:#222;}

.edu_sch h3 {color: #374f80; font-size: 24px; font-weight: 900}



	
.ms_table {margin:25px 0 15px;  background-color: rgba(255,255,255,1.00)}
.ms_table th {text-align:center;}
.ms_table td {text-align:left;}	
.ms_table th {padding:25px 20px;position:relative;font-size:20px;line-height:30px;color:#222;font-weight:500;border-top:2px solid #222;border-bottom:1px solid #222; display: table-cell;}
.ms_table th:before {content:"";position:absolute;right:0px;top:76px;width:1px;height:9px;background:#222;}
.ms_table th:last-child:before {display:none;}    
.ms_table th:first-child {width: 20%}
.ms_table td:first-child {vertical-align:middle;}
.ms_table td {padding:25px 20px 30px;border-top:1px solid #e5e5e5;vertical-align:top; }
.ms_table .t_tit {margin:20px 0 20px;font-size:16px;line-height:30px; }	
.ms_table .t_tit_1 {margin:0px;font-size:16px;line-height:30px; vertical-align:middle;}	
.ms_table td strong {font-size:16px;line-height:2em;color:#222;font-weight:500; display: block;  margin: 5px 0px 0px}
.ms_table2 td strong {font-weight:500; font-size:15px; letter-spacing: -0.8px}
.ms_table2 td strong .tit {color:#2652ab; font-weight: 800}

.ms_table2 td strong span { padding-left: 15px; display: block; line-height: 1em }
.ms_table2 th:first-child {width: 12%}
.ms_table2 td:first-child {}
.ms_table2 p {text-align: right}

.ms_table tr:last-child td  {
	border-bottom: 1px solid #222;}


@media all and (max-width: 1279px) {
	.servicesInfo .tit {font-size:23px;line-height:25px;}
	.servicesInfo .sub {margin-top:14px;font-size:16px;line-height:24px;}
	.servicesInfo ul {margin-top:16px;}
	.servicesInfo ul li {font-size:15px;line-height:22px;}
	.servicesImg.servicesImg_txt {padding:33% 0;}
	.servicesArea .areaToggle {padding:0 15px;}
	.areaToggle .item {border-top:1px solid #e5e5e5;}
	.areaToggle .item:last-child {border-bottom:1px solid #e5e5e5;}
	.areaToggle .item button {display:block;position:relative;width:100%;height:62px;padding:0 10px;font-size:18px;line-height:62px;text-align:left;box-sizing:border-box;}
	.areaToggle .item button:after {content:'';display:block;position:absolute;right:14px;top:50%;padding:4px;border:solid #e6e6e6;border-width:0 2px 2px 0;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);}
	.areaToggle .item.open {border-color:#222;border-bottom:1px solid #222;}
	.areaToggle .item.open button:after {border-color:#222;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg);}
	.areaToggle .item .sub {display:none;padding:0 10px 45px;}
	.areaToggle .item .sub li {margin-top:8px;font-size:12px;line-height:30px;}
	.servicesArea .areaTop > p {margin-top:10px;}
	
}
@media all and (max-width:767px) {
	.servicesArea .areaTop {padding:75px 6.5% 60px;}
	
	.edu_sch h3 { text-align: center; padding: 0px 0 10px}
	.edu_sch .stit { text-align: center; padding: 30px 0 0px}
}
@media all and (max-width:620px) {
	.sec_con1 .process img {width:100%;}
	.sec_con1 .process { padding-bottom:50px}
}
@media all and (min-width:768px) and (max-width:1279px) {
	.servicesArea .areaTop {padding:75px 8% 60px;}
	.sec_con1 .process img {width:100%; }
	.sec_con1 .process {
     transition: 1s ease-in-out; 
     opacity: 0.1; 
    transform: translate(0%, -10px);
}
	
}

@media all and (min-width: 1280px) {
	.servicesArea .areaTop {max-width:1400px;margin:0 auto;padding:157px 13% 125px;}
	.servicesArea .areaTop > p {margin-top:20px;font-size:16px;line-height:30px;}
	.servicesArea .areaCnt > li {position:relative; margin-bottom: 130px}
	.servicesArea .areaCnt > li:after {content:"";display:block;clear:both;}
	.servicesArea .areaCnt > li > div {width:55%;}	
	.servicesArea .areaCnt > li .servicesInfo {position:absolute;left:0%;top:0;width:45%;height:100%;padding:0 6% 0 8%;}
	.servicesArea .areaCnt > li:nth-child(2n) .servicesInfo {left:55%;}
	.servicesInfo .tit {font-size:28px;line-height:40px;}
	.servicesInfo .sub {margin-top:10px;font-size:16px;line-height:30px;}
	.servicesInfo ul {margin-top:20px; padding-inline-start: 10px!important; }	
	.servicesInfo ul li {font-size:16px;line-height:30px; }		
	/*.servicesImg {padding-top:34.7%;margin-left:50%;}*/
	.servicesImg {padding-top:20%;margin-left:45%;}
	.servicesImg.servicesImg_txt {padding:11.35% 0;}
	.servicesArea .areaCnt > li:nth-child(2n) .servicesImg {margin-left:0%;}
	.servicesArea .areaToggle {max-width:1520px;padding:24px 60px 180px;margin:0 auto;}
	.servicesArea .areaToggle:after {content:'';display:block;clear:both;}
	.areaToggle .item {float:left;width:19%;margin-right:8%;white-space:nowrap;}
	.areaToggle .item:last-child {margin-right:0;}
	.areaToggle .item button {font-size:26px;line-height:30px;cursor:default;}
	.areaToggle .item .sub {display:block !important;margin-top:27px;}
	.areaToggle .item .sub li {margin-top:16px;line-height:58px;border-bottom:1px solid #000;}
	.areaToggle .item .sub li a:hover {color:#0140d3;}
	.areaToggle .item .sub li:first-child {margin-top:0;}
	.areaToggle .item .sub li:last-child {border-bottom:0;}
    
	
	
	
    
	.ms_table td ul {margin-left: 15px;margin-bottom: 10px}    
    .merchandising_service.sec_con2 .areaTop p {text-align:center;}
    .ms_sec_con3_cnt:after {content:"";display:block;clear:both;}
    .ms_sec_con3_cnt dl {float:left;}
    .ms_sec_con3_cnt dt {padding-left: 15px;color:#fff;background:#b2b2b2;}
    .ms_sec_con3_cnt dd {padding-left: 10px;margin-top: 20px;text-align:left;}
    .s_dot {padding-left:10px;position:relative;color:#999;}
    .s_dot:before {content:"*";position:absolute;left:0px;top:1px;}
    .ms2_area_txt dt {color:#222;font-weight:500;}
    .mas2_area_b:after {content:"";display:block;clear:both;}
    .mas2_area_b li {float:left;position:relative;font-weight:500;color:#222;box-sizing:border-box;}
    .mas2_area_b li.mas2_area_b3 span:before {top:5px;}
    .mas2_area_b li span {display:inline-block;position:relative;}
    .merchandising_service.sec_con2_3 p.txt {font-weight:500;color:#222;text-align:center;}
    
    
}
@media all and (min-width: 1280px) {
	.servicesArea .areaTop {padding:160px 0 130px;}
}



/****** book > List  01.책소개  */
.book .content_area  {width: 100%}
.book_logo { display: table-cell; width: 100%; height:310px; vertical-align: bottom; text-align: center; }
.book_logo img { width: 100%;  vertical-align: bottom; max-width: 200px; height: auto}
.book_company { display: table-cell; width: 100%; height: 60px; vertical-align: middle; text-align: center; border-top: 1px solid #e5e7e8; padding: 0 10px; }

.book_box {padding-top: 3%; width: 1200px; text-align: center; margin: 0 auto}
.book_on {  position: absolute; bottom: -95px; width: 100%;  text-align: center; /*background: url("../images/sub/book_over.jpg") left top no-repeat; */ }
.book_box_pt {padding-top: 5%}

.book_box li { /*border: 0px solid #e5e7e8;  box-shadow: 0 3px 5px rgba(0, 0, 0, .1);*/ }
/*.book_box li:hover .book_on { display: table; }*/
.book_on .inner { display: table-cell; vertical-align: bottom; text-align: center; }
.book_on .title { display: block; font-size: 16px; font-weight: 600;  text-align: left; line-height: 1.2em;  }
.book_on .sub_tit { display: block; color: #7d7d7d; text-align: left; margin-top: 10px; font-size: 15px  }
.book_on .link { display: inline-block; width: 34px; height: 34px; border: 1px solid #FFF; background: url("../images/sub/icon_link_w.png") 11px 11px no-repeat; background-size: 11px 12px; margin: 25px auto 0; text-indent: -99999px; }
.book_on .link:hover { background: #FFF url("../images/sub/icon_link_b.png") 11px 11px no-repeat; background-size: 11px 12px; }
.book ul.box4 { overflow: hidden; }
/*.book ul.box4 li { position: relative; float: left; width: 22%; margin-left: 4%; cursor: pointer; margin-bottom: 4%; }*/
.book ul.box4 li { position: relative; float: left; width: 25%; margin-left: 0%;  /*margin-top: 190px;  */cursor: pointer; margin-bottom: 13%; border-bottom: 9px solid #b2ada5; padding-left:4.2%; min-height: 295px; height: auto; vertical-align: bottom}
/*.book ul.box4 li:nth-child(1), .book ul.box4 li:nth-child(2), .book ul.box4 li:nth-child(3), .book ul.box4 li:nth-child(4){ margin-top: 0px;  }
.book ul.box4 li:first-child { padding-left: 0; }
.book ul.box4 li:nth-child(4n+1) { padding-left: 0; }*/
.book .lst_load { /*display: none;*/}
.book .lst_load.active { display: block; }

.book_per {background:url('../images/sub/book_01.jpg'); height: 480px; text-align: center; padding: 70px 0}
.book_per_01 {background-color: rgba(255,255,255,1.00); height: 305px; width: 305px; border-radius: 150px; margin:0px 20px; 
display: inline-block;	text-align: center;     }
.book_per_01 p {font-size: 80px; color: #203890; font-weight:900; display: block; line-height: 1.6em; padding-top: 60px;
}
.book_per_01 span {font-size: 24px; color: #203890 }

.book_box .s_tit {padding: 18px 20px; background-color: #f5f5f4; font-size: 18px; font-weight: 900; color:#564c44;  margin-top: 20px}

#content .content_area .book_box h4 {padding: 18px 20px; background-color: #f5f5f4; font-size: 18px; font-weight: 800; color:#564c44;  margin-top: 0px; text-align: center}
#content h4 {padding: 18px 20px; background-color: #f5f5f4; font-size: 18px; font-weight: 800; color:#564c44;  margin-top: 0px}


/* 작가소개 > 리스트  */
.writer .sub_visual {
    text-align: center;
    margin: 60px auto 0;
    padding: 0px 0;
    width: 100%;
    height: 162px;
    z-index: 0;
    max-width: 100%; background-color: #eeedf2
}
.writer .sub_visual .con { width: 100%;  max-width: 1200px; margin: 0 auto; height:162px; background:url("/images/sub/sub_writer_img.jpg") 100% 100% no-repeat;
    display: block; 
    -webkit-appearance: inline-table;
    -moz-appearance: table;
     }
.writer .sub_visual .con  .sub_tit { font-size:20px; color:#6f6765; width:100%; /*height: 50px;*/ display: block; padding-top:40px ;  border-top: solid 0px #000000; }
.writer .sub_visual .con  .sub_tit p.txt{ font-size:15px; color:#847f7e;  display: block; padding-top:20px;}


.writer .content_area  {width: 100%}
.writer .name { display: block; font-size: 16px; font-weight: 600;  text-align: center; line-height: 2em; margin:15px auto}

.writer .book_logo {
    display:block;
    width: 100%;
    vertical-align: bottom; height: auto;
    text-align: center; border: #c2c0c0 solid 1px;box-shadow:3px 3px 3px #ddd; border-radius:0 0 0px 0;}

.writer .book_logo img {
	}

.writer a:hover .book_logo {
	box-shadow:0px 0px 0px #ddd;  }  

.writer .book_box .book_logo { overflow: hidden; z-index: 0 }	
.writer .book_box a img {
	max-width: 265px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	 cursor: pointer
	
}
.writer a:hover .book_logo img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	cursor: pointer;		
}



.writer ul.box4 { overflow: hidden; }
.writer ul.box4 li { position: relative; float: left; width: 22%; margin-left: 4%; cursor: pointer; margin-bottom: 3%; min-height: auto; height: auto; vertical-align: bottom}
.writer ul.box4 li:nth-child(4n+1) { margin-left: 0; }
.writer ul.box4 li:first-child {  margin-left: 0; }


.writer .lst_load { /*display: none;*/}
.writer .lst_load.active { display: block; }


.writer .search {
	/*border-top:#9C9C9C solid 1px; border-bottom:#9C9C9C solid 1px; height:70px*/} 


.writer .search .sr_inner {
    float:left;
    width:70%;
}
.writer .search .sr_inner li {
    display:inline-block;
    vertical-align: middle;
	 margin-right:5px; margin-bottom: 5px
}
.writer .search .sr_inner li + li {
    margin-right:5px;
}
.writer .search .sr_inner a {
    position:relative;
    display:block;
    font-size:32px;
    font-weight:900;
    color:#fff;
	background-color:#e2e1e6; padding: 11px 8px; height: 35px; width: 35px; border-radius:50%;  overflow: hidden
}
.writer .search .sr_inner a:hover {
    color:#666;  padding: 9px 7px; 
}
.writer .search .sr_inner li.eng a {
    font-size: 25px; padding: 11px 0 11px 15px; height: 35px; width: 60px; letter-spacing: -3px
}
.writer .search .sr_inner li.on a {
    color:#fff; background-color:#666;  
}
.writer .search .sr_inner li.on a:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:-3px;
    width:6px;
    height:6px;
    border-radius:50%;
}
.writer .search .sr_inner li.eng.on a:after {
    right: -8px;
}
.writer .search .search_box {
    float:left;
    position:relative;
    width:30%;
}
.writer .search .search_box input {
    width:100%;
    height:35px;

    padding:0 42px 0 15px;
    font-size:14px;
    border:none;
    /*background-color:#e2e1e6; */border-bottom: 2px #494949 solid
}
.writer .search .search_box input + button {
    position:absolute;
    top:4px;
    right:6px;
    width:36px;
    height:36px;
    background:url('/images/common/icon_search.png') center 0px no-repeat; 
}

/*작가소개 > 상세 */
.writer_view .sub_visual {
    text-align: center;
    margin: 60px auto 0;
    padding: 0px 0;
    width: 100%;
    height: 162px;
    z-index: 0;
    max-width: 100%; background-color: #eeedf2
}
.writer_view .sub_visual .con { width: 100%;  max-width: 1200px; margin: 0 auto; height:162px; background:url("/images/sub/sub_writer_img.jpg") 100% 100% no-repeat;
    display: block; 
    -webkit-appearance: inline-table;
    -moz-appearance: table;
     }
.writer_view .sub_visual .con  .sub_tit { font-size:20px; color:#6f6765; width:100%; /*height: 50px;*/ display: block; padding-top:40px ;  border-top: solid 0px #000000; }
.writer_view .sub_visual .con  .sub_tit p.txt{ font-size:15px; color:#847f7e;  display: block; padding-top:20px;}


.writer_view .m_tit { color: #6a6a6a; font-size: 24px; font-weight: 600; line-height: 1.8em; border-bottom: 1px solid #333333; width: 130px;  margin: 0 auto}

.writer_view .content_area {}
.writer_view .content_info {background-color: #eeedf2; padding: 65px 70px; margin: 100px auto 0; position:relative; }
.writer_view .content_info .con { width: 67%; padding-left: 5%;
    display: inline-block;
    -webkit-appearance: inline-table;
    -moz-appearance: table;
      }
.writer_view .content_info .img{	
	width: 32%;  vertical-align: top; text-align: left; left: 0; padding: 0px; position: relative; display: inline-block;
}
.writer_view .content_info .img img{    	width: 100%; max-width: 333px; box-shadow: 10px 8px 0px 0px #dfdde6;}
.writer_view .content_info .tit{  color: #464646; font-size: 26px; font-weight: 500; line-height: 1.6em; padding-bottom: 20px}
.writer_view .content_info p {line-height: 1.8em; font-size: 15px; color: #4b4949}



.writer_view .content_txt {max-width: 1200px; width: 100%; margin: 50px auto 40px}
.writer_view .content_txt .Items {border-bottom: 1px solid #e4e4e4; padding: 30px 0}
.writer_view .content_txt .Items:first-child {padding: 20px 0 30px}
.writer_view .content_txt .ItemsImg{ margin: 0 0%;	height: auto; width: 13%; display: inline-block}
.writer_view .content_txt .ItemsImg img{width:100%}
.writer_view .content_txt .TitWrap{width: 85%; padding: 0px; display: inline-block; padding-left:65px; vertical-align: top;  }
.writer_view .content_txt .TitWrap .tit {font-size: 18px; font-weight: 900; color:#464646; margin-bottom: 10px }
.writer_view .content_txt .TitWrap p {padding: 0; font-weight: 300;  color: #5d5d5d; margin: 15px 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.8em;
		height: 9em;
	}

/********  검색결과  ********/

.search_result {  padding: 60px 0 }
.search_result .sub_contents { max-width: 1200px; width: 1200px; margin:0 auto; text-align: center;  }

/* lnb */
.search_result .lnb{width:100%; text-align:center; margin:50px auto 30px; padding-bottom: 15px}
.search_result .lnb li{display:inline-block;width: 24%;margin-bottom: ;border-bottom:2px solid #CCC;box-sizing:border-box;margin-left:1px;font-weight:600;color:#A0A0A0;  }
.search_result .lnb li:hover{border-bottom:2px solid #343536; color:#343536; font-weight:600; }
.search_result .lnb li.on{border-bottom:2px solid #343536; color:#343536 !important}
.search_result .lnb li a{display:block; height:52px; line-height:52px; text-align:center;  font-size:18px; letter-spacing:-2px;color:#A0A0A0; }
.search_result .lnb li a:hover{display:block; height:52px; line-height:52px; text-align:center; font-size:18px; letter-spacing:-2px;color:#343536; }
.search_result .lnb li.on a{color:#343536; font-weight:600;}

.result1,.result2, .result3 { position: relative}
.result1 .result_tit, .result2 .result_tit, .result3 .result_tit { position: relative;  border-bottom: #797674 1px solid;  border-top: #797674 1px solid; color: #555555; padding: 15px 2px; width: 200px; font-size: 18px; margin: 60px auto 10px; font-weight:600 }
.result1 #btn_more, .result2 #btn_more, .result3 #btn_more  {  position: absolute; right:0;  top:25px; }
.result1 #btn_more .btn_more, .result2 #btn_more .btn_more, .result3 #btn_more .btn_more  { padding: 5px 15px; border: 1px #e9e9e9 solid; color: #797674; font-size: 14px; border-radius:20px}
.result1 #btn_more .btn_more:hover,.result2 #btn_more .btn_more:hover, .result3 #btn_more .btn_more:hover  { padding: 5px 15px; border: 1px #797674 solid; color: #797674; font-size: 14px; border-radius:20px }

.result3 .board_01 {padding-top: 40px}
.result3 .board_tb table td.tit { width: 80%}
.result3 .board_tb table td:last-child { text-align: right;  padding-right: 20px}

.search_result input {  padding: 12px 25px 15px; font-size: 18px; background:#DDDDDD;  border-radius:30px; border: 0px; width:100%; border: 0px solid #2D2D2D }
.search_result .search_box placeholder { color: #f2f2f2 }
.search_result input placeholder { color: #f2f2f2 }
.search_result .search_box { margin: 80px auto; width:450px; position: relative; }
.search_result .search_box input + button {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 36px;
    height: 36px;
    background: url(/images/common/icon_search.png) center 0px no-repeat;}


/***회사소개 ****/

.company_info {
    text-align: center;
    margin: 0px auto 150px;
    padding: 0px 0;
    width: 100%;
    height: 708px;
    z-index: 0;
    max-width: 1200px;
	overflow: hidden;
	position: relative;
	
}
.company_info .info_inner {
	height: 100%;
	
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
	background: url(/images/sub/company_info.jpg) center -300px no-repeat;	
	width: 100%; 
    animation: change-img 5s 1 ease-in; 
    animation-direction: alternate; overflow: hidden 
}
@keyframes change-img {
    from {
        transform: scale(1.1); 
    }    
    to {
        transform: scale(1);        
    }
}



.company_info .info_con {
	position: absolute;
	top: 285px;
	width: 80%; 
	text-align: center;
	background-color: #fff; 
	height: 480px;
	z-index: 2;
	margin:  0 10%; 
	padding: 60px 85px;
	animation: change-img2 1.5s 1 ease-in-out; 
    animation-direction: alternate;
}
@keyframes change-img2 {
    from {
        top:350px;
		opacity: 0.8
    }    
    to {
        top:285px;
		opacity: 1
    }
}
.company_info .company_tit {font-size: 22px; color: #2fb181; font-weight: 800; text-align: center}
.company_info p { font-size: 16px; color: #494949; font-weight: 300;  padding:40px 0; line-height: 1.8em}
.company_info .company_name { width: 100%; text-align: right; font-size: 18px; color: #494949; font-weight: 300; line-height: 2em}
.company_info .company_name img { text-align: right; padding-left: 20px; float: right; }



/*오시는 길*/
.company_map {
    text-align: center;
    margin: 0px auto 50px;
    padding: 0px 0;
    width: 100%;
    z-index: 0;
    max-width: 1200px;
	overflow: hidden;
	position: relative;
	
}

.map_group #map {width: 100%; height: 350px }
.map_group .map_pc {width: 100%; height: 350px }
.map_group #map_m {max-width:100%; height: 350px; display: none}
.map_group #map_m img {width: 100%; height: 350px}
	



.map_info { width:100%; margin:50px auto 90px; border-top:1px solid #27292a; }
.map_info li { border-bottom:1px solid #e4e7ea; padding:25px 0; }
.map_info li dl.map_table { overflow:hidden;}
.map_info li dl.map_table dt { float:left; font-size:16px; line-height:22px; color:#27292a; font-weight:900; padding-left:20px; width:12%; }
.map_info li dl.map_table dd { float:left; line-height:22px; vertical-align:middle; height: auto; color: #6f6f6f; font-weight:400;}
.map_info li dl.map_table dd a { color: #6f6f6f; font-weight:400;}
.map_info li dl.map_table dd img {  }
.map_info li:nth-child(3) dl.map_table dd {   }
.map_info li dl.map_table dd>span { display:inline-block; margin-right:30px; }
.map_info li dl.map_table dd>p>strong { color:#27292a; }
.map_info li dl.map_table dd>p:first-child {  }


.map_info_1{ width:100%; margin:50px auto 20px; border-top:1px solid #27292a; }
.map_info_1 li { border-bottom:1px solid #e4e7ea; padding:25px 0; overflow:visible}
.map_info_1 .map_tit { display: inline-block; font-size:16px; line-height:22px; color:#27292a; font-weight:bold; padding-left:20px; width:12%;overflow:visible }
.map_info_1 .map_txt { display: inline-block; line-height:22px; vertical-align:middle; width:80%; overflow:visible }



.btn_map_tel { display:none; }
.company_map { margin:0 auto; width:100%;  }



@media screen and (max-width: 1500px) {	
	.book_box {width: 95%; }
	.box_m {width: 95%; }
	
}

@media screen and (max-width: 1400px) {	
	.training ul li p {text-align: left }
	
}
	
@media screen and (max-width: 1350px) {
	.edu_goal .box2 .txt li br {display: none}
	
}


@media screen and (max-width: 1280px) {	
	.book ul.box4 li {
		padding-left: 3.8%;}
		
		
	/*.book_box {width: 100%; }*/
	.box_m {width: 95%; }
	.edu_sch .img_box    {
		/*padding-top: 130%;
		background-size: 80%;*/
	}
	
	
	
	/*.overview .b1, .overview .b2 {height: 490px; padding: 50px 70px;}*/
	.overview .ms_table {     margin: 0px 0 15px;}
	.overview .ms_table th {    font-size: 18px;}
	

	.planning .b1, .planning .b2 {
		padding: 40px 20px  ;
	}
	
	.management .box2 .sub_txt {padding: 30px 5%;  }
	.content_tit h3 {
		font-size: 20px;
	}
	.testing ul {
		width: 90%;
	}
	.testing .bg_gray3 .boxTitleWrap {
	 	width: 100%
	}
	.training ul li p {padding: 20px 20px;  }
	
	

}
@media screen and (max-width: 1216px) {	
	.tab_st .box4 li { width:25%!important;  }
	
	
	.book_per {padding: 80px 0; height:  420px}
	.book_per_01 {height: 250px; width: 250px; }
	.book_per_01 p { padding-top: 40px;}
	.book_per_01 span { }
	
	.writer .sub_visual { margin: 43px auto 0;}
	.writer .sub_visual .con .sub_tit {
		width: 100%;
	}

	.writer .sub_visual .con {
    	max-width: 100%;
		width: 100%;
		text-align: left;
		padding: 0 50px;
		background: url(/images/sub/sub_writer_img.jpg) 100% 100% no-repeat;}
   
	
	.writer ul.box4 li { width: 30%;   }	
	.writer ul.box4 li:nth-child(3n+1) { margin-left: 0 }
	.writer ul.box4 li:nth-child(4n+1) { margin-left: 4%; }
	.writer ul.box4 li:first-child { margin-left: 0 }
	
	.tab_st03 .inner1 li {  padding: 0 10px; width: 25%;  } 
	
	
	.edu_goal .box1 .stit, .edu_goal .box2 .stit {		padding: 12% 0 2%;	}
	
	.book_view .sub_visual .img {
		width: 40%;
		display: inline-block
	}
	
	
	.book_view .sub_visual .con {width: 55%;    
		float: right;
		padding-left: 3%;
		padding-top: 0px;
		} 
	
	.book_view .sub_visual .txt_tit {
		width: 80px;
	}
	
	.book_view .sub_visual .txt {
		width: 80%;
	}
	.book_view .sub_visual {
		margin: 45px auto 0;}
	
	.book_view .content_txt {
    max-width: 100%;
		width: auto;
		margin: 50px 20px 40px;
	}
	
	.writer_view .sub_visual {
		margin: 45px auto 0;}
	.writer_view .content_info p {
		line-height: 1.6em;
		padding-top: 0px
	}
	.writer_view .sub_visual .con {
		max-width: 100%;
		margin: 0 5%; padding-left: 0%;     padding-top: 0px;}
	
	.search_result .sub_contents { max-width: 100%; width: 100%; margin:0 auto; text-align: center;  }
	.result1 #btn_more, .result2 #btn_more, .result3 #btn_more {    right: 20px;}
	
	.search_result {
		padding: 40px 0;
	}

	.map_info { width:100%; }
	
	
	.qm_bp {padding:75px 25px 100px;}
	.qm_bp_top {margin-bottom:33px;}
	.qm_bp_cntW {padding:35px 0 50px;background-repeat:repeat-y;background-position:center;}
	.qm_bp_cntW:after {left:50%;bottom:-1px;transform:translateX(-50%);width:21px;height:14px;background:url('../images/sub_qm/bp_bar_arr.png') no-repeat center bottom / cover;}
	.qm_bp_cntW dl {margin-bottom:70px;padding:15px 0 13px;background:#fff;}
	.qm_bp_cntW dl:last-child {margin-bottom:0;}	
	
	.qm_bp_cntB {margin-top:70px;border-bottom:2px solid #222;}
	.qm_bp_cntB:before {content:"";position:absolute;left:40%;top:0px;width:1px;height:100%;background:#222;}
	.qm_bp_cntB dl:after {content:"";display:block;clear:both;}	
	.qm_bp_cntB dl:before {content:"";position:absolute;left:38%;bottom:0px;width:4%;height:1px;background:#222;}
	.qm_bp_cntB dl:last-child:before {display:none;}
	.qm_bp_cntB dt {float:left;padding:4%;padding-right:6%;width:30%;font-size:14px;line-height:22px;}
	.qm_bp_cntB dd {float:left;padding:4%;width:50%;line-height:25px;}
	
	.planning .b1, .planning .b2 {
		height: 430px
	}
	
	.testing .bg_Dvio2 .boxTitleWrap p.sub_txt {
		text-align: left
	}
	
	.training ul li img {width: 70%!important }
	
	
	
	}
@media screen and (max-width: 1216px) {	
	.book ul.box4 li {
		width: 33%;
	}
	.book ul.box4 li {
		padding-left: 7%;
	}
	.book_logo {
		height: 320px;}
}
		
@media screen and (max-width: 1140px) {	
	.book_logo  { margin: 0 auto; text-align: center; width: 100%}
	.book_logo img { width: 90%;  margin: 0 5%	}
	.book_on .inner {    padding: 0px 0px 0 20px!important;}
	.book ul.box4 li {
		padding-left: 7%;
	}
	.book_box {
		margin-bottom: 50px
	}
	
	.planning .bg_gray3 ul li {width: 80%; }
	.writer_view .content_info {
		padding: 80px 40px 40px;
	}
	.writer_view .content_info .tit {
		font-size: 24px;
		line-height: 1em;
		padding-bottom: 10px;
	}
	.writer_view .content_txt .TitWrap p {
		padding: 0;}
	.writer_view .content_info {
		margin: 80px auto 0;
	}
}		
		
	
@media screen and (max-width: 1024px) {	
	.book {  }
	.book.book_logo { height: 120px; }
	.book ul.box4 li {
		padding-left: 5%;
	}
	
	
	/*.book_logo img { width: 60%  }
	.book ul.book_box li:hover .book_on { display: none; }
	.book ul.box4 li { width: 31%; margin-left: 3.5%; }
	.book ul.box4 li:nth-child(4n+1) { margin-left: 3.5%;}
	.book ul.box4 li:nth-child(3n+1) { margin-left: 0; }*/
	.book_per_01 {height: 220px; width: 220px; }
	.book_per_01 p { padding-top: 30px;}
	.book_per_01 {margin:0px 10px;   }
	
	.book_view .sub_visual .con {
		width: 60%; padding-left: 5%; }
	
	.book_view .sub_visual .tit { letter-spacing: -1.5px}
	
	.book_view .sns {
		right: 60px;
		top: 40px;
	}
	.sub_visual .sub_tit {
		text-align: left;
	}

	.map_info { margin-top:30px; }
	.map_info li dl.map_table dt { width:15%; padding-left:10px; }
	
	
	.edu_goal .con {
		margin: 20px 0 30px 0;
	}
	.edu_goal .tit {		width: 100%;}
	.edu_goal .box2 li {
		width: 80%;
	}
	.edu_goal .box2 .tit {
		width: 100%;
		padding: 30px 0 10px;
		line-height: 2em;
	}
	
	.edu_sch .img_box    {
		
	}
	
	.overview .b1, .overview .b2 {/*height: 500px; padding: 50px 20px 50px 50px;*/}
	.overview .content_tit {}
	.overview .img_box {}
	.overview .img_box img {padding-bottom: 30px;  margin: 0 auto; width: 70
		}
	.planning .bg_gray3 .m img {
		width: 60%;}
	.planning_img img {
		width: 80%
	}
	.boxTitleWrap {
		padding-top: 8%;
		margin-bottom: 2%;
	}
	.management_img img {
		width: 70%!important;
	}
	.management .box2 .sub_txt {
		padding: 30px 0%;
	}
	.testing ul {
		width: 100%;
	}
	.training ul li p {padding: 20px 10px;  }
	
}
@media screen and (max-width: 1023px) {	
	.book_view .sub_visual .con {
		text-align: left}
}
@media screen and (max-width: 940px) {
	.book ul.box4 li {
		padding-left: 4.5%;
	}
	.book_logo {
		height: 295px;
	}
	.tab_st03 .inner1 li {  padding: 0 10px; width: 33%;  } 
	.book_view .sub_visual .img{
		width: 100%; 
		position: relative; height: 100%; display: inline; float:none;
	}
	.book_view .sub_visual .con{
		width: 100%;
		position: relative; height: 100%; display: block; float:none; margin: 0 3%
	}
	.book_view .sub_visual .img p {
		text-align: center; 
	}
	.book_view .sub_visual {
		padding: 50px 20px 20px;margin: 43px auto 0; }
	.book_view .sub_visual .con span {
		display: block;
	}
	.book_view .sub_visual .txt_tit {
		width: 15%;
	}
	.book_view .sub_visual .txt {
		width: 70%;
	}
	.book_view .view_img img {
		/*width: 100%;*/
	}
	
}
	
@media screen and (max-width: 910px) {
	.book_box {
		width: 100%;
	}
	.map_info { margin-top:30px; }
	.map_info li dl.map_table dt { float:none; border-bottom:1px solid #e4e7ea; width:100%; padding:0 0 15px 0; text-align:center; }
	.map_info li dl.map_table dd { float:none; padding:15px 0 0 40px; line-height: 2em }
	.map_info li dl.map_table dd>span:first-child { width:100%; margin-right:0; }
	
	
	
	
	
	.content_tit p {
		font-size: 1.1em; word-break: keep-all; }
	.overview ul li, .overview ul li:last-child {
		
		width: 100%;
	}
	.overview .b1, .overview .b2 {height: auto; padding: 50px 20px 50px 40px;}
	.overview .img_01 ol {
		padding: 0px 15% 0px ; word-break: keep-all;
	}
	
	.planning .img_01 li {
		width: 100%; padding: 0px;
	}
	.planning .bg_gray3 ul li {
		width: 100%;
	}
	.planning .bg_gray3 .m img {
		width: 80%;
	}
	.management_img img {
		width: 80%!important;
	}
	
	.training ul li, .training ul li:last-child  {width: 100%; height: auto}
	.training ul li img {width: 40%!important  }
	.training ul li p {padding: 40px 10%;   }
}



@media screen and (max-width: 768px) {	
	
	.book ul.box4 li {
		padding-left: 2.5%;
	}
	.p30 {
		padding: 15px 0;
	}
	
	
	.book_on {		bottom: -90px; }
	.book_on .inner {
		padding: 0px 0px 0 30px!important;
	}
	.book_box {
		padding-top: 0%;}
	.book_box_pt {padding-top: 8%}
	.book_view .sns {
		position: absolute;
		right: 5%;
		top: 50px;
	}
	.book_view .sns a {
		display: block; padding-bottom: 10px
	}
		
	
	
	.writer .sub_visual, .writer_view .sub_visual  {margin: 43px auto 0;}
	.writer .sub_visual .con .sub_tit p.txt, .writer_view .sub_visual .con .sub_tit p.txt { display: none}
	.writer .sub_visual .con .sub_tit, .writer_view .sub_visual .con .sub_tit {
		width: 100%;
		padding-top: 70px;
		text-align: center;
		font-size: 24px;
		font-weight: 700;
	}

	.writer .sub_visual .con, .writer_view .sub_visual .con {
    	max-width: 100%;margin: 0 0%;
		background: url(/images/sub/sub_writer_img.jpg) 250px 100% no-repeat;}
   
	
	.writer ul.box4 li { width: 48%;   }	
	.writer ul.box4 li:nth-child(3n+1) { margin-left: 4%}
	.writer ul.box4 li:nth-of-type(odd){ margin-left: 0 }
	.writer ul.box4 li:first-child { margin-left: 0 }
	
	
	
	/*.book ul.box4 li:nth-child(3n+1) { margin-left: 3.5%; }
	.book ul.box4 li:nth-child(odd) { margin-left: 0; }*/
	.book_per_01 {height: 175px; width: 175px; }
	.book_per {    padding: 60px 0;    height: 300px;}
	.book_per p {      padding-top: 20px; font-size: 65px;}

	
	
	
	
	.writer_view .content_info {
		padding: 30px 60px;
	}
	.writer_view .content_info .con {
		width: 100%;
		padding:0;
		display: inline-block;
		-webkit-appearance: inline-table;
		-moz-appearance: table;
	}
	.writer_view .content_info .img {
		width: 100%;
		padding-left:0%;
		display: inline-block;
		-webkit-appearance: inline-table;
		-moz-appearance: table;
		text-align: center
	}
	.writer_view .content_info .img img {
		width: 95%;
		max-width: 100%;
		text-align: center;box-shadow: 5px 3px 0px 0px #dfdde6!important;
	}
	
	.writer_view .content_info .tit {
		line-height: 2em;
		padding: 20px 0 10px; text-align: center
	}
	.writer_view .content_txt .ItemsImg {
		width: 20%;
	}
	.writer_view .content_txt .TitWrap {
		width: 78%; padding-left: 45px;
	}
	.writer_view .content_txt .TitWrap p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		line-height: 1.8em;
		height: 5em;
	}
	.search_result {
		padding: 20px 0 20px;
	}
	
	.search_result .search_box {
		margin: 50px auto 50px;
		width: 85%;
		position: relative;
	}
	.search_result {
		padding: 40px 20px;
	}
	.search_result .box_w {
		width: 100%;
	}
	
	.search_result input {
    	padding: 12px 25px 15px;
		font-size: 16px;}
	.search_result .search_box input + button {   
		top: 10px;}
	
	.search_result .box_w {
		height: 170px;}
	
	
	.company_info {
		text-align: center;
		margin: 0px auto 220px;
		padding: 0px 0;
		width: 100%;
		height: 650px;
		max-width: 100%; overflow: visible }
    /* overflow: hidden;*/
	
	

	.edu_goal .box2 li {
		width: 90%;
	}
	.overview ul li { padding: 0; }
	.boxTitleWrap p.sub_txt {
		font-size: 1.1em;}
	
	.testing .img_01 ul {
		margin-left: 40px;}
	
	
	.testing .bg_Dvio  { padding-bottom: 40px }
	
	.company_info .company_name img { }
	.company_info p {
		padding: 20px 0 30px; word-break:keep-all; text-align: left
	}
	.book_view .content_txt .book_writer {
		width: 100%;
		height: auto;
		display: block;
		padding: 0px 0 15px 0;
	}
	.book_view .content_txt .book_writer .pro_img {
		width: 90%;
		height: auto;
		border: #e4e4e4 solid 1px;
		box-shadow: 3px 3px 0px 0px #dfdde6;
		float: none;
		margin:20px 16px 5px 16px;
		text-align: center
	}
	.book_view .content_txt p span {
    margin: 15px 0 10px 0px;
}
	
	
	.book_view .content_txt .book_writer img {
		width: 90%;
		height: auto;
		border: #c2c0c0 solid 1px;
		box-shadow: 10px 8px 0px 0px #dfdde6;
		float: none;
		margin:20px 16px 5px 16px;
		text-align: center
	}
	.book_view .content_txt .book_writer p {
		vertical-align: top!important;
		padding: 16px;
		display: block;
}
	.map_info {padding: 0 15px}
	
	.map_info li dl.map_table dd { padding: 20px 0px ;  }
	.map_info li dl.map_table dd>span { width:100%; margin-right:0;  }
	.map_info li dl.map_table dd img {   }
	
	
	
	
   
	
}
@media screen and (max-width: 767px) {
.book_on {		bottom: -115px; }
	.book ul.box4 li {
		width:50%;
	}
	.book_logo img {
		width: 100%;
		margin: 0 10%;
	}
	.book ul.box4 li {
		padding-left: 6%;
	}
	.book_logo {
		 height: 310px;
	}
}

@media screen and (max-width: 700px) {
	.book_logo img {
		width: 100%;
		margin: 0 10%;
	}
	.book ul.box4 li {
		padding-left: 7%;
	}
	.book ul.box4 li { width: 50%; margin: 0 auto 130px; }
	
	
}



@media screen and (max-width: 640px) {
	.map_group #map {width: 100%; height: 350px; overflow: visible;   }
	.map_group .map_pc {width: 100%; height: 350px; overflow: visible; display: none}
	
	.map_group #map_m {max-width:100%; height: 350px; display: block}
	.book_logo img {
		max-width: 300px;}
		
	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 0px!important;
		left: auto!important;
		width: 40px!important; 
		height: 40px!important; 
		background-color: rgba(252,252,252,0.00)
	}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 0px!important;
		right: auto!important;
		width: 40px!important; 
		height: 40px!important; 
		background-color: rgba(252,252,252,0.00)
	}

	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 25px!important ; font-weight: 800
	}
	.sub_visual .tit {
		font-size: 32px;
		line-height: 1.2em;
		padding-bottom:0px
	}
	
	.writer_view .content_info p {
		word-break: normal;
    text-align: justify;
		
		
	}
		
	.book_box {    padding-top: 0%;}
	.book_box_pt {padding-top: 10%}
	.book ul.box4 li { width: 100%; min-height: auto; height: 100%;  margin: 0 auto 130px; padding-left: 0%; }
	.display_table {     text-align: center}
	.book_logo {    display:contents; }
	.book_logo img {
		width: 80%;
		margin: 0 5%;
	}
	.sub_visual .con {
		padding: 0 30px 10px;
	}
	.sub_visual .con p {
		text-align: center
	}
	.book_view .view_img {
		max-width: 100%;
		width: 100%;
		padding: 0px;
		margin: 0 auto; text-align: center
	}
	.book_view .view_img img {
		width: 100%;
		margin: 0 auto
			
	}
	#content .content_area .book_box h4 {margin-bottom: 20px}
	.book_box {
		margin-bottom: 0px;
	}	
	
	.writer .book_logo:active {
		display: block;
		width: 100%;
		vertical-align: bottom;
		height: auto;
		text-align: center;
		border: #c2c0c0 solid 1px;
		box-shadow: 3px 3px 3px #ddd;
		border-radius: 0 0 0px 0;
	}

	
	.book_on .inner {
		padding: 0px 0px 0 0px!important;
	}
	.book_on .inner {		display:block;}
	.book_on .title {		text-align: center; font-size: 18px;}
	.book_on .sub_tit {		text-align: center;}

	.writer .sub_visual .con, .writer_view  .sub_visual .con {
		background: url(/images/sub/sub_writer_img.jpg) 150px 100% no-repeat; 
	}

	
	.writer_view .content_info {
		padding: 30px 30px;
	}
	.writer_view .content_info {
		margin: 40px auto 0;
	}
	.writer_view .content_txt .ItemsImg {
		width: 25%;
	}

	.writer_view .content_txt .TitWrap {
		width: 70%;
		padding-left: 25px;
	}
	.writer .search .search_box input + button {
		position:absolute;
		top:4px;
		right:6px;
		width:36px;
		height:36px;
		background-size: 65%;
	}

	
	.tab_st03 .inner1 li {
		width:50%;
	}
	.tab_st03 .inner1 li a {
		font-size: 14px; letter-spacing: -1.5px}
	.tab_st03 {
		padding: 10px 5px 10px;}
	
	.writer .search .sr_inner {
		width:100%; margin: 0 auto; text-align: center; float: none
	}
	.writer .search .sr_inner a {
		position: relative;
		display: block;
		font-size: 26px;
		font-weight: 900;
		color: #fff;
		background-color: #e2e1e6;
		padding: 7px 8px;
		height: 30px;
		width: 30px;
		border-radius: 50%;
		overflow: hidden;
	}
	.writer .search .sr_inner a:active {
		position: relative;
		display: block;
		font-size: 26px;
		font-weight: 900;
		color: #fff;
		background-color: #e2e1e6;
		padding: 7px 8px;
		height: 30px;
		width: 30px;
		border-radius: 50%;
		overflow: hidden;
	}
	.writer .search .search_box {
		width:100%; margin-top: 20px
	}
	
	.company_info .info_con {
		top: 285px;
		width: 90%;
		margin: 0 5%;
		padding: 40px 30px}
	
	/*.writer ul.box4 li { width: 100%; margin-left: 0   }
	.writer ul.box4 li:nth-child(3n+1) {
		margin-left:0%;
	}
*/
	
	
	
		
	.boxTitleWrap {
		padding-top: 10%;
	}
	.btn_center {
		margin: 30px 0 50px;
	}
	.btn_report {
		width: 180px;}
		
	.contact {
		padding: 30px 0 40px;
	}
	#footer1 .address {
		margin: 0px 0 20px;
	}
	
	.stit {    font-size: 22px;		font-weight: 700; line-height: 1.5em}
	.content_tit p {
			font-size: 1.1em;
			line-height: 1.5em; text-align: -webkit-match-parent; 
		}
	.overview .img_01 ol li {
    
		font-size: 1em; line-height: 1.5em}
	.overview .tit2_1 {
		font-size: 22px;
		padding: 0 0 20px 0;
		font-weight: 600;
	}
	.overview .b2 {
		padding: 50px 20px 50px 40px;
		margin-top: 20px;
	}
	.overview .img_01 ol {
		padding: 0px 0% 0px 10% ; 
	}
	
	.book_per {  height: auto; padding: 30px 20px }
	.book_per_01 {width: 80%; display: block; margin: 10px auto}

	.book_per p { padding-top: 20px; font-size: 65px;}
	
	.search_result .lnb li a {
    height: 52px;
    line-height: 52px;
		font-size: 15px;}
	.search_result .lnb li  {
    width: 49%}
	
	
	.search_result input {
    padding: 10px 25px 10px;
    font-size: 16px;}
	
	
	.search_result .search_box input + button {
		position: absolute;
		top: 10px;
		right: 20px;
		width: 30px;
		height: 30px;
		background-size: 70%
	}
	.search_result .search_box {
		margin: 50px auto 30px;
	}
	.search_result .lnb {
		margin: 0px auto 0px; 
	}
	
	.search_result .lnb li a {
		height: 52px;
		line-height: 52px;
		font-size: 15px;  letter-spacing: -1px; }
	.search_result .lnb li a:active {
		height: 52px;
		line-height: 52px;
		font-size: 15px;  letter-spacing: -1px; }
	
	.search_result .lnb li  {    width: 49%}

	.search_result .lnb li {
		margin-left: 3px;}
	.result1 #btn_more, .result2 #btn_more, .result3 #btn_more {
		right: 0px;
	}
	.result1 #btn_more .btn_more, .result2 #btn_more .btn_more, .result3 #btn_more .btn_more {
		padding: 5px 10px;
		font-size: 13px;
	}
	.result1 #btn_more .btn_more:active,.result2 #btn_more .btn_more:active, .result3 #btn_more .btn_more:active  { padding: 5px 10px; border: 1px #797674 solid; color: #797674; font-size: 13px; border-radius:20px }

	
	
	.search_result .book ul.box4 li {
		margin: 0 auto 160px;
	}
	.result3 .board_tb table td.tit {
		width: 70%;
	}
	.result3 .board_01 {
		padding-top: 20px;
	}
	
	

	
	
	

	
	.edu_goal .img_01 li {
		width: 95%;
		padding: 20px 20px 10px ;
		display: block;
	}
	.edu_goal .box2 .stit span {
		padding: 0 20px;
	}
	.overview .img_box img {width: 100%}
	.planning_img img {
		width: 100%;
	}
	.planning .bg_gray3 .m img {
		width: 100%;
	}
	.overview .b1, .overview .b2 {
		
		padding: 50px 20px 25px 20px;
	}
	.planning .bg_gray3 ul li { margin: 0 auto 10px}
	.planning .tit3_1 {
		font-size: 16px;
		padding: 30px 0 
	}
	.planning .bg_gray3 ul li {
		font-size: 15px; line-height: 1.6em
	}
	
	.planning .bg_gray3 .img_03 {
		margin: 30px auto; 
	}
	.planning .bg_gray3 {padding-bottom: 0px}
	.management_img img {
		width: 100%!important;
	}

	.management .box2 .sub_txt {
		font-size: 1em;
		line-height: 1.8em;
		text-align: left;
		padding: 30px 0% 5%;
		word-break:break-all
	}
	.testing dt {
		padding-left: 0px;
	}
	.testing .img_01 ul {
		margin-left: 0px;
	}
	.testing .boxTitleWrap p.sub_txt {
		
		line-height: 1.6em;
	}
	.testing .bg_Dvio {
		padding-bottom: 30px;
	}
	
	.testing .box2 { padding-bottom: 30px}
	.testing .bg_Dvio2 .boxTitleWrap p.sub_txt, .testing .bg_gray3 .boxTitleWrap p.sub_txt {
		
		font-size: 15px;
		line-height: 1.6em;   text-align: justify
		
	}
	.testing .img_01 ul li {
   
		padding: 0px 0px 7px 10px;}
	.testing .b1, .testing .b2 {
		padding: 40px 20px 25px 20px;
	}

	.training ul li p {
		padding: 20px 5% 40PX; text-align: justify;
	}
	.training ul li img {
		width: 45%!important
	}
	
	
    
		
}
@media screen and (max-width: 550px) {

	.book_view .sns {
		position: RELATIVE;
		right: 0;
		top: 0;
		text-align: right
	}
	.book_view .sns a {	
		display: inline; 
	}
	.book_view .sns img {
		width: 35px; margin-left: 5px;margin-bottom: 10px }
	.book_view .sub_visual {
		padding: 20px 20px 20px;}
	.book_view .sub_visual .con {   
		padding-left: 0%;}
	.book_view .sub_visual .tit {
		font-size: 28px;}
	.book_view .sub_visual span {
		font-size: 16px;}
	.book_view .sub_visual .txt_tit {
		width: 25%;}
	.book_view .content_txt {
		margin: 40px 10px 40px;
	}
	.book_view .content_txt .s_tit {
		padding: 12px 20px;
		font-size: 17px;
		margin-top: 20px;
	}
	.writer .sub_visual .con, .writer_view  .sub_visual .con {
		background: url(/images/sub/sub_writer_img.jpg) 100px 100% no-repeat; 
	}
	.board_view .sns {
		top: 30px!important;
	}
	.board_view .sns img {
		width: 34px!important;margin-left: 0px!important;
	}

	

	
	.edu_goal .box1 .radius_tit, .edu_goal .box2 .radius_tit {
		top: -160px;
		border-radius: 0%;
		background-color:rgba(0,0,0,0.00);
		width: 185px;
		height: 80px; 
	}
	.edu_goal .box1 .stit, .edu_goal .box2 .stit {
		padding: 5% 0 2%;
	}
	.edu_goal .box1 .stit, .edu_goal .box2 .stit {
		font-size: 20px;
	}


}

@media screen and (max-width: 414px) {
	
	.writer .sub_visual .con, .writer_view  .sub_visual .con {
		background: url(/images/sub/sub_writer_img.jpg) 0px 100% no-repeat; 
	}
	
	
	
	.edu_goal .con {
		padding: 0 30px;
	}
	.edu_goal .box2 {
		margin-top: 120px;
		padding-bottom: 50px;
	}
	.edu_goal .con ul li {
		font-size: 15px;
	}	

}





/*contact /jquery.realperson.css */

/* Real Person jQuery plugin styles v2.0.1. */
.realperson {
	padding:0px 0 0 0px
	}


.realperson-challenge {
	display: block;
	padding-bottom:15px
}
.realperson-text {
	font-family: "Courier New",monospace !important;
	font-size: 6px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 3px;
	float:left;
	padding-top:10px
}
.realperson-regen {
	/*padding-top: 4px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	float:left;*/
	
	
	background: #0a4a85;
    display: inline-block;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 1em;
    cursor: pointer;
    text-align: center;
	margin-left:20px
}

.realperson-disabled {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.realperson-disabled .realperson-regen {
	cursor: default;
}



@media (max-width:630px){
	.realperson-regen {display: inline-block; margin-top:0px;
	margin-left:0px
		
}	
}

/*content*/

#content .content_area{/*min-height:1000px;*/ margin:45px 0 100px; width:100%; padding-bottom: 0px}
#content .content_area h4{font-size:21px; font-weight:800; color:#004187}
#content .content_area h5{font-size:16px; font-weight:800; color:#007a90; margin-bottom:10px}
#content .content_area h6{font-size:14px; font-weight:bold; color:#515151;  margin-bottom:10px}
#content .content_area span.table{font-size:13px; float:right}

#content {width:100%; margin: 0 auto; position: relative; min-height:0px; padding-bottom:0px}
#content .content_margin{ position: relative; margin:40px auto; width: 100%; max-width: 1400px }
#content .content_wide{ position: relative; margin:40px auto 0px; width: 100%; max-width: 100% }
#content .contact00 .content_wide {
    margin: 0px auto 0px;
}

@media screen and (max-width: 768px) {
	#content .content_area {  margin: 20px 0 0; padding-bottom:50px }
    #footer div.selectbox{position:relative; margin:10px 0; display: block  }
    #footer div.footer_content { width: 100% }
 
    
}