@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: #f2f2f2;
  text-align: center;
}

.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 -494px -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:#999999;
  text-align: left;
  letter-spacing: -0.2px;
}

.container .title_wrap {
  position: relative;
  margin: 80px 0 50px;
}

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

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

.container .prod_ctgr_wrap li{
  width: 244px;
  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: #e51937;
}

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

.container .prod_ctgr_wrap li.on{
  background-color: #e51937;
}

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

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

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

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

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

.container .prod_select_wrap .title_area .hasprod{
  float: right;
  top: 20px;
  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 .search_wrap {
  width: 1220px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #222222;
}

.container .search_wrap .search_cont{
  width: 1220px;
  position: relative;
  margin: 40px auto;
  text-align: center;
  font-size: 0;
}

.container .search_wrap .search_cont .input01{
  width: 486px;
  display: inline-block;
}

.container .search_wrap .search_cont .btn_sub_search{
  display: inline-block;
  margin-left: 4px;
  width: 46px;
  height: 44px;
  background: url('/static/images/sk_iconset.png')no-repeat -106px -413px;
}

.container .search_wrap .search_cont .btn_detail_search {
  display: inline-block;
  margin-left: 20px;
  color: #666666;
  font: 400 15px/15px 'Roboto','Noto Sans KR';
  vertical-align: top;
  margin-top: 14px;
}

.container .search_wrap .search_cont .btn_detail_search .ico{
  width: 19px;
  height: 18px;
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat -456px -372px;
  vertical-align: top;
  margin-left: 5px;
}

.container .search_wrap .search_example {
  position: relative;
  width: 1220px;
  height: 56px;
  border-top: 1px solid #dddddd;
  overflow: hidden;
}

.container .search_wrap .search_example.on{
  /* height: 90px; */
  height: 100%;
}

.container .search_wrap .search_example h6{
  font:500 15px/56px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#222222;
  margin-left: 20px;
  margin-right: 31px;
  display: inline-block;
  vertical-align: top;
}

.container .search_wrap .search_example dl{
  width: 1045px;
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
}

.container .search_wrap .search_example dd{
  font:300 15px/34px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#666666;
  margin-right: 25px;
  display: inline-block;
}

.container .search_wrap .search_example .btn_detail_list {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 22px;
  background: url('/static/images/sk_iconset.png')no-repeat -488px -207px;
}

.container .search_wrap .search_example.on .btn_detail_list{
  background-position: -475px -207px;
}

.container .search_wrap .search_history{
  width: 1218px;
  height: 54px;
  background-color: #f6f6f6;
}

.container .search_wrap .search_history .disable_area{
  display: inline-block;
  vertical-align: top;
}

.container .search_wrap .search_history .disable_area .btn_disable{
  margin-left: 20px;
  height: 54px;
}

.container .search_wrap .search_history .disable_area .btn_disable .ico_disable{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/static/images/sk_iconset.png')no-repeat -488px -219px;
}

.container .search_wrap .search_history .disable_area .btn_disable .txt_disable{
  font:300 16px/54px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#666666;
  margin-left: 3px;
  display: inline-block;
}

.container .search_wrap .search_history dl{
  margin-left: 20px;
  display: inline-block;
  height: 54px;
}

.container .search_wrap .search_history dd{
  font:400 16px/54px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#222222;
  margin-right: 20px;
  display: inline-block;
}

.container .search_wrap .search_history dd .btn_list_close{
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url('/static/images/sk_iconset.png')no-repeat -491px -181px;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 23px;
}

.container .list_wrap {
  width: 1220px;
  margin: 70px auto 40px;
}

.container .list_wrap .title{

}

.container .list_wrap .title h6{
  font:300 28px/28px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#222222;
  text-align: center;
}

.container .list_wrap .title h6 .red{
  color:#e51937;
}

.container .list_wrap .title h6 .rbt_r{
  font:400 28px/28px 'Roboto';
  letter-spacing: 0;
}

.container .list_wrap .title h6 .rbt_l{
  font:300 28px/28px 'Roboto';
  letter-spacing: 0;
}

.container .list_wrap .tab_link_area {
  width: 1220px;
  height: 52px;
  border-top: 2px solid #222222;
  margin: 44px auto;
}

.container .list_wrap .tab_link_area li{
  width: 305px;
  height: 52px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #f6f6f6;
  font:500 18px/52px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#222222;
  text-align: center;
  float: left;
  box-sizing: border-box;
  cursor: pointer;
}

.container .list_wrap .tab_link_area.type05 li{
	width: calc(100% / 5);
}

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

.container .list_wrap .tab_link_area li.on{
  background-color: #fff;
  border-bottom: none;
}

.container .list_wrap .tab_link_area li span{
  margin-left: 5px;
  font:500 18px/52px 'Roboto';
  color:#e51937;
}

.container .list_wrap .list_sort{
  width: 1220px;
  height: 34px;
  margin: 0 auto 15px;
}

.container .list_wrap .list_sort .sorting_bt{
 float: left;
}

.container .list_wrap .list_sort .sorting_bt li{
  font:300 15px/20px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#444444;
  display: inline-block;
  margin-right: 20px;
  vertical-align: bottom;
  margin-top: 6px;
}

.container .list_wrap .list_sort .sorting_bt li a{
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat -479px -349px;
  width: 21px;
  height: 20px;
  margin-left: 5px;
  vertical-align: bottom;
}

.container .list_wrap .list_sort .sorting_bt li a.down{
  background-position:-479px -372px;
}

.container .list_wrap .list_sort .number{
  font:300 15px/31px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#666666;
  display: inline-block;
  vertical-align: bottom;
}

.container .list_wrap .list_sort .number .rbt_b{
  font:700 15px/28px 'Roboto';
  color:#666666;
  vertical-align: bottom;
}

.container .list_wrap .list_sort .number::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #dddddd;
  margin: 10px 5px 0 5px;
  vertical-align: top;
}


.container .list_wrap .list_sort .result{
  font:300 20px/31px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#222222;
  display: inline-block;
  vertical-align: bottom;
}

.container .list_wrap .list_sort .result .rbt_r{
  font:400 20px/31px 'Roboto';
  color:#222222;
  vertical-align: bottom;
}

.container .list_wrap .list_sort .page{
  font:300 15px/31px 'Roboto','Noto Sans KR';
  letter-spacing: -0.2px;
  color:#666666;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 15px;
}

.container .list_wrap .list_sort .page .rbt_b{
  font:700 15px/28px 'Roboto';
  color:#666666;
  vertical-align: bottom;
}

.container .list_wrap .list_sort .visible_num{
  float: right;
}

.container .list_wrap .list_area {
  width: 1220px;
  margin: 0 auto;
  border-top: 1px solid #222222;
}

.container .list_wrap .nolist{
  text-align: center;
  font:400 24px/34px 'Roboto','Noto Sans KR';
  color:#999999;
  margin: 100px 0 170px 0;
}

.container .list_wrap .plz_select{
  text-align: center;
  font:400 26px/36px 'Roboto','Noto Sans KR';
  color:#999999;
  margin: 90px auto 0;
}

.container .list_wrap .plz_select p{
  text-align: center;
  font:400 24px/24px 'Roboto','Noto Sans KR';
  color:#999999;
  letter-spacing: -0.7px;
}

.container .list_wrap .plz_select img{
  width: 82px;
  height: 82px;
  display: block;
  margin: 0 auto 30px;
}

.container .list_wrap .other_list .title_area{
  width: 1220px;
  margin: 0 auto;
  height: 50px !important;
  border-bottom: 0 !important;
}

.container .list_wrap .other_list .title_area h5{
  text-align: left;
  font:400 22px/22px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -2px;
}

.container .list_wrap .other_list .list_area li:last-child{
  border-bottom: 1px solid #222222;
}



.container .list_wrap .list_area li{
  padding: 26px 0;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}

.container .list_wrap .list_area li .question{
  font:500 22px/22px 'Roboto';
  color:#222222;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.container .list_wrap .list_area.check_q li .question{
  font:500 20px/20px 'Roboto';
  color:#222222;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.container .list_wrap .list_area li .number{
  font:500 20px/22px 'Roboto';
  color:#222222;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.container .list_wrap .list_area li .ctgr{
  font:500 16px/22px 'Roboto','Noto Sans KR';
  color:#222222;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .list_area li .contents{
  font:500 18px/22px 'Roboto','Noto Sans KR';
  color:#222222;
  margin-left: 10px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .list_area li .check_contents{
  font:300 16px/22px 'Roboto','Noto Sans KR';
  color:#222222;
  margin-left: 10px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .list_area li .video_contents{
  font:500 18px/28px 'Roboto','Noto Sans KR';
  color:#222222;
  margin-left: 10px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .list_area li .video{
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  margin-top: -2px;
}

.container .list_wrap .list_area li .list_enter{
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -13px;
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-left: 15px;
  background: url('/static/images/ico_list_enter.png')no-repeat 0 0;
}

.container .list_wrap .list_area_manual {
  width: 1220px;
  margin: 0 auto;
  border-top: 1px solid #222222;
}

.container .list_wrap .list_area_manual li{
  padding: 20px 0 0;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}

.container .list_wrap .list_area_manual>ul>li:hover{
  background-color: #f6f6f6;
}

.container .list_wrap .list_area_manual>ul>li.active{
  background-color: #f6f6f6;
}

.container .list_wrap .list_area_manual>ul>li.active .ctgr_down{
  background: url('/static/images/sk_iconset.png')no-repeat -480px -411px;
}

.container .list_wrap .list_area_manual li .ctgr_down{
  position: absolute;
  right: 20px;
  top: 80px;
  margin-top: -13px;
  width: 20px;
  height: 10px;
  display: inline-block;
  margin-left: 15px;
  background: url('/static/images/sk_iconset.png')no-repeat -480px -423px;
}

.container .list_wrap .list_area_manual>ul>li.active .manual_list{

}

.container .list_wrap .list_area_manual li .manual_list{
  width: 1220px;
  border-top: 1px dotted #cccccc;
  background-color: #fff;
  display: none;
}

.container .list_wrap .list_area_manual li .manual_list .left_cont{
  width: 359px;
  padding-top: 25px;
  text-align: center;
  display: inline-block;
  float: left;
}

.container .list_wrap .list_area_manual li .manual_list .left_cont .left_tit{
  font:300 18px/18px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
  letter-spacing: -0.2px;
}

.container .list_wrap .list_area_manual li .manual_list .left_cont .left_tit .red{
  font:500 18px/18px 'Roboto';
  color:#e51937;
  text-align: center;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont{
  width: 861px;
  display: inline-block;
  float: right;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li{
  position: relative;
  padding: 25px 20px 25px 40px;
  border-bottom: 1px dotted #cccccc;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li:last-child{
  border-bottom: none;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .title{
  display: inline-block;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .title .right_tit{
  font:400 18px/18px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
  vertical-align: bottom;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .title .right_tit .ver{
  font:300 16px/16px 'Roboto';
  color:#444444;
  text-align: left;
  letter-spacing: -0.2px;
  vertical-align: bottom;
  margin-left: 10px;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .title .tit_date{
  font: 300 14px/14px 'Roboto';
  color: #444444;
  text-align: left;
  letter-spacing: -0.2px;
  margin-top: 9px;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .btn_download{
  position: absolute;
  top: 25px;
  right: 20px;
  display: inline-block;
  width: 192px;
  height: 38px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  font:300 14px/36px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: center;
  letter-spacing: -0.2px;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .btn_download .ico_download{
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url('/static/images/sk_iconset.png') no-repeat -490px -452px;
  margin-right: 5px;
  vertical-align: top;
  margin-top: 11px;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .btn_download:hover{
  background-color: #e51937;
  border: 1px solid #e51937;
  color:#fff;
}

.container .list_wrap .list_area_manual li .manual_list .right_cont li .btn_download:hover .ico_download{
  background: url('/static/images/sk_iconset.png') no-repeat -490px -435px;
}

.container .list_wrap .list_area li:hover{
  background-color: #f6f6f6;
}

.container .list_wrap .list_area li:hover .list_enter {
  background: url('/static/images/ico_list_enter_ov.png')no-repeat 0 0;
}

.container .list_wrap .list_area li .video_img{
  width: 180px;
  height: 114px;
  background-color: #000000;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  margin-left: 20px;
}

.container .list_wrap .list_area.type02 li .video_img{
	height:123px;
}

.container .list_wrap .list_area li .contents_wrapper{
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.container .list_wrap .list_area_manual li .contents_wrapper{
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  margin-top: 10px;
}

.container .list_wrap .list_area li .faq{
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-left: 10px;
}

.container .list_wrap .list_area li .check{
  vertical-align: top;
}

.container .list_wrap .list_area li .video_img .play_bt{
  position: absolute;
  width: 36px;
  height: 36px;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -18px;
  z-index: 5;
}

.container .list_wrap .list_area li .video_img .thum{
  width: 100%;
  opacity: 0.5;
}

.container .list_wrap .list_area li .list_info{
  display: block;
  margin-top: 14px;
  margin-left: 10px;
}

.container .list_wrap .list_area li .list_info p{
  font:300 14px/14px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .list_area li .list_info p::after{
  content: '';
  width: 1px;
  height: 12px;
  background-color: #dddddd;
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

.container .list_wrap .list_area li .list_info p:last-child::after{
  display: none;
}

.container .list_wrap .list_area_manual>ul>li:hover .model_img{
  background-color: #fff;
}

.container .list_wrap .list_area_manual>ul>li.active .model_img{
  background-color: #fff;
}

.container .list_wrap .list_area_manual li .model_img{
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #f6f6f6;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 20px;
}

.container .list_wrap .list_area_manual li .contents_wrapper .model_name{
  display: inline-block;
}

.container .list_wrap .list_area_manual li .contents_wrapper .model_name .model_num{
  display: block;
  font:300 16px/46px 'Roboto';
  color:#999999;
  text-align: left;
  letter-spacing: -0.2px;
}

.container .list_wrap .list_area_manual li .contents_wrapper .model_name .manual_contents{
  display: block;
  font:300 22px/22px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
}

.container .list_wrap .list_area .num_area {
  width: 1220px;
  margin: 50px auto 0;
  text-align: center;
  font-size: 0;
}

.container .list_wrap .list_area .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 .list_wrap .list_area .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 .list_wrap .list_area .num_area ul{
  display: inline-block;
}

.container .list_wrap .list_area .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;
  margin: 0 3px;
}

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

.container .list_wrap .list_area_manual .num_area {
  width: 1220px;
  margin: 50px auto 80px;
  text-align: center;
  font-size: 0;
}

.container .list_wrap .list_area_manual .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 .list_wrap .list_area_manual .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 .list_wrap .list_area_manual .num_area ul{
  display: inline-block;
}

.container .list_wrap .list_area_manual .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;
  margin: 0 3px;
}

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

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

.container .list_wrap .view_area .title_area{
  width: 1220px;
  height: 70px;
  border-bottom: 1px solid #dddddd;
}

.container .list_wrap .view_area .title_area h7{
  font:700 18px/70px 'Roboto','Noto Sans KR';
  color:#222222;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .view_area .title_area h7 .ctgr{
  font:300 18px/70px 'Roboto','Noto Sans KR';
  margin-right: 30px;
}

.container .list_wrap .view_area .title_area .right_cont{
  float: right;
  margin-right: 20px;
}

.container .list_wrap .view_area .title_area .right_cont p{
  font:300 15px/70px 'Roboto','Noto Sans KR';
  color:#666666;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .view_area .title_area .right_cont .dot{
  width: 4px;
  height: 4px;
  background-color: #999999;
  border-radius: 2px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  margin-top: 34px;
}

.container .list_wrap .view_area .title_area .right_cont .rbt_l{
  font:300 15px/70px 'Roboto';
}

.container .list_wrap .view_area .sub_title_area{
  width: 1220px;
  height: 70px;
  border-bottom: 1px solid #dddddd;
}

.container .list_wrap .view_area .sub_title_area .tit{
  font:700 18px/70px 'Roboto','Noto Sans KR';
  color:#222222;
  margin-left: 20px;
  text-align: left;
  display: inline-block;
}

.container .list_wrap .view_area .sub_title_area .tit .ctgr{
  font:300 18px/70px 'Roboto','Noto Sans KR';
  margin-right: 30px;
}

.container .list_wrap .view_area .sub_title_area .tit .kind{
  font:500 18px/70px 'Roboto','Noto Sans KR';
  color:#222222;
}

.container .list_wrap .view_area .sub_title_area .tit .kind::after{
  content: '';
  display: inline-block;
  width: 6px;
  height: 12px;
  margin: 29px 15px 0 15px;
  vertical-align: top;
  background: url('/static/images/sk_iconset.png') no-repeat -494px -468px;
}

.container .list_wrap .view_area .sub_title_area .tit .kind:last-child::after{
  display: none;
}

.container .list_wrap .view_area .contents_area{
  position: relative;
  padding: 50px 20px 100px;
  border-bottom: 1px solid #dddddd;
}

.container .list_wrap .view_area .contents_area .tit{
  font:500 18px/28px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
}

.container .list_wrap .view_area .contents_area .desc{
  font:300 16px/28px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
}

.container .list_wrap .view_area .contents_area .img_list li{
  display: inline-block;
  text-align: left;
  margin-right: 10px;
}
.container .list_wrap .view_area .contents_area .view_video{
  width: 680px;
  height: 390px;
  margin: 0 auto;
  display: block;
}

.container .list_wrap .view_area .contents_area .view_video video:focus{
  outline: none;
}

.container .list_wrap .view_area .social_area{
  position: absolute;
  right:0;
  bottom: 20px;
  width: 496px;
  height: 30px;
}

.container .list_wrap .view_area .social_area .comment{
  font: 300 15px/30px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.container .list_wrap .view_area .social_area a{
  width: 29px;
  height: 29px;
  display: inline-block;
  margin-left: 3px;
}

.container .list_wrap .view_area .social_area a.t_btn{
  width: 90px;
}

.container .list_wrap .view_area .social_area .bookmark{
  width: 90px;
  height: 29px;
  background: url('/static/images/social_bookmark.jpg')0 0 no-repeat;
}

.container .list_wrap .view_area .social_area .bookmark.on{
  background: url('/static/images/social_bookmark_on.jpg')0 0 no-repeat;
}

.container .list_wrap .view_area .appraise_wrap{
  width: 1220px;
  margin: 40px auto;
}

.container .list_wrap .view_area .appraise_wrap .appraise_cont{
  height: 504px;
  padding: 40px;
  background-color: #f6f6f6;
}

.container .list_wrap .view_area .appraise_wrap .appraise_cont .tit h7{
  font: 500 18px/18px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  letter-spacing: -0.2px;
}

.container .list_wrap .view_area .appraise_wrap .appraise_cont .tit .noti{
  font: 300 14px/14px 'Roboto','Noto Sans KR';
  color: #999999;
  text-align: left;
  letter-spacing: -0.2px;
  float: right;
}

.container .list_wrap .view_area .appraise_wrap .check_area{
  width: 1140px;
  height: 60px;
  background-color: #fff;
  margin: 30px 0 40px 0;
  padding-left: 40px;
  box-sizing: border-box;
}

.container .list_wrap .view_area .appraise_wrap .check_area label.first{
  margin-left: 0;
}

.container .list_wrap .view_area .appraise_wrap .check_area label{
  font: 300 15px/60px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  letter-spacing: -0.2px;
  margin-left: 355px;
}

.container .list_wrap .view_area .appraise_wrap .check_area input[type="radio"] {
    display:none;
}

.container .list_wrap .view_area .appraise_wrap .check_area input[type="radio"] + label span {
    display:inline-block;
    width:26px;
    height:26px;
    background:url('/static/images/sk_iconset.png') no-repeat 0 -676px;
    cursor: pointer;
    vertical-align: top;
    margin: 17px 17px 0 0;
}

.container .list_wrap .view_area .appraise_wrap .check_area input[type="radio"]:checked + label span {
    background:url('/static/images/sk_iconset.png') no-repeat -28px -676px;
}

.container .list_wrap .view_area .appraise_wrap .check_area2{
  width: 1140px;
  height: 60px;
  background-color: #fff;
  margin: 30px 0 40px 0;
  padding-left: 40px;
  box-sizing: border-box;
}

.container .list_wrap .view_area .appraise_wrap .check_area2 label.first{
  margin-left: 0;
}

.container .list_wrap .view_area .appraise_wrap .check_area2 label{
  font: 300 15px/60px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  letter-spacing: -0.2px;
  margin-left: 100px;
}

.container .list_wrap .view_area .appraise_wrap .check_area2 input[type="radio"] {
    display:none;
}

.container .list_wrap .view_area .appraise_wrap .check_area2 input[type="radio"] + label span {
    display:inline-block;
    width:26px;
    height:26px;
    background:url('/static/images/sk_iconset.png') no-repeat 0 -676px;
    cursor: pointer;
    vertical-align: top;
    margin: 17px 17px 0 0;
}

.container .list_wrap .view_area .appraise_wrap .check_area2 input[type="radio"]:checked + label span {
    background:url('/static/images/sk_iconset.png') no-repeat -28px -676px;
}

.container .list_wrap .view_area .appraise_wrap .text_area{
  position: relative;
}

.container .list_wrap .view_area .appraise_wrap .text_area textarea{
  width: 1140px;
  height: 130px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  position: relative;
  padding: 20px 20px 50px 20px;
  font: 300 16px/24px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.2px;
  text-align: left;
  overflow: hidden;
}

.container .list_wrap .view_area .appraise_wrap .text_area.active textarea{
  border: 1px solid #222222;
}

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

.container .list_wrap .view_area .appraise_wrap .btn_submit{
  text-align: center;
  margin-top: 30px;

}

.container .list_wrap .view_area .appraise_wrap .btn_submit .btn_black{
  width: 180px;
  height: 46px;
  color:#fff;
  display: inline-block;
}

.container .list_wrap .view_area .appraise_wrap .banner_area{
  height: 91px;
  padding: 45px 40px;
  background-color: #f6f6f6;
  margin-top: 10px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .ico_box{
  display: inline-block;
  vertical-align: top;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .ico_box span{
  display: inline-block;
  width: 90px;
  height: 90px;
  background: url('/static/images/sk_iconset.png') no-repeat 0 -730px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .title_box{
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  margin-top: 4px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .title_box h6{
  font: 700 22px/22px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: 1px;
  text-align: left;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .title_box p{
  font: 300 16px/26px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.5px;
  text-align: left;
  margin-top: 15px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box{
  display: inline-block;
  margin-left: 60px;
  vertical-align: top;
  margin-top: 5px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box h7{
  font: 500 18px/26px 'Roboto','Noto Sans KR';
  color: #222222;
  letter-spacing: -0.5px;
  text-align: left;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box h7 .chat{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/static/images/sk_iconset.png')no-repeat -407px -587px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 2px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box h7 .online_chat{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/static/images/sk_iconset.png')no-repeat -384px -587px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 2px;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box h7 .call_chat{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/static/images/sk_iconset.png')no-repeat -360px -587px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 2px;
}

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

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box a{
  display: inline-block;
  font: 400 15px/15px 'Roboto','Noto Sans KR';
  color: #e51937;
  letter-spacing: -0.2px;
  text-align: left;
}

.container .list_wrap .view_area .appraise_wrap .banner_area .cont_box a .arrow{
  display: inline-block;
  width: 3px;
  height: 6px;
  background: url('/static/images/sk_iconset.png') no-repeat -497px -394px;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 5px;
}

.container .list_wrap .view_area .page_move{
  width: 1220px;
  border-top: 1px solid #dddddd;
}

.container .list_wrap .view_area .page_move li{
  height: 70px;
  border-bottom: 1px solid #dddddd;
}

.container .list_wrap .view_area .page_move li a{
  width: 1220px;
  height: 70px;
  display: block;
}

.container .list_wrap .view_area .page_move .list_tit{
  font:300 16px/70px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  margin-left: 50px;
  display: inline-block;
}

.container .list_wrap .view_area .page_move li .red{
  font:300 16px/70px 'Roboto','Noto Sans KR';
  color:#e51937;
  text-align: left;
  margin-left: 20px;
  display: inline-block;
}

.container .list_wrap .view_area .page_move li .up{
  width: 7px;
  height: 4px;
  background: url('/static/images/sk_iconset.png')no-repeat -493px -401px;
  display: inline-block;
  vertical-align: top;
  margin-top: 33px;
  margin-left: 20px;
}

.container .list_wrap .view_area .page_move li .down{
  width: 7px;
  height: 4px;
  background: url('/static/images/sk_iconset.png')no-repeat -493px -406px;
  display: inline-block;
  vertical-align: top;
  margin-top: 33px;
  margin-left: 20px;
}

.container .list_wrap .view_area .go_list{
  text-align: center;
  margin-top: 40px;
}

.container .list_wrap .view_area .btn_go_list{
  width: 180px;
  height: 46px;
  color:#fff;
  display: inline-block;
}

.container .list_wrap .view_area .to_back{
  text-align: center;
  padding-top: 40px;
  border-top: 1px solid #dddddd;
}

.container .list_wrap .view_area .to_back.to_back_check{
  border-top: none !important;
  padding-top: 0;
}

.container .list_wrap .view_area .btn_to_back{
  width: 180px;
  height: 46px;
  color:#fff;
  display: inline-block;
}

.container .error_list_wrap {
  width: 1220px;
  margin: 60px auto;
  position: relative;
}

.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: 300 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.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;
}





/*20220516 증상선택 2줄이상 수정 s*/
.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 .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;
}
/*20220516 증상선택 2줄이상 수정 e*/



.container .error_list_wrap .next_step_wrap{
  width: 1220px;
  margin: 0 auto;
  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 .selected_error {
  width: 1220px;
  height: 54px;
  background-color: #666;
}

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

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

.container .selected_error dl{

  display: inline-block;
}

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

.container .selected_error 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 .selected_error dd .result{
  font:400 15px/54px 'Roboto','Noto Sans KR';
  color:#fff;
  text-align: left;
  display: inline-block;
  letter-spacing: -0.2px;
}

.container .other_list {
  margin: 40px 0;
}

/* 증상분류 선택 안내 문구 추가 */
.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;
}

/* 검색창 자동완성 추가 */

.container .search_wrap .search_cont .search_sub{
    width: 516px;
    padding: 10px 0 15px !important;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: absolute;
    top: 43px;
    left: 50%;
    margin-left: -358px;
    z-index: 999;
    display: none;
}

.container .search_wrap .search_cont .search_sub .ui-autocomplete{
	top:0 !important;
}

.container .search_wrap .search_cont .search_sub.on{
  display: block;
}

.container .search_wrap .search_cont .search_sub li::before{
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: top;
  background: url('/static/images/search_sub_ico.png')no-repeat 0 0;
  display: inline-block;
  margin-right: 8px;
  margin-top: 7px;
}

.container .search_wrap .search_cont .search_sub li{
  width: 516px;
  height: 30px;
  padding: 0 20px;
  box-sizing: border-box;
  display: block;
}

.container .search_wrap .search_cont .search_sub li:hover{
  background-color: #f6f6f6;
}

.container .search_wrap .search_cont .search_sub li.ui-state-focus{
  background-color: #f6f6f6;
}

.container .search_wrap .search_cont .search_sub li a{
  width: 410px;
  height: 30px;
  font:300 15px/30px 'Roboto','Noto Sans KR';
  color:#222;
  text-align: left;
  display: inline-block;
}

.container .search_wrap .search_cont .search_sub li a span{
  color:#e51937;
}
.container .search_wrap .search_example {
  position: relative;
  width: 1220px;
  height: 56px;
  border-top: 1px solid #dddddd;
  overflow: hidden;
}

/* CH2506-00057 */
.cntsStl {
  margin: 20px;
  font-size: 14px;
  line-height: 1.6;
  word-wrap: break-word;
  font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 맑은고딕, "Malgun Gothic", ng;
  color: #333;
}
.cntsStl p {
  margin-block-start: 1em;
  margin-block-end: 1em;
  line-height: 1.6;
}

.cntsStl a {
  color: #0782C1;
  text-decoration: underline;
}