@charset "utf-8";
@import url("common.css");

/* font-family:'Roboto','Noto Sans KR', sans-serif;
font-family: 'Roboto', sans-serif; */

.wrap{
  background-color: #fff;
}
.container .location_wrap{
  border-top: 1px solid #e5e5e5;
  position: relative;
  height: 50px;
  background-color:rgba(0, 0, 0, 0.05);
  text-align: center;
  z-index: 10;
}

.container .location_wrap .location_inner{
  width: 1220px;
  display: inline-block;
  text-align: center;
}

.container .location_wrap .location_inner li{
  display: inline-block;
}

.container .location_wrap .location_inner li::after{
  content: '';
  width: 5px;
  height: 9px;
  display: inline-block;
  margin: 21px 10px 0;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png')no-repeat -488px -90px;
}

.container .location_wrap .location_inner li:last-child::after{
  display: none;
}

.container .location_wrap .location_inner li a{
  font:300 14px/50px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  letter-spacing: -0.2px;
}

.complete .location_wrap{
  border-top: 1px solid #e5e5e5;
  position: relative;
  height: 50px;
  background-color: #f2f2f2;
  text-align: center;
}

.complete .location_wrap .location_inner{
  width: 1220px;
  display: inline-block;
  text-align: center;
}

.complete .location_wrap .location_inner li{
  display: inline-block;
}

.complete .location_wrap .location_inner li::after{
  content: '';
  width: 5px;
  height: 9px;
  display: inline-block;
  margin: 21px 10px 0;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png')no-repeat -494px -90px;
}

.complete .location_wrap .location_inner li:last-child::after{
  display: none;
}

.complete .location_wrap .location_inner li a{
  font:300 14px/50px 'Roboto','Noto Sans KR';
  color:#999999;
  text-align: left;
  letter-spacing: -0.2px;
}

.login .location_wrap{
  border-top: 1px solid #e5e5e5;
  position: relative;
  height: 50px;
  background-color: #f2f2f2;
  text-align: center;
}

.login .location_wrap .location_inner{
  width: 1220px;
  display: inline-block;
  text-align: center;
}

.login .location_wrap .location_inner li{
  display: inline-block;
}

.login .location_wrap .location_inner li::after{
  content: '';
  width: 5px;
  height: 9px;
  display: inline-block;
  margin: 21px 10px 0;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png')no-repeat -494px -90px;
}

.login .location_wrap .location_inner li:last-child::after{
  display: none;
}

.login .location_wrap .location_inner li a{
  font:300 14px/50px 'Roboto','Noto Sans KR';
  color:#999999;
  text-align: left;
  letter-spacing: -0.2px;
}

.container .title_wrap {
  position: relative;
  margin: -50px auto 50px;
  height: 385px;
  width: 100%;
  text-align: center;
  background:linear-gradient(135deg, #ee4f2d,#ee4f2d,#ee4f2d);
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.container .title_wrap h4{
  font:400 40px/40px 'Roboto','Noto Sans KR';
  color:#ffffff;
  text-align: center;
  letter-spacing: -0.2px;
  padding-top: 118px;
}

.complete .title_wrap {
  position: relative;
  margin: -50px auto 50px;
  height: 205px;
  width: 100%;
  text-align: center;
  background:none;
}

.complete .title_wrap.mar{
  margin-bottom: 50px;
  height: 160px;
}

.login .title_wrap {
  position: relative;
  margin: -50px auto 50px;
  height: 157px;
  width: 100%;
  text-align: center;
  background:none;
}

.login .title_wrap h4{
  font:400 40px/40px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
  letter-spacing: -0.2px;
  padding-top: 118px;
}

.complete .title_wrap h4{
  font:400 40px/40px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
  letter-spacing: -0.2px;
  padding-top: 118px;
}

.complete .title_wrap p{
  font:300 16px/16px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
  letter-spacing: -0.2px;
  margin-top: 30px;
}

.container .title_wrap .title_inner{
  width: 1220px;
  margin: 67px auto 0;
}

.container .title_wrap .title_inner li{
  box-sizing: border-box;
  width: 406px;
  height: 120px;
  float: left;
  background-color: #fff;
  position: relative;
}

.container .title_wrap .title_inner li::after{
  content: '';
  width: 1px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top:20px;
}

.container .title_wrap .title_inner li:last-child::after{
	display:none;
}

.container .title_wrap .title_inner li a{
  width: 140px;
  display: block;
}


.container .title_wrap .title_inner li .tit{
  width: 140px;
  font:500 18px/18px 'Roboto','Noto Sans KR';
  color:#e51937;
  text-align: left;
  letter-spacing: -0.2px;
  margin: 34px 0 20px 60px;
}

.container .title_wrap .title_inner li .tit .go_ico{
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/static/images/sk_iconset.png')no-repeat -484px -255px;
  margin-left: 4px;
  vertical-align: top;
  margin-top: 2px;
}

.container .title_wrap .title_inner li .desc{
  font:300 16px/16px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.8px;
  margin-left: 60px;
}

.container .prod_ctgr_wrap {
  position: relative;
  height: 54px;
  width: 1220px;
  margin: 0 auto;
}

.container .prod_ctgr_wrap li{
  width: 406px;
  height: 54px;
  border-top:1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  box-sizing: border-box;
  float: left;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.container .prod_ctgr_wrap li a{
  font:300 18px/54px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
}

.container .prod_ctgr_wrap li:hover{
  background-color: #f1f1f1;
}

.container .prod_ctgr_wrap li:hover a{
  color:#e51937;
}

.container .prod_ctgr_wrap li.on{
  background-color: #e51937;
  border: 1px solid #e51937;
}

.container .prod_ctgr_wrap li.on a{
  color:#fff;
}

.container .prod_ctgr_wrap li:first-child{
  border-left: 1px solid #e3e3e3;
}



.container .tap_cont{
  display: none;
}


.container .tap_cont.on{
  display: block;
}


.container .prod_select_wrap{
  position: relative;
  margin: 45px auto 0;
  width: 1220px;
}

.container .prod_select_wrap .title_area{
  width: 1220px;
  margin: 0 auto;
  border-bottom: 2px solid #222222;
  height: 60px;
}

.container .prod_select_wrap .title_area h5{
  text-align: left;
  font:300 26px/44px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.3px;
  float: left;
}

.container .prod_select_wrap .title_area h5 .rbt_b{
  font: 700 30px/30px 'Roboto';
}

.container .prod_select_wrap .title_area .hasprod{
  float: right;
  top: 15px;
  position: absolute;
  right: 0;
}

.container .hasprod .btn_hasselect{
  display: block;
  font:400 18px/20px 'Roboto','Noto Sans KR';
  color:#444444;
  text-align: left;
}

.container .hasprod .btn_hasselect .ico {
  width: 21px;
  height: 20px;
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat 0 -599px;
  vertical-align: top;
  margin-left: 5px;
}

.container .prod_select_wrap .prod_select_list {
  position: relative;
  height: 240px;
  width: 1220px;
  margin: 30px auto;
}

.container .prod_select_wrap .prod_select_list li{
  width: 200px;
  height: 210px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  float: left;
  margin-right: 4px;
}

.container .prod_select_wrap .prod_select_list li:last-child{
  margin-right: 0;
}



.container .prod_select_wrap .prod_select_list li .imgbox{
  width: 200px;
  height: 200px;
  background-color: #f6f6f6;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  border: 1px solid #f6f6f6;
}

.container .prod_select_wrap .prod_select_list li:hover .imgbox{
  background-color: #fff !important;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  border: 1px solid #e51937;
}

.container .prod_select_wrap .prod_select_list li.active .imgbox{
  background-color: #fff !important;
  border: 1px solid #e51937;
}

.container .prod_select_wrap .prod_select_list li.active .prod_name{
  color:#e51937;
}

.container .prod_select_wrap .prod_select_list li:hover .prod_name{
  color:#e51937;
}

.container .prod_select_wrap .prod_select_list li .prod_name{
  width: 200px;
  font:400 17px/56px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
}

.container .prod_select_wrap .user_select_wrap{
  width: 1218px;
  margin: 30px auto 0;
}

.container .prod_select_wrap .user_select_wrap.active .selected_prod_list{
  display: block;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list{
  width: 1220px;
  background-color: #fff;
  display: none;
  margin-bottom: 30px;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dl{
  display: inline-block;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd{
  display: inline-block;
  float: left;
 box-sizing: border-box;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd a{

  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd a{
  font: 300 15px/50px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: center;
  display: block;
  letter-spacing: -0.2px;
  width: 173px;
  height:50px;
  box-sizing: border-box;
  background-color: #fff;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd:nth-child(-n+7) a{
	border-top: 1px solid #e3e3e3;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd:first-child a{
  border-left: 1px solid #e3e3e3;
  text-indent:0 !important;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd:nth-child(7n+1) a{
  border-left: 1px solid #e3e3e3;
  text-indent:0 !important;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd a.active{
  color:#e51937;
  border: 1px solid #e51937;
  line-height: 50px;
  text-indent: -1px;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd:nth-child(n+8) a.active{
	line-height: 46px;
}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd a:hover{
  color:#e51937;

}

.container .prod_select_wrap .user_select_wrap .selected_prod_list dd:last-child::after{
  display: none;
}

.container .prod_select_wrap .selected_prod {
  width: 1220px;
  height: 54px;
  background-color: #777777;
}

.container .prod_select_wrap .selected_prod h6{
  font:300 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  margin-left: 18px;
  letter-spacing: -0.5px;
}

.container .prod_select_wrap .selected_prod h6::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  vertical-align: top;
  margin: 22px 20px 0 20px;
  background-color: #f6f6f6;
}

.container .prod_select_wrap .selected_prod dl{

  display: inline-block;
}

.container .prod_select_wrap .selected_prod dd{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .prod_select_wrap .selected_prod dd .result::before{
  content: '';
  display: inline-block;
  width: 6px;
  height: 10px;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png') no-repeat -480px -243px;
  margin: 22px 15px 0 15px;
}

.container .prod_select_wrap .selected_prod dd .result{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .prod_select_wrap .select_model{
  width: 1220px;
  height: 56px;
  background-color: #fff;
  margin: 0 auto ;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-size: 0;
}

.container .prod_select_wrap .select_model h6{
  font:300 15px/54px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  display: inline-block;
  margin-left: 18px;
  letter-spacing: -0.5px;
}

.container .prod_select_wrap .select_model .model_search_wrap{
  position: relative;
  display: inline-block;
  margin-left: 50px;
  margin-top: 10px;
  vertical-align: top;
}

/* CH2509-00446 모델명 입력 예시 수정으로 padding-right 20px에서 10px로 수정 */
.container .prod_select_wrap .select_model .model_search{
  width: 250px;
  height: 34px;
  padding-left: 10px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  font:300 13px/30px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  padding-right: 10px;
  letter-spacing: -0.7px;
}

.container .prod_select_wrap .select_model .model_search:focus{
  border: 1px solid #222222;
}

.container .prod_select_wrap .select_model .btn_model_search{
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 14px;
  height: 14px;
}

.container .prod_select_wrap .select_model .search_list{
  width: 186px;
  border: 1px solid #999999;
  padding: 10px 0 10px 10px;
  position: absolute;
  top: 47px;
  left: 121px;
  background-color: #fff;
  display: none;
  max-height: 360px;
  z-index: 10;
}

.container .prod_select_wrap .select_model .search_list.on{
  display: block;
}

.container .prod_select_wrap .select_model .search_list li{
  font:300 14px/26px 'Roboto';
  color:#222222;
}

.container .prod_select_wrap .select_model .search_list li.first a{
  font:300 14px/26px 'Roboto','Noto Sans KR';
  color:#222222;
  cursor: pointer;
}

.container .prod_select_wrap .select_model .search_list li:hover a{
  color:#e51937;
}

.container .prod_select_wrap .select_model .search_list li strong{
  font:700 14px/26px 'Roboto';
}

.container .prod_select_wrap .select_model .btn_select_orderlist{
  display: inline-block;
  width: 201px;
  height: 34px;
  border: 1px solid #e51937;
  font: 300 14px/32px 'Roboto','Noto Sans KR';
  color: #e51937;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  margin-left: 5px;
}

.container .prod_select_wrap .select_desc{
  font: 300 14px/14px 'Roboto','Noto Sans KR';
  color: #999999;
  padding: 0 0 0 20px;
  letter-spacing: -0.2px;
  display: inline-block;
}

.container .error_list_wrap {
  width: 1220px;
  margin: 60px auto;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 60px;
}

.container .error_list_wrap .title_area{
  width: 1220px;
  margin: 0 auto;
  height: 40px;
}

.container .error_list_wrap .title_area h5{
  text-align: left;
  font:300 24px/44px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.3px;
  float: left;
}

.container .error_list_wrap .title_area h5 .rbt_b{
  font: 700 30px/30px 'Roboto';
}

.container .error_list_wrap .list_wrap{
  margin-top: 40px;
}

.container .error_list_wrap .list_wrap .list_box{
  width: 380px;
  float: left;
  margin-right: 40px;
  display: inline-block;
  position:relative;
}

.container .error_list_wrap .list_wrap .list_box:last-child{
  margin-right: 0;
}

.container .error_list_wrap .list_wrap .list_box .s_tit{
  font: 400 20px/20px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
  margin-bottom: 30px;
}

.container .error_list_wrap .list_wrap .list_box .s_tit .red{
  font: 700 20px/20px 'Roboto';
  color: #e51937;
  display: none;
}

.container .error_list_wrap .list_wrap .list_box ul{
  width: 380px;
  height: 100%;
  border-top: 2px solid #222222;
  border-bottom: 1px solid #222222;
}

.container .error_list_wrap .list_wrap .list_box.box2 li,
.container .error_list_wrap .list_wrap .list_box.box3 li{
  display: none;
}

.container .error_list_wrap .list_wrap .box2.active li,
.container .error_list_wrap .list_wrap .box3.active li{

}



.container .error_list_wrap .list_wrap .list_box li{
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  border-bottom: 1px dotted #cccccc;
  position: relative;
  letter-spacing: -0.2px;
}

.container .error_list_wrap .list_wrap .list_box li a{
  display: inline-block;
  width: 360px;  
  padding: 15px 0 15px 20px;
  vertical-align: top;
  font: 300 16px/26px 'Roboto','Noto Sans KR';
  color: #222222;
}

.container .error_list_wrap .list_wrap .list_box li.on {
  background-color: #f6f6f6;
}

.container .error_list_wrap .list_wrap .list_box li.on .list_check_box{
  background: url('/static/images/sk_iconset.png')no-repeat -28px -676px;
}



.container .error_list_wrap .list_wrap .list_box li .list_check_box{
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: url('/static/images/sk_iconset.png')no-repeat 0 -676px;
  margin-right: 15px;  
}

.container .error_list_wrap .list_wrap .list_box li .list_ctg_name {
    width: 280px;
    display: inline-block;
    vertical-align: middle;
    word-break: keep-all;
    font: 300 16px/26px 'Roboto','Noto Sans KR';
}

.container .error_list_wrap .list_wrap .list_box li .list_arrow_ico{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  background: url('/static/images/sk_iconset.png')no-repeat -57px -676px;
}

.container .error_list_wrap .next_step_wrap{
  width: 1220px;
  margin: 0 auto 100px;
  text-align: center;
}

.container .error_list_wrap .next_step_wrap .btn_next_step{
  display: inline-block;
  width: 380px;
  height: 50px;
  box-sizing: border-box;
  background-color: #e51937;
  font:400 18px/50px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: center;
  letter-spacing: -0.2px;
}

.container .error_list_wrap .easy_solution{
  width: 1220px;
  height: 113px;
  background-color: #f47726;
  margin: 40px auto 0;
  position: relative;
  padding: 20px 40px;
  box-sizing: border-box;
}

.container .error_list_wrap .easy_solution .sk_icon{
  width: 72px;
  height: 72px;
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat -118px 0;
}

.container .error_list_wrap .easy_solution .txt{
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
}

.container .error_list_wrap .easy_solution .txt strong{
  font: 700 20px/20px 'Roboto','Noto Sans KR';
  color: #fff;
  letter-spacing: -0.2px;
  margin-left: 20px;
  display: block;
}

.container .error_list_wrap .easy_solution .txt p{
  font: 300 16px/16px 'Roboto','Noto Sans KR';
  color: #fff;
  letter-spacing: -0.2px;
  margin-left: 20px;
  display: block;
  margin-top: 10px;
}

.container .error_list_wrap .easy_solution .easy_btn{
  width: 152px;
  height: 46px;
  display: inline-block;
  position: absolute;
  font: 300 16px/46px 'Roboto','Noto Sans KR';
  color: #fff;
  letter-spacing: -0.2px;
  top: 33px;
  right:40px;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 2px;
}

.container .error_list_wrap .list_wrap2{
  margin-top: 40px;
}

.container .error_list_wrap .list_wrap2 .list_box{
  width: 380px;
  float: left;
  margin-right: 40px;
  display: inline-block;
}

.container .error_list_wrap .list_wrap2 .list_box:last-child{
  margin-right: 0;
}

.container .error_list_wrap .list_wrap2 .list_box .s_tit{
  font: 300 20px/20px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
  margin-bottom: 30px;
}

.container .error_list_wrap .list_wrap2 .list_box .s_tit .red{
  font: 700 20px/20px 'Roboto';
  color: #e51937;
  display: none;
}

.container .error_list_wrap .list_wrap2 .list_box ul{
  width: 380px;
  height: 100%;
  border-top: 2px solid #222222;
  border-bottom: 1px solid #222222;
}

.container .error_list_wrap .list_wrap2 .list_box.box2 li,
.container .error_list_wrap .list_wrap2 .list_box.box3 li{
  display: none;
}

.container .error_list_wrap .list_wrap2 .box2.active li,
.container .error_list_wrap .list_wrap2 .box3.active li{

}

.container .error_list_wrap .list_wrap2 .list_box li:last-child{
  border-bottom: none;
}
.container .error_list_wrap .list_wrap2 .list_box li{
  display: block;
  background-color: #fff;
  height: 55px;
  box-sizing: border-box;
  border-bottom: 1px dotted #cccccc;
  position: relative;
  letter-spacing: -0.2px;
}

.container .error_list_wrap .list_wrap2 .list_box li a{
  display: inline-block;
  width: 360px;
  height: 55px;
  padding-left: 20px;
  vertical-align: top;
  font: 300 16px/55px 'Roboto','Noto Sans KR';
  color: #222222;
}

.container .error_list_wrap .list_wrap2 .list_box li.on {
  background-color: #f6f6f6;
}

.container .error_list_wrap .list_wrap2 .list_box li.on .list_check_box{
  background: url('/static/images/sk_iconset.png')no-repeat -28px -676px;
}



.container .error_list_wrap .list_wrap2 .list_box li .list_check_box{
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png')no-repeat 0 -676px;
  margin-right: 15px;
  margin-top: 14px;
}

.container .error_list_wrap .list_wrap2 .list_box li .list_arrow_ico{
  position: absolute;
  top: 22px;
  right: 20px;
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  background: url('/static/images/sk_iconset.png')no-repeat -57px -676px;
}


.container .inquiry_cont_wrap{
  width: 1220px;
  margin: 30px auto;
  position: relative;
}

.container .inquiry_cont_wrap .title{
  position: relative;
  width: 1220px;
}

.container .inquiry_cont_wrap .title h5{
  font: 300 26px/30px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.5px;
}

.container .inquiry_cont_wrap .title h5 .rbt_b{
  font: 700 30px/30px 'Roboto';
}

.container .inquiry_cont_wrap .title .noti{
  position: absolute;
  top:10px;
  right: 0;
  font: 300 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
}

.container .inquiry_cont_wrap .title .noti .red_dot{
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 5px;
  background-color: #e51937;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 3px;
}

.container .cont02 .inquiry_cont_wrap{
  margin: 45px auto;
}

.container .cont03 .inquiry_cont_wrap{
  margin: 45px auto;
}

.container .cont02 .inquiry_cont_wrap .cont_area{
  border-top: 2px solid #222222;
}

.container .cont03 .inquiry_cont_wrap .cont_area {
  border-top: 2px solid #222222;
}

.container .cont02 .inquiry_cont_wrap .cont_style02 {
  border-top: none;
}

.container .cont03 .inquiry_cont_wrap .cont_style02 {
  border-top: none;
}

.container .inquiry_cont_wrap .cont_area{
  margin-top: 30px;
  width: 1100px;
  padding: 70px 60px 80px 60px;
  border: 1px solid #cccccc;
}

.container .inquiry_cont_wrap .cont_area .left_cont{
  width: 260px;
  float: left;
}

.container .inquiry_cont_wrap .cont_area .left_cont .s_tit{
  text-align: left;
  font: 300 24px/24px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area{
  width: 260px;
  margin-top: 30px;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area table{

}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area tr{
  border-bottom: 1px solid #f0f0f0;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area tr:last-child{
  border-bottom: none;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area th{
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #999999;
  letter-spacing: -0.2px;
  text-align: left;
  width: 80px;
  vertical-align: top;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area th span{
  font: 300 14px/22px 'Roboto','Noto Sans KR';
  color: #999999;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 2px;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area th .noti{
  font: 300 14px/22px 'Roboto','Noto Sans KR';
  color: #999999;
  letter-spacing: -0.2px;
  text-align: left;
  margin-top: 20px;
  display: inline-block;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area td {
  width: 180px;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area td li{
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.5px;
  text-align: left;
}

.container .inquiry_cont_wrap .cont_area .left_cont .list_area td li::before{
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #666666;
  vertical-align: middle;
  margin-right: 10px;
}

.container .inquiry_cont_wrap .cont_area .right_cont {
  width: 794px;
  float: right;
}

.container .inquiry_cont_wrap .cont_area .right_cont .tit{
  font: 300 16px/16px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  margin-bottom: 14px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .tit::before{
  content: '';
  width: 4px;
  height: 4px;
  background-color: #e51937;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 7px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .tit_normal{
  font: 300 16px/16px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  margin-bottom: 14px;
  margin-left: 10px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .name_area .value .input_name{
  width: 380px;
  height: 46px;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  box-sizing: border-box;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #999999;
  letter-spacing: -0.2px;
  text-align: left;
  padding-left: 20px;
  margin-left: 10px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .name_area .value .input_name.error{
  background-color: #f6f6f6;
  border: 1px solid #e51937;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area{
  margin-top: 30px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_value {
  width: 380px;
  height: 46px;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  box-sizing: border-box;
  margin-left: 10px;
  display: inline-block;
  position: relative;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_value:focus{
  background-color: #fff;
  border: 1px solid #222;
  color:#222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_value.active{
  background-color: #fff;
  border: 1px solid #222222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_value.done{
  background-color: #f6f6f6;
  border: 1px solid #eee;
  color:#222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_value.error{
  background-color: #f6f6f6;
  border: 1px solid #e51937;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .select_phone{
  min-width: 87px !important;
  height: 46px;
  padding-left: 20px;
  font: 300 15px/46px 'Roboto';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  position: relative;
  display: inline-block;
  border:none;
  background-color: #f6f6f6;
  cursor: pointer;
  background: url('/static/images/select_arrow3.png')no-repeat 90% 50%;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_line{
  width: 1px;
  height: 22px;
  display: inline-block;
  background-color: #cccccc;
  position: absolute;
  top: 12px;
  left: 95px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .input_phone{
  width: 274px;
  height: 44px;
  background-color: rgba(255, 0, 0, 0);
  padding-left: 20px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .input_phone::placeholder{
  color:#666;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc{
  display: inline-block;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc label{
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc #phone_check{
  margin-right: 5px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 15px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc input[type="checkbox"] {
    display:none;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc input[type="checkbox"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    background:url('/static/images/sk_iconset.png') no-repeat -484px -294px;
    cursor: pointer;
    vertical-align: top;
    margin: 16px 7px 0 15px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc input[type="checkbox"]:checked + label span {
    background:url('/static/images/sk_iconset.png') no-repeat -484px -276px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area{
  margin-top: 30px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value{
  display: inline-block;
  width: 384px;
  height: 46px;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  box-sizing: border-box;
  margin-left: 10px;
  display: inline-block;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value.active{
  background-color: #fff;
  border: 1px solid #222222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value.active .mail_txt{
  background-color: #fff;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value.done{
  background-color: #fff;
  border: 1px solid #f1f1f1;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value.done .mail_txt{
  background-color: #fff;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value.error{
  background-color: #f6f6f6;
  border: 1px solid #e51937;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value.error .mail_txt{
  background-color: #f6f6f6;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value .input_phone {
  width: 183px;
  height: 44px;
  background-color: rgba(255, 0, 0, 0);
  padding-left: 20px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value .input_phone::placeholder{
  color:#666;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value .mail_ico{
  font: 300 15px/40px 'Roboto','Noto Sans KR';
  color: #222222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value .select_mail{
  width: 172px;
  height: 44px;
  padding-left: 10px;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
  position: relative;
  display: inline-block;
  border: none;
  vertical-align: top;
  background-color: #f6f6f6;
  cursor: pointer;
  background: url('/static/images/select_arrow3.png')no-repeat 90% 50%;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value .mail_txt{
  position: absolute;
  width: 130px;
  height: 42px;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #222;
  letter-spacing: -0.2px;
  text-align: left;
  padding-left: 10px;
  background-color: #f6f6f6;
  z-index: 10;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_value .mail_txt::placeholder{
  color:#666;
}


.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_desc{
  display: inline-block;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
  margin-left: 15px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_desc input[type="radio"] {
    display:none;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_desc input[type="radio"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    background:url('/static/images/sk_iconset.png') no-repeat -484px -331px;
    cursor: pointer;
    vertical-align: top;
    margin: 16px 7px 0 15px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_desc input[type="radio"]:checked + label span {
    background:url('/static/images/sk_iconset.png') no-repeat -484px -312px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_noti{
  margin-top: 15px;
  margin-left: 10px;
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .inquiry_cont_wrap .cont_area .right_cont .mail_area .mail_noti strong{
  font: 500 14px/24px 'Roboto','Noto Sans KR';
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area{
  margin-top: 30px;
  position: relative;
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area textarea{
  width: 780px;
  height: 180px;
  box-sizing: border-box;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  position: relative;
  padding: 20px 20px 50px 20px;
  font: 300 15px/24px 'Roboto','Noto Sans KR';
  color: #222;
  letter-spacing: -0.2px;
  text-align: left;
  margin-left: 10px;
  overflow: hidden;
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area.active textarea{
  background-color: #fff;
  border: 1px solid #222222;
  color:#222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area.done textarea{
  background-color: #f6f6f6;
  border: 1px solid #eee;
  color:#222;
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area.error textarea{
  background-color: #f6f6f6;
  border: 1px solid #e51937;
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area.error .type_num{
  bottom: 60px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .text_area .type_num{
  position: absolute;
  right: 23px;
  bottom: 25px;
  font: 300 14px/14px 'Roboto';
  color: #666666;
  letter-spacing: -0.2px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area{
  margin-top: 30px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_wrap{

}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_wrap .file_name{
  width: 640px;
  height: 46px;
  box-sizing: border-box;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  display: inline-block;
  margin-left: 10px;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  padding-left:20px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_wrap .find_file{
  display: inline-block;
  width: 130px;
  color:#fff;
  height: 46px;
  margin-left: 5px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_noti{
  margin-left: 10px;
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color: #999999;
  letter-spacing: -0.2px;
  text-align: left;
  margin-top: 10px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_noti .rbt_l{
    font: 300 14px/24px 'Roboto';
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_noti strong{
  font: 400 14px/24px 'Roboto','Noto Sans KR';
  color: #666666;
}

.container .inquiry_cont_wrap .cont_area .right_cont .file_area .file_noti strong .rbt_r{
  font: 400 14px/24px 'Roboto';
}

.container .inquiry_cont_wrap .cont_area .right_cont .error_massage{
  margin-top: 20px;
  margin-left: 10px;
  color: #e51937;
  text-align: left;
  font: 400 14px/14px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  display: none;
}

.container .submit{
  text-align: center;
  margin-top: 50px;
  margin-bottom: 100px;
}

.container .submit .btn_submit{
  display: inline-block;
  width: 380px;
  height: 50px;
  background-color: #e51937;
  color: #fff;
  text-align: center;
  font: 400 18px/50px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  border-radius: 2px;
}

.container .inquiry_cont_wrap .cont_area .right_style02 .name_area{
  display: inline-block;
}

.container .inquiry_cont_wrap .cont_area .right_style02 .phone_area{
  display: inline-block;
  margin-left: 5px;
}

.container .inquiry_cont_wrap .cont_style01 {
  border-bottom: 0;
}

.container .inquiry_cont_wrap .cont_bar{
  display: block;
  width: 1220px;
  height: 26px;
  z-index: 10;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.container .inquiry_cont_wrap .cont_style02 {
  margin-top: 1;
  border-top: 1;
  padding: 70px 60px 110px 60px;
}

.container .inquiry_cont_wrap .calendar_wrap{
  position: relative;
  padding-left: 120px;
  margin-top: -16px;
}

.container .inquiry_cont_wrap .calendar_wrap #counsel_cal{
  width: 280px;
  display: inline-block;
}

.container .inquiry_cont_wrap .calendar_wrap #counsel_cal::after{
  content: '';
  background-color: #f6f6f6;
  width: 2px;
  height: calc(100% + 35px);
  display: block;
  position: absolute;
  top: 13px;
  left: 460px;
}

.container .inquiry_cont_wrap .calendar_wrap .cal_desc{
  position: absolute;
  bottom: -40px;
  left: 133px;
}

.container .inquiry_cont_wrap .calendar_wrap .cal_desc p{
  color: #666666;
  text-align: left;
  font: 400 14px/14px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
}

.container .inquiry_cont_wrap .calendar_wrap .cal_desc p .dot{
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #aaaaaa;
  border-radius: 10px;
  vertical-align: middle;
  margin-right: 5px;
}

.container .inquiry_cont_wrap .calendar_wrap .cal_desc p .red_dot{
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #e51937;
  border-radius: 10px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}

.container .inquiry_cont_wrap .calendar_wrap .time_list{
  width: 340px;
  height: 238px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  right: -5px;
  top: 15px;
}

.container .inquiry_cont_wrap .calendar_wrap .time_list li{
  height: 35px;
  color: #666666;
  text-align: center;
  font: 300 15px/15px 'Roboto';
  letter-spacing: 0;
  vertical-align: top;
  cursor: pointer;
  position: relative;
}

.container .inquiry_cont_wrap .calendar_wrap .time_list li:hover{
  color:#e51937;
}

.container .inquiry_cont_wrap .calendar_wrap .time_list li.on{
  color:#e51937;
}

.container .inquiry_cont_wrap .calendar_wrap .time_list li.on::before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url('/static/images/sk_iconset.png') no-repeat -490px -481px;
  position: absolute;
  left: 70px;
  top: 3px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .phone_area .phone_desc{
  display: inline-block;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .inquiry_cont_wrap .bottom_banner_wrap label{
  font: 400 15px/28px 'Roboto','Noto Sans KR';
  color: #e51937;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .inquiry_cont_wrap .bottom_banner_wrap {
  width: 1100px;
  height: 100px;
  border: 1px solid #cccccc;
  background-color: #fff;
  margin-top: 20px;
  padding: 55px 60px;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .ico_box{
  display: inline-block;
  vertical-align: top;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .ico_box span{
  display: inline-block;
  width: 90px;
  height: 90px;
  background: url('/static/images/sk_iconset.png') no-repeat -95px -730px;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box{
  display: inline-block;
  margin-left: 60px;
  vertical-align: top;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box h7{
  font: 500 20px/26px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.5px;
  text-align: left;
}

.tit_desc{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/static/images/sk_iconset.png') no-repeat 0 -829px;
}

h4 .tit_desc{
  vertical-align: middle;
  margin-bottom: 6px;
  margin-left: 12px;
}

h7 .tit_desc{
  vertical-align: top;
  margin-top: 3px;
  margin-left: 5px;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box p{
  font: 300 16px/44px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.5px;
  text-align: left;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box #video_counsel{
  margin-right: 5px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 15px;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box input[type="checkbox"] {
    display:none;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box input[type="checkbox"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    background:url('/static/images/sk_iconset.png') no-repeat -484px -294px;
    cursor: pointer;
    vertical-align: top;
    margin: 6px 7px 0 0;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box input[type="checkbox"]:checked + label span {
    background:url('/static/images/sk_iconset.png') no-repeat -484px -276px;
}

.container .receipt_area {
  width: 1220px;
  height: 60px;
  background-color: #222222;
  margin: 0 auto;
}

.container .receipt_area p{
  font: 700 17px/60px 'Roboto','Noto Sans KR';
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
}

.container .receipt_area p span{
  font: 700 19px/60px 'Roboto';
  margin-left: 10px;
  letter-spacing: 1px;
}

.container .contents_area {
  margin: 40px auto 50px;
  width: 1220px;
}



.container .contents_area table td .long{
  font: 500 15px/25px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  width: 750px;
  display: inline-block;
  vertical-align: top;
  margin: 14px 0;
}

.container .contents_area table td .comp_arrow{
  display: inline-block;
  width: 6px;
  height: 10px;
  background:url('/static/images/sk_iconset.png') no-repeat -494px -243px;
  margin: 1px 10px;
}

.container .contents_area table td .file_ico{
  display: inline-block;
  width: 14px;
  height: 14px;
  background:url('/static/images/sk_iconset.png') no-repeat -473px -493px;
  margin-right: 3px;
  vertical-align: top;
  margin-top: 18px;
}

.container .btn_area{
  width: 1220px;
  margin: 0 auto;
  text-align: center;
}

.container .btn_area .btn_complete {
  display: inline-block;
  text-align: center;
  width: 220px;
  height: 46px;
  background-color: #666666;
  color:#fff;
  font: 300 16px/46px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  border-radius: 2px;
}

.container .btn_area .btn_black{
  width: 200px;
  height: 46px;
  display: inline-block;
  margin: 0 5px;
}

.container .btn_area .btn_white{
  width: 200px;
  height: 46px;
  display: inline-block;
  margin: 0 5px;
}

.container .btn_area .btn_desc{
  color:#666666;
  font: 300 15px/15px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  text-align: center;
  margin-top: 40px;
}

.container .btn_area .btn_desc strong{
  font: 500 15px/15px 'Roboto','Noto Sans KR';
}

.container .btn_area .btn_desc .comp_arrow02{
  display: inline-block;
  width: 6px;
  height: 10px;
  background:url('/static/images/sk_iconset.png') no-repeat -494px -243px;
  margin: 0 5px;
}

.container .member_login{
  width: 1100px;
  padding-bottom: 50px;
  border: 1px solid #e8e8e8;
  margin: 80px auto 30px;
  text-align: center;
}

.container .member_login .tit{
  font: 400 28px/28px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.container .member_login .tab_wrap{
  text-align: center;
  display: inline-block;
}

.container .member_login .tab_wrap li{
  float: left;
  width: 330px;
  height: 46px;
  font: 300 16px/46px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  cursor: pointer;
}

.container .member_login .tab_wrap li.on{
  background-color: #e51937;
  color:#fff;
  border: 1px solid #e51937;
}

.container .member_login .input_wrap{
  text-align: center;
  display: inline-block;
  margin-top: 30px;
}

.container .member_login .input_wrap .login_input{
  width: 620px;
  padding: 0 20px;
  height: 46px;
  border: 1px solid #f1f1f1 ;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#666666;
  background-color: #f6f6f6;
  display: block;
  margin-bottom: 10px;
}

.container .member_login .input_wrap .login_input:focus{
    background-color: #fff;
    border: 1px solid #222222 !important;
}

/* 로그인 폼 통일 */
.container .member_login .input_wrap.type2{
  text-align: center;
  display: inline-block;
  margin-top: 55px;
  width: 664px;
}

.container .member_login .input_wrap.type2 .login_input{
  width: 550px;
  padding: 0 20px;
  height: 46px;
  border: 1px solid #f1f1f1 ;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#222222;
  background-color: #f6f6f6;
  display: block;
  margin-bottom: 10px;
  float: left;
  box-sizing: border-box;
}

.container .member_login .input_wrap.type2 .login_input::placeholder{
  color:#666666;
}

.container .member_login .input_wrap.type2 .btn_login_wrap{
  width: 102px;
  display: inline-block;
  float: right;
  margin-top:0;
}

.container .member_login .input_wrap.type2 .btn_login_wrap .btn_login{
  width: 102px;
  height: 102px;
  background-color: #222222;
  color:#fff;
  font:300 16px/102px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.container .member_login .input_wrap.type2 .btn_login_wrap .btn_login.active{
  background-color: #e51937;
}
/* 로그인 폼 통일 end */

.container .member_login .login_util{
  width:660px;
  margin-top: -5px;
  display: inline-block;
  text-align: center;
}

.container .member_login .login_util .input_check{
  float: left;
}

.container .member_login .login_util .right_util{
  float: right;
}

.container .member_login .login_util .right_util li{
  font:300 14px/46px 'Roboto','Noto Sans KR';
  color:#666666;
  letter-spacing: -0.2px;
  text-align: left;
  display: inline-block;
}

.container .member_login .login_util .right_util li a{
  font:300 14px/46px 'Roboto','Noto Sans KR';
  color:#666666;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .member_login .login_util .right_util li::after{
  content: '';
  width: 1px;
  height: 12px;
  background-color: #dddddd;
  display: inline-block;
  margin: 18px 7px 0 11px;
  vertical-align: top;
}

.container .member_login .login_util .right_util li:last-child::after{
  display: none;
}

.container .member_login .btn_login_wrap{
  width: 660px;
  display: inline-block;
  margin-top: 10px;
}

.container .member_login .btn_login_wrap .btn_login{
  width: 660px;
  height: 46px;
  background-color: #222222;
  color:#fff;
  font:300 16px/46px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.container .member_login .btn_login_wrap .btn_login.active{
  background-color: #e51937;
}

.container .member_login .social_wrap{
text-align: center;
border-top: 1px dotted #cccccc;
margin-top: 50px;
}

.container .member_login .social_wrap .social_tit{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: center;
  margin: 40px auto 25px;
}

.container .member_login .social_wrap .sns_btn{
  display: inline-block;
  text-align: center;
}

.container .member_login .social_wrap .sns_btn li{
  display: inline-block;
  margin-right: 35px;
}

.container .member_login .social_wrap .sns_btn li:last-child{
  margin-right: 0;
}

.container .member_login .social_wrap .sns_btn li a{
  width: 46px;
  height: 46px;
  display: block;
}

.container .member_login .social_wrap .sns_btn li a.sns_naver{
  background:url('/static/images/sk_iconset.png') no-repeat 0 -851px;
}

.container .member_login .social_wrap .sns_btn li a.sns_facebook{
  background:url('/static/images/sk_iconset.png') no-repeat -47px -851px;
}

.container .member_login .social_wrap .sns_btn li a.sns_kakao{
  background:url('/static/images/sk_iconset.png') no-repeat -94px -851px;
}

.container .member_login .social_wrap .sns_btn li a.sns_apple{
  background:url('/static/images/sk_iconset.png') no-repeat -141px -851px;
}

.container .division_line{
  width: 100%;
  display: inline-block;
  text-align: center;
}

.container .non_member_login.h520{
  height: 520px;
}

.container .non_member_login{
  width: 1100px;
  height: 670px;
  border: 1px solid #e8e8e8;
  margin: 30px auto 0;
  text-align: center;
}

.container .non_member_login .tit{
  font: 400 28px/28px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.container .non_member_login .clause_wrap{
  width: 638px;
  height: 156px;
  margin: 0 auto;
  display: inline-block;
  border: 1px solid #e3e3e3;
  padding: 10px;
}

.container .non_member_login .clause_wrap p{
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color:#999999;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .non_member_login .agree_box{
  width: 620px;
  height: 50px;
  display: inline-block;
  margin: 20px auto 30px;
  background-color: #fbfbfb;
  padding: 0 20px;
}

.container .non_member_login .agree_box .input_check{
  text-align: center;
  vertical-align: middle;
  margin-top:2px;
}

.container .non_member_login .input_wrap{
  text-align: center;
  display: inline-block;
}

.container .non_member_login .input_wrap .login_input{
  width: 620px;
  padding: 0 20px;
  height: 46px;
  border: 1px solid #f1f1f1 ;
  background-color: #f6f6f6;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#666666;
  display: block;
  margin-bottom: 10px;
}

.container .non_member_login .input_wrap .login_input:focus{
    background-color: #fff;
    border: 1px solid #222222 !important;
}

.container .non_member_login .phone_area .phone_value {
  width: 660px;
  height: 46px;
  border: 1px solid #f1f1f1 ;
  background-color: #f6f6f6;
  display: inline-block;
  position: relative;
}

.container .non_member_login .phone_area .phone_value.active{
  background-color: #fff;
  border: 1px solid #222222;
}

.container .non_member_login .phone_area .select_phone{
  min-width: 137px !important;
  height: 46px;
  padding-left: 20px;
  font: 300 15px/46px 'Roboto';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  position: relative;
  display: inline-block;
  border:none;
  background-color: #f6f6f6;
  cursor: pointer;
  background: url('/static/images/select_arrow3.png')no-repeat 90% 50%;
}

.container .non_member_login .phone_area .phone_line{
  width: 1px;
  height: 22px;
  display: inline-block;
  background-color: #cccccc;
  position: absolute;
  top: 12px;
  left: 145px;
}

.container .non_member_login .phone_area .input_phone{
  width: 515px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 20px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #999999;
}

.container .non_member_login .phone_area .input_phone:focus{
  color:#222222;
}

.container .non_member_login .btn_login_wrap{
  width: 660px;
  display: inline-block;
  margin-top: 40px;
}

.container .non_member_login .btn_login_wrap .btn_login{
  width: 660px;
  height: 46px;
  background-color: #222222;
  color:#fff;
  font:300 16px/46px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.container .non_member_login .btn_login_wrap .btn_login.active{
  background-color: #e51937;
}

/* 20231117 로그인화면 수정 s*/
.container .comment_wrap{
  width: 662px;
  height: 100px;
  margin: 0 auto;
  display: inline-block;
  border: 1px solid #e3e3e3;
  padding: 30px;
  box-sizing: border-box;
  margin-top: 30px;
}

.container .member_login .tab_wrap li{
  float: left;
  width: 219px;
  height: 46px;
  font: 300 16px/46px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  cursor: pointer;
}

.container .member_login .login_tab_cont{
  display: none;
  text-align: center;
}

.container .member_login .login_tab_cont.on{
  display: block;
}

.container .non_member{
  text-align: center;
}

.container .non_member .clause_wrap{
  width: 638px;
  height: 156px;
  margin: 30px auto 0;
  display: inline-block;
  border: 1px solid #e3e3e3;
  padding: 10px;
}

.container .non_member .clause_wrap p{
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color:#999999;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .non_member .agree_box{
  width: 620px;
  height: 50px;
  display: inline-block;
  margin: 20px auto 30px;
  background-color: #fbfbfb;
  padding: 0 20px;
}

.container .non_member .agree_box .input_check{
  text-align: center;
  vertical-align: middle;
  margin-top:2px;
}

.container .non_member .input_wrap .find_input::placeholder{
  color:#666666;
}


.container .non_member .input_wrap .find_input:focus{
    background-color: #fff;
    border: 1px solid #222222 !important;
}
/* 20231117 로그인화면 수정 e*/


/* 2023117 없는 CSS 추가함s */
.container .non_member .phone_area .phone_value {
  width: 660px;
  height: 46px;
  border: 1px solid #f1f1f1 ;
  background-color: #f6f6f6;
  display: inline-block;
  position: relative;
}

.container .non_member .phone_area .phone_value.active{
  background-color: #fff;
  border: 1px solid #222222;
}

.container .non_member .phone_area .select_phone{
  min-width: 137px !important;
  height: 46px;
  padding-left: 20px;
  font: 300 15px/46px 'Roboto';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  position: relative;
  display: inline-block;
  border:none;
  background-color: #f6f6f6;
  cursor: pointer;
  background: url('/static/images/select_arrow3.png')no-repeat 90% 50%;
}

.container .non_member .phone_area .phone_line{
  width: 1px;
  height: 22px;
  display: inline-block;
  background-color: #cccccc;
  position: absolute;
  top: 12px;
  left: 145px;
}

.container .non_member .phone_area .input_phone{
  width: 515px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 20px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #999999;
}

.container .non_member .phone_area .input_phone:focus{
  color:#222222;
}

.container .non_member .btn_login_wrap{
  width: 660px;
  display: inline-block;
  margin-top: 40px;
}

.container .non_member .btn_login_wrap .btn_login{
  width: 660px;
  height: 46px;
  background-color: #222222;
  color:#fff;
  font:300 16px/46px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.container .non_member .btn_login_wrap .btn_login.active{
  background-color: #e51937;
}

.container .user_select_wrap02{
  width: 1220px;
  margin: 45px auto 0;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 45px;
}
/* 2023117 없는 CSS 추가함e */

.container .user_select_wrap02 .selected_prod_list{
  width: 1220px;
  background-color: #fff;
  display: block;
  height: 50px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.container .user_select_wrap02 .selected_prod_list dl{
  display: inline-block;
}

.container .user_select_wrap02 .selected_prod_list dd{
  display: inline-block;
  float: left;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

.container .user_select_wrap02 .selected_prod_list dd a{
  font: 300 16px/50px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: center;
  display: inline-block;
  letter-spacing: -0.2px;
  width: 173px;
  height: 50px;
  box-sizing: border-box;
  background-color: #fff;
}

.container .user_select_wrap02 .selected_prod_list dd:first-child{
  border-left: 1px solid #e3e3e3;
}

.container .user_select_wrap02 .selected_prod_list dd a.active{
  color:#e51937;
  border: 1px solid #e51937;
  line-height: 48px;
}

.container .user_select_wrap02 .selected_prod_list dd a:hover{
  color:#e51937;

}

.container .user_select_wrap02 .selected_prod_list dd:last-child::after{
  display: none;
}

.container .user_select_wrap02 .title_area{
  width: 1220px;
  margin: 0 auto;
  border-bottom: 2px solid #222222;
  height: 60px;
}

.container .user_select_wrap02 .title_area h5{
  text-align: left;
  font:300 26px/44px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.3px;
  float: left;
}

.container .user_select_wrap02 .title_area h5 .rbt_b{
  font: 700 30px/30px 'Roboto';
}

.container .user_select_wrap02 .selected_prod {
  width: 1220px;
  height: 54px;
  background-color: #777777;
}

.container .user_select_wrap02 .selected_prod h6{
  font:300 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  margin-left: 18px;
}

.container .user_select_wrap02 .selected_prod h6::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  vertical-align: top;
  margin: 22px 20px 0 20px;
  background-color: #f6f6f6;
}

.container .user_select_wrap02 .selected_prod dl{

  display: inline-block;
}

.container .user_select_wrap02 .selected_prod dd{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .user_select_wrap02 .selected_prod dd .result::before{
  content: '';
  display: inline-block;
  width: 6px;
  height: 10px;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png') no-repeat -480px -243px;
  margin: 22px 15px 0 15px;
}

.container .user_select_wrap02 .selected_prod dd .result{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .user_select_wrap03{
  width: 1220px;
  margin: 45px auto 0;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 45px;
}


.container .user_select_wrap03 .selected_prod_list{
  width: 1220px;
  background-color: #fff;
  display: block;
  height: 50px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.container .user_select_wrap03 .selected_prod_list dl{
  display: inline-block;
}

.container .user_select_wrap03 .selected_prod_list dd{
  display: inline-block;
  float: left;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

.container .user_select_wrap03 .selected_prod_list dd a{
  font: 300 16px/50px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: center;
  display: inline-block;
  letter-spacing: -0.2px;
  width: 173px;
  height: 50px;
  box-sizing: border-box;
  background-color: #fff;
}

.container .user_select_wrap03 .selected_prod_list dd:first-child{
  border-left: 1px solid #e3e3e3;
}

.container .user_select_wrap03 .selected_prod_list dd a.active{
  color:#e51937;
  border: 1px solid #e51937;
  line-height: 48px;
}

.container .user_select_wrap03 .selected_prod_list dd a:hover{
  color:#e51937;

}

.container .user_select_wrap03 .selected_prod_list dd:last-child::after{
  display: none;
}

.container .user_select_wrap03 .title_area{
  width: 1220px;
  margin: 0 auto;
  border-bottom: 2px solid #222222;
  height: 60px;
}

.container .user_select_wrap03 .title_area h5{
  text-align: left;
  font:300 26px/44px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.3px;
  float: left;
}

.container .user_select_wrap03 .title_area h5 .rbt_b{
  font: 700 30px/30px 'Roboto';
}

.container .user_select_wrap03 .selected_prod {
  width: 1220px;
  height: 54px;
  background-color: #777777;
}

.container .user_select_wrap03 .selected_prod h6{
  font:300 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  margin-left: 18px;
}

.container .user_select_wrap03 .selected_prod h6::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  vertical-align: top;
  margin: 22px 20px 0 20px;
  background-color: #f6f6f6;
}

.container .user_select_wrap03 .selected_prod dl{

  display: inline-block;
}

.container .user_select_wrap03 .selected_prod dd{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .user_select_wrap03 .selected_prod dd .result::before{
  content: '';
  display: inline-block;
  width: 6px;
  height: 10px;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png') no-repeat -480px -243px;
  margin: 22px 15px 0 15px;
}

.container .user_select_wrap03 .selected_prod dd .result{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .counsel_list_tap{
  margin: 30px 0 20px 0;
}

.container .counsel_list_tap li{
  width: 406px;
  height: 56px;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  float: left;
  cursor: pointer;
  font:300 16px/56px 'Roboto','Noto Sans KR';
	color:#222222;
  text-align: center;
}

.container .contents_box .counsel_list_tap.type02 li{
  width: calc(100% / 2);
}

.container .counsel_list_tap li:nth-child(2){
  border-left: 1px solid #fff;
}

.container .counsel_list_tap li:nth-child(3){
  border-left: 1px solid #fff;
}


.container .counsel_list_tap li.on{
  background-color: #e51937;
  border: 1px solid #e51937;
  color:#fff;
}

.container .date_box {
  box-sizing: border-box;
  width: 1220px;
  height: 70px;
  padding: 0 32px;
  background-color: #f6f6f6;
  text-align: center;
}

.container .date_box .tit{
  color:#222222;
  font:500 14px/70px 'Roboto','Noto Sans KR';
  text-align: left;
  display: inline-block;
}

.container .date_box .big_date{
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
  margin-top: 18px;
}

.container .date_box .big_date li{
  float: left;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #fff;
  box-sizing: border-box;
  width: 80px;
  height: 34px;
  cursor: pointer;
  color:#666666;
  font:400 14px/34px 'Roboto','Noto Sans KR';
  text-align: center;
  background-color: #fff;
}

.container .date_box .big_date li:first-child{
  border-left: 1px solid #dddddd;
}

.container .date_box .big_date li.on{
  border: 1px solid #e51937;
  color:#e51937;
  z-index: 5;
}

.container .date_box .date_calendar{
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
  margin-top: 16px;
  position:relative;
}

.container .date_box .date_calendar .input_wrap{
  display: inline-block;
  position: relative;
}

.container .date_box .date_calendar .input_wrap .input_calendar{
  width: 130px;
  height: 34px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  padding-left: 10px;
  background-color: #fff;
  color:#666666;
  font:400 14px/34px 'Roboto';
  text-align: left;

}

.container .date_box .date_calendar p{
  display: inline-block;
  margin: 0 5px;
  color:#666666;
  font:400 14px/34px 'Roboto';
  text-align: center;
}

.container .date_box .date_calendar .input_wrap .calendar_ico{
  display: inline-block;
  width: 13px;
  height: 14px;
  background: url('/static/images/sk_iconset.png') no-repeat -465px 0;
  position: absolute;
  top: 10px;
  right:10px;
}

.container .date_box .btn_check{
  width: 80px;
  height: 34px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #666666;
  border-radius: 2px;
  color:#fff;
  font:300 15px/34px 'Roboto','Noto Sans KR';
  text-align: center;
  margin-left: 30px;
}

.container .counsel_list{
  width: 1220px;
  border-top: 1px solid #222222;
  margin-top: 30px;
  table-layout: fixed;
}

.container .counsel_list th{
  height: 52px;
  font: 300 15px/52px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: center;
  background-color: #f6f6f6;
}

.container .counsel_list td{
  height: 52px;
  font: 300 15px/22px 'Roboto','Noto Sans KR';
  padding: 30px 0;
  color: #222222;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  word-break: break-all;
}

.container .counsel_list td.prod_name{
  text-align: center;
}

.container .counsel_list td.prod_name .name{
  font: 500 15px/28px 'Roboto','Noto Sans KR';
  display: block;
  text-align: center;
}

.container .counsel_list td.tit{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.container .counsel_list td.red{
  font: 400 15px/46px 'Roboto','Noto Sans KR';
  color: #e51937;
}

.container .counsel_list td .schedule_change{
  display: block;
  width: 91px;
  height: 26px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: center;
  background-color: #fff;
  margin: 0 auto;
}

.container .counsel_list td .schedule_cancel{
  display: block;
  width: 91px;
  height: 26px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: center;
  background-color: #dddddd;
  margin: 10px auto 0;
}

.container .contents_box {
  width: 1220px;
  margin: 0 auto;
}

.container .num_area {
  width: 920px;
  margin: 40px auto 80px;
  text-align: center;
  position: relative;
  font-size: 0;
}

.container .num_area .btn_list_prev{
  width: 32px;
  height: 32px;
  border: 1px solid #dddddd;
  background: url('/static/images/ico_list_prev.png')no-repeat 0 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}

.container .num_area .btn_list_next{
  width: 32px;
  height: 32px;
  border: 1px solid #dddddd;
  background: url('/static/images/ico_list_next.png')no-repeat 0 0;
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
}

.container .num_area ul{
  display: inline-block;
}

.container .num_area li{
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #dddddd;
  font:400 15px/32px 'Roboto';
  color:#222222;
  background-color: #fff;
  padding: 0;
  text-align: center;
  letter-spacing: -0.5px;
  text-indent: -2px;
  vertical-align: top;
  cursor: pointer;
  margin: 0 3px;
}

.container .num_area li.on{
  color:#fff;
  background-color: #222222;
  border: 1px solid #222222;
}

.container .contents_box .view_title{
  border-top: 1px solid #222222;
  border-bottom: 1px solid #dddddd;
  height: 70px;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  margin-top: 40px;
}

.container .contents_box .view_title .title_txt{
  font: 400 18px/70px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
}

.container .contents_box .view_title .title_date{
  position: absolute;
  top: 26px;
  right: 0;
  font: 300 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: right;
}

.container .contents_box .view_title .title_date::before{
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #999999;
  border-radius: 30px;
  margin-right: 5px;
  vertical-align: top;
  margin-top: 5px;
}

.container .contents_box .view_data.view2{
  border-bottom: 1px solid #dddddd;
}

.container .contents_box .view_data{
  width: 1220px;
  padding: 40px 20px 50px;
  box-sizing: border-box;
}

.container .contents_box .view_data p{
  font: 300 16px/28px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  margin-top: 30px;
}

.container .contents_box .view_data .want_date{
  font: 500 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  margin-bottom: 14px;
}

.container .contents_box .view_data .want_date .rob{
  font: 500 15px/15px 'Roboto';
  color: #222222;
  text-align: left;
}


.container .contents_box .view_data .division{
  font: 500 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  margin-bottom: 14px;
}

.container .contents_box .view_data .division .data{
  display: inline-block;
  color:#222;
  font: 500 15px/15px 'Roboto','Noto Sans KR';
}

.container .contents_box .view_data .division .arrow {
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px 0;
  background: url(/static/images/sk_iconset.png)no-repeat -57px -676px;
}

.container .contents_box .view_data .error{
  font: 500 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  margin-bottom: 14px;
}

.container .contents_box .view_data .error .data{
  display: inline-block;
  color:#222;
  font: 500 15px/15px 'Roboto','Noto Sans KR';
}

.container .contents_box .view_data .error .arrow {
  width: 6px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px 0;
  background: url(/static/images/sk_iconset.png)no-repeat -57px -676px;
}

.container .contents_box .view_data .ctgr{
  font: 300 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  display: inline-block;
  margin-bottom: 40px;;
}

.container .contents_box .view_data .ctgr span{
  font: 500 15px/15px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
  margin-left: 5px;
}

.container .contents_box .view_data .ctgr::after{
  content: '';
  width: 1px;
  height: 12px;
  background-color: #dddddd;
  display: inline-block;
  margin: 2px 10px 0;
  vertical-align: top;
}

.container .contents_box .view_data .name{
  display: inline-block;
  font: 300 15px/15px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
}

.container .contents_box .view_data .name span{
  font: 500 15px/15px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
  margin-left: 5px;
}


.container .contents_box .view_file{
  width: 1220px;
  height: 42px;
  box-sizing: border-box;
  padding: 0 20px;
  border: 1px solid #e3e3e3;
  position: relative;
}

.container .contents_box .view_file .file_ico{
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  vertical-align: top;
  margin-top: 14px;
  background: url('/static/images/sk_iconset.png')no-repeat -473px -493px;
}

.container .contents_box .view_file .file_name{
  font: 300 14px/42px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  display: inline-block;
}

.container .contents_box .view_file .download{
  position: absolute;
  top: 14px;
  right: 20px;
}

.container .contents_box .view_file .download a{
  font: 300 14px/14px 'Roboto','Noto Sans KR';
  color: #999999;
  text-align: right;
}

.container .contents_box .view_file .download a .download_ico{
  display: inline-block;
  width: 10px;
  height: 14px;
  vertical-align: top;
  margin-left: 10px;
  background: url('/static/images/sk_iconset.png')no-repeat -478px -452px;
}

.container .contents_box .answer_box {
  width: 1220px;
  box-sizing: border-box;
  padding: 30px 35px 50px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #f9f9f9;
  margin-top: 20px;;
}

.container .contents_box .answer_box .sk_icon{
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: top;
  margin-right: 35px;
  background: url('/static/images/sk_iconset.png')no-repeat 0 -905px;
}

.container .contents_box .answer_box .txt{
  display: inline-block;
}

.container .contents_box .answer_box .txt h7{
  font: 700 18px/18px 'Roboto','Noto Sans KR';
  color: #e51937;
  text-align: left;
  margin-top: 20px;
  display: block;
}

.container .contents_box .answer_box .txt p{
  font: 300 16px/28px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  margin-top: 20px;
}

.container .contents_box .btn_wrap .btn_go_list{
  width: 180px;
  height: 46px;
  background-color: #666666;
  color:#fff;
  font:300 16px/46px 'Roboto','Noto Sans KR';
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.container .contents_box .btn_wrap{
  margin: 40px auto 0;
  text-align: center;
}

.container .contents_box .btn_wrap .btn_right{
  position: absolute;
  top: 0;
  right: 0;
}

.container .contents_box .btn_wrap .view_btn_change{
  width: 140px;
  height: 46px;
  background-color: #fff;
  color:#666666;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  text-align: center;
  display: inline-block;
  border-radius: 2px;
  margin-right: 5px;
}

.container .contents_box .btn_wrap .view_btn_cancel{
  width: 140px;
  height: 46px;
  background-color: #fff;
  border: 1px solid #dddddd;
  color:#222222;
  box-sizing: border-box;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  text-align: center;
  display: inline-block;
  border-radius: 2px;
}

.container .non_member_login .input_wrap .find_input::placeholder{
  color:#666666;
}


.container .non_member_login .input_wrap .find_input:focus{
    background-color: #fff;
    border: 1px solid #222222 !important;
}
.container .input_wrap .find_input.marNO{
  margin-bottom: 0;
}

.container .input_wrap .find_input{
  width: 620px;
  padding: 0 20px;
  height: 46px;
  border: 1px solid #f1f1f1 ;
  background-color: #f6f6f6;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#222222;
  display: block;
  margin-bottom: 10px;
}

.container .comment_wrap{
  width: 662px;
  height: 100px;
  margin: 0 auto;
  display: inline-block;
  border: 1px solid #e3e3e3;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.container .comment_wrap li{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color:#666666;
  margin: 0 0 9px 0;
}

.container .comment_wrap li::before{
  content: '';
  width: 2px;
  height: 2px;
  background-color: #666;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}

.container .contents_area .reserv_info{
  width: 1220px;
  border-top: 1px solid #222222;
}

.container .contents_area .reserv_info th{
  font:300 15px/50px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  height: 50px;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: top;
}

.container .contents_area .reserv_info td{
  font:500 15px/50px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  height: 50px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}

.container .contents_area .reserv_info td .thin{
  font:400 14px/50px 'Roboto','Noto Sans KR';
  color:#999999;
}

.container .contents_area .reserv_info td.line::after{
  content: '';
  width: 1px;
  height: 20px;
  background-color: #e8e8e8;
  position: absolute;
  right:20px;
  top:15px;
}

.container .contents_area .reserv_info td .file_name{
  font:300 15px/50px 'Roboto';
  color:#222;
  text-decoration: underline;
}

.container .contents_area .title{
  margin: 33px 0 28px 0;
}


.container .contents_area .title h4{
  font:700 18px/18px 'Roboto','Noto Sans KR';
	color:#222222;
  text-align: left;
}

.container .contents_area .title h4 span{
  color: #999999;
}

.date_calendar .calendar01 {
  position: absolute;
  display: none;
}

.date_calendar .calendar02 {
  position: absolute;
  display: none;
  left: 157px;
}

.date_calendar .calendar03 {
  position: absolute;
  display: none;
}

.date_calendar .calendar04 {
  position: absolute;
  display: none;
  left: 157px;
}

.date_calendar .calendar05 {
  position: absolute;
  display: none;
}

.date_calendar .calendar06 {
  position: absolute;
  display: none;
  left: 157px;
}

/* 증상관련 텍스트박스 추가 */
.container .error_list_wrap .detail_box .s_tit{
  font: 400 20px/20px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.2px;
  margin-bottom: 25px;
  margin-top: 40px;
}

.container .error_list_wrap .detail_text{
  width: 1220px;
  height: 140px;
  box-sizing: border-box;
  padding: 20px;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  font:300 15px/22px 'Roboto','Noto Sans KR';
  color:#222;
  overflow-y: auto;
  resize: none;
}

.container .error_list_wrap .detail_text:focus{
  background-color: #fff;
  border: 1px solid #222;
  color:#222;
}

.container .error_list_wrap .detail_text:placeholder{
  color:#666;
}

/* 증상 분류 선택 안내 문구 추가 */
.container .error_list_wrap .list_box .select_noti{
  position: absolute;
  top: 55%;
  left: 0;
  width: 380px;
}

.container .error_list_wrap .list_box .select_noti p{
  font: 500 20px/26px 'Roboto','Noto Sans KR';
  color: #999;
  letter-spacing: -0.5px;
  text-align: center;
}

.no_list{
  width: 100%;
  text-align: center;
  margin: 0px auto;
  border-bottom: 1px solid #cccccc;
  padding: 30px 0;
}

.no_list .no_list_ico{
  width: 44px;
  height: 44px;
  display: block;
  background: url('/static/images/sk_iconset.png')no-repeat -238px -852px;
  margin: 0 auto;
}

.no_list p{
  font: 400 16px/16px 'Roboto','Noto Sans KR';
  color: #666;
  display: block;
  margin: 13px auto 0;
  text-align: center;
}

.notice_mxm{
	float: left;
	width: 100%;
	margin: 20px 0;
	font: 300 14px/22px 'Roboto','Noto Sans KR';
	color: #666;
	position:relative;
}

/* 20220120 상담 예약 버튼 추가 */
.notice_mxm .red_right_noti {    
    font: 500 15px/15px 'Roboto','Noto Sans KR';
    color: #e51937;   
    letter-spacing: -0.2px;
    position:absolute;
    right:0;
}
.notice_mxm .red_right_noti .go_ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/static/images/sk_iconset.png)no-repeat -484px -255px;
    margin-left: 2px;
    vertical-align: text-top;
    margin-top: 1px;
}

/* 20221124 식기세척기 리콜 페이지 추가 s */
.container.recall_page .prod_ctgr_wrap li{
  width: 50%;
}

.container.recall_page .prod_select_wrap{
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.container.recall_page .prod_select_wrap .selected_prod_list{
  margin: 30px 0;
}

.container.recall_page .prod_select_wrap .selected_prod_list dd a{
  width: 350px;
}

.container.recall_page .prod_select_wrap .service_model_info{
  width: 100%;
  background-color: #f6f6f6;
  padding: 40px 40px 15px 40px;
  box-sizing: border-box;
}

.container.recall_page .prod_select_wrap .service_model_info dl{
  width: 100%;
  display: block;  
  font-size: 0;
}

.container.recall_page .prod_select_wrap .service_model_info dt{
  width: 8%;
  display: inline-block;
  font:400 15px/23px 'Roboto','Noto Sans KR';
  color:#444;
  text-align: left;
  margin-bottom: 25px;
  vertical-align: top;
}

.container.recall_page .prod_select_wrap .service_model_info dt::before{
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #666;
  vertical-align: top;
  margin: 8px 6px 0 0;
}

.container.recall_page .prod_select_wrap .service_model_info dd{  
  width: 92%;
  display: inline-block;
  font:500 15px/23px 'Roboto','Noto Sans KR';
  color:#444;
  text-align: left;
  margin-bottom: 25px;
  vertical-align: top;
}

.container.recall_page .inquiry_cont_wrap .cont_area .right_cont .my_prod_area{
  margin-top: 30px;
  position: relative;
}

.container.recall_page .inquiry_cont_wrap .cont_area .right_cont .my_prod_area .select_my_prod{
  width: 380px;
  height: 46px;
  padding-left: 20px;
  font: 300 15px/46px 'Roboto';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  position: relative;
  display: inline-block;
  border:none;  
  cursor: pointer;
  background:#f6f6f6 url('/static/images/select_arrow3.png')no-repeat 90% 50%;
  margin-left: 10px;
}

.container.recall_page .inquiry_cont_wrap .cont_area .right_cont .my_prod_area .lay_model_check{
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font:400 15px/46px 'Roboto','Noto Sans KR';
  color:#666;
}

.container.recall_page .inquiry_cont_wrap .cont_area .right_cont .my_prod_area .lay_model_check span{
  display: inline-block;
  vertical-align: top;
  margin: 12px 0 0 5px;
  width: 20px;
  height: 20px;
  background: url('/static/images/sk_iconset.png')no-repeat -22px -829px;
}

.container.recall_page .inquiry_cont_wrap .cont_style02{
  position: relative;
}

.container.recall_page .clause_cont_wrap{
  width: 1220px;
  margin: 30px auto;
  position: relative; 
  border: 1px solid #cccccc;
}

.container.recall_page .clause_wrap{
  width: 1100px;
  height: 156px;
  margin: 30px auto;
  position: relative;   
  padding: 10px;
  background-color: #fbfbfb;
  box-sizing: border-box;
}

.container.recall_page .clause_wrap p{
  font: 300 14px/24px 'Roboto','Noto Sans KR';
  color:#999999;
  letter-spacing: -0.2px;
  text-align: left;
}

.container.recall_page .agree_box{
  width: 1100px;
  height: 50px;  
  margin: 20px auto 30px;
  background-color: #fbfbfb;
  padding: 0 20px;
  box-sizing: border-box;
}

.container.recall_page .agree_box .input_check{
  text-align: center;
  vertical-align: middle;
  margin-top:2px;
}

.modal_layer_recall .modal_layer_inner{
  width: 700px;
  height: 809px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -390px;
  margin-left: -404px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_recall .modal_layer_inner .recall_img_area{
  padding-top: 30px;
}

/* 20221124 식기세척기 리콜 페이지 추가 e */

/* 20230731 내용 추가 s */
.container .inquiry_cont_wrap .cont_area .right_cont .address_area .address_noti{
    margin-top: 15px;
    margin-left: 10px;
    text-align: left;
}

.container .inquiry_cont_wrap .cont_area .right_cont .address_area .address_noti li{
    font: 300 14px/24px 'Roboto','Noto Sans KR';
    color: #666666;
    letter-spacing: -0.2px;
}

.container .inquiry_cont_wrap .cont_area .right_cont .address_area .address_noti li::before{
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #666666;
    vertical-align: middle;
    margin-right: 10px;
}

.container .nextstep{
  text-align: center;
  margin-top: 50px;
  margin-bottom: 60px;
}

.container .nextstep .btn_nextstep{
  display: inline-block;
  width: 380px;
  height: 50px;
  background-color: #222;
  color: #fff;
  text-align: center;
  font: 400 18px/50px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  border-radius: 2px;
}

.container .inquiry_cont_wrap .cont_bar.type02 {
    display: block;
    width: 1220px;
    height: 1px;
    background-color: #e8e8e8;
    margin-bottom: 60px;
    margin-top: 60px;
}

.container .inquiry_cont_wrap .cont_style03 {
    margin-top: 30px;
    padding: 70px 60px 110px 60px;
}

.container .inquiry_cont_wrap .bottom_banner_wrap .cont_box p.red {
    font: 500 16px/44px 'Roboto','Noto Sans KR';
    color: #e51937;
    letter-spacing: -0.5px;
    text-align: left;
}

/* 20230731 내용 추가 e */

.container .non_member .phone_area .phone_value.active{
  background-color: #fff;
  border: 1px solid #222222;
}

.container .non_member .phone_area .select_phone{
  min-width: 137px !important;
  height: 46px;
  padding-left: 20px;
  font: 300 15px/46px 'Roboto';
  color: #222222;
  letter-spacing: -0.2px;
  text-align: left;
  position: relative;
  display: inline-block;
  border:none;
  background-color: #f6f6f6;
  cursor: pointer;
  background: url('/static/images/select_arrow3.png')no-repeat 90% 50%;
}

.container .non_member .phone_area .phone_line{
  width: 1px;
  height: 22px;
  display: inline-block;
  background-color: #cccccc;
  position: absolute;
  top: 12px;
  left: 145px;
}

.container .non_member .phone_area .input_phone{
  width: 515px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 20px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font: 300 15px/44px 'Roboto','Noto Sans KR';
  color: #999999;
}

.container .non_member .phone_area .input_phone:focus{
  color:#222222;
}