a {
  color: #333;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}


@media (min-width: 1201px){

    #logo {    margin-bottom: 25px; padding:27px 20px 33px 0px; display:-webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    #gnb {    width: 80%;  margin: 0 auto;  text-align: center;display:block !important;}
    #gnb:after {display:block;visibility:hidden;clear:both;content:""}
    #gnb_1dul{display:-webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position:static;  width:1190px; margin:0 auto;}

    .gnb_wr{max-width:1200px;padding-right:200px;margin:0 auto;position:relative;}
    .gnb_1dli{position:relative;/*float:left;*/line-height:40px;padding:0 15px; text-align: center;  margin: 0 auto; width:100%;    display:-webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
    .gnb_1dli button{float:left;border:0;width:20px;height:70px;overflow:hidden;border:0;background:url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px}
    .gnb_1da {display:block;float:left;padding:0 20px;/*color:#fff !important;*/line-height:70px;font-size:1.077em;font-weight:bold; width:200px; font-size:19px;}/*수정230429*/
    .gnb_2dul {width: 100%; margin-top: 0; /*border-top: 1px solid #939393;*/
	position:absolute;top:150%;left:0;background:#fff;box-shadow: 0px 5px 14.25px 0.75px rgb(0 0 0 / 5%);width:100%;z-index:99;padding:0 15px ;opacity: 0;
    visibility: hidden;
    -webkit-transition:  top .3s ease,opacity .2s linear,visibilty .3s ease;
    -moz-transition:  top .3s ease,opacity .2s linear,visibilty .3s ease;
    -ms-transition:  top .3s ease,opacity .2s linear,visibilty .3s ease;
    -o-transition:  top .3s ease,opacity .2s linear,visibilty .3s ease;
    transition:  top .3s ease,opacity .2s linear,visibilty .3s ease;
	}

	.on-class_a{    line-height: 70px;  font-size: 19px;}
	.on-class{ height: 232px;  background: #eff4f8; width: 196px; display:inline-block;text-align:center; vertical-align:top;     margin: 0 !important;}

	#hd:hover .mon {display:block;}
    #hd:hover .pcon {display:block;}
    #gnb_1dul .gnb_1dli:hover{ color: var( --e-global-color-2209330 );  fill: var( --e-global-color-2209330 );}/*수정230429*/
    .gnb_1dli:hover .gnb_2dul {top: 100%; opacity: 1;  visibility: visible;}
    .gnb_1dli:hover{}
    .gnb_1dli a{color:#1a1a1a  !important;}
    .gnb_2da {display:block;color:#1a1a1a;padding:0;}
    .gnb_2da:hover{}


   .gnb_1da:hover{ transition:all .3s ease; }

#gnb_1dul li.gnb_1dli a::after {
  content: '';
  width: 0%;
  left: 50%;
  height: 1px;
  display: block;
  position: absolute;
  margin-top: -2px;
  border-bottom: 2px solid #17469e;
  transition:all .3s ease;
}
#gnb_1dul li.gnb_1dli:hover > a::after {
  content: '';
  width: 100%;
  left: 0px;
  height: 2px;
  display: block;
  position: absolute;
  margin-top: -2px;
  border-bottom: 2px solid #17469e;
  transition:all .3s ease;
}

.gnb_3dul{position:absolute; top:0; background:#f9f9f9; width:80%; left:-9999px; left:100%; display:none;}
.gnb_2dli a h4:hover .gnb_3dul {color:#f00; display:block;}


	div#m_logo_side{display:none;}

    .sub_list{display:inline-block; width:196px; text-align:center; vertical-align:top;     margin: 20px auto;}
	.sub_list h3{font-size: 24px; border-bottom: 1px solid #ddd;  padding: 15px 0;  margin: 10px 15px;}
    .gnb_2dli{text-align:left;     margin: 0 15px;  font-size: 17px;  font-weight: 400;}
    .arrow_r{    float: right;  color: #8f8f8f;  font-size: 29px;  font-weight: 100;  line-height: 28px;}

    /* 모션추가 */
		.motion {
		  opacity: 0;
		}
		.motion.active {
		  -webkit-transform: translate(0) !important;
		  -ms-transform: translate(0) !important;
		  -o-transform: translate(0) !important;
		  transform: translate(0) !important;
		  opacity: 1 !important;
		  /* transform: translate3d(0 ,0, 0 ) !important; */
		}
		.motion_a1 {
		  transition: all .9s ease;
		  transform: translateY(30%);
		}
		.motion_a2 {
		  transition: all .7s ease;
		  transition-delay: .3s;
		  transform: translateY(30%);
		}
		.motion_a3 {
		  transition: all .4s ease;
		  transform: translateY(50%);
		}

		/*
		.breadcrumb_pc{position: relative;  top: -56px;  border-bottom: 1px dashed #eaeaea;  padding-bottom: 13px;}
	.breadcrumb_pc p{font-weight:100;}
	.breadcrumb_pc span{font-weight:100; padding:0 10px;}
		*/

    .breadcrumb_pc b{font-weight:100;
    font-size: 15px;}
	.breadcrumb_pc strong{font-weight:100;
    font-size: 15px;}

}

@media (min-width: 641px){
	.breadcrumb_pc{position: relative; top: 14px;     margin-bottom:55px; border-bottom: 1px dashed #eaeaea;  padding-bottom: 13px;}
	.breadcrumb_pc p{font-weight:100; font-size:15px;}
	.breadcrumb_pc span{font-weight:100; padding:0 10px;}
	.pc_cus{display:block;}
	.m_cus{display:none;}

	.sx-arrow-circle-checked li{font-size:16px; line-height:1.6;}
}

@media (max-width: 991px){
	.customer_section .customer_section_row{display:block !important;}
	.customer_section .customer_section_row .col-md-6 .row {
		margin: 30px 0 0;
	}




}
@media (max-width: 1200px){
	#ol_before a {
		color: #3d3d3d;
	}
	#ol_before {
    margin-right: 0;}
	#ol_before ul{    text-align: center;}
	#m_logo_side{border-bottom: 1px solid #ddd;}
	#ol_before li{margin: 6px 5px;  border: 1px solid #ddd; padding: 8px 14px;  border-radius: 100px;  background: #f9f9f9;}
    #gnb {display:none;background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
	#nav_pc{    display: none;}
    #gnb_1dul{margin:10px 0; padding:0 20px;}
    .gnb_1dli{position:relative;line-height:40px;display:block}
    .gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
    .gnb_1dli button.btn_gnb_cl{background:url(../../../third/akcdn-cdnn.cafe24img.com/cdn/en_US/img/mobile/gnb_bg2.png) no-repeat 50% 50%}
    .gnb_1da {display:block;padding:0;font-size:20px;color:#3d3d3d; padding: 13px 0 13px 17px; border-bottom: 1px solid #ebebeb;}
    .gnb_2dul{background:#f9f9f9;padding:10px 0;    display: none;}
    .gnb_2da {display:block;border-bottom:none;    padding-left: 20px;  font-size: 16px;color:#3d3d3d}
    #gnb_close {position:absolute;top:0 ;right:0;display:block;margin:0;height:60px;width:50px;border:0;background:none;color:#fff}
    #logo {padding:10px 10px;height:47px;text-align:center}
    #sch_open {height:50px}

	.gnb_1da:hover, .gnb_2da:hover, .gnb_1da:focus, .gnb_2da:focus {
		color: #3d3d3d !important;
	}

	#hd:hover{  background:none; }
    #hd:hover ul li a{/*color: #3d3d3d !important;*/}
    #nav_m{display:block;}

    .on-class_a{    display: block;  font-size: 20px;   padding: 13px 0 13px 17px;   border-bottom: 1px solid #ebebeb;   background: #023894;}
    .on-class_a a{color:#fff !important;}
    #hd:hover ul li.on-class_a a{color:#fff !important;}
}

@media (max-width: 640px){
.breadcrumb_pc{display:none;}
.pc_cus{display:none;}
.m_cus{display:block;padding-top: 20px;}
.customer_section .customer_section_row .col-md-6 .customer_section_con-right {
    text-align: center;
}
.customer_section .customer_section_row .col-md-6 .customer_section_con-right h2.customer_section_title_top {
    font-size: 27px !important;
}

.container {
    padding-right: 20px;
    padding-left: 20px;}

.table-responsive{border:none;}
}