@charset "utf-8";
@import url("font.css");
@import url("jquery.mCustomScrollbar.css");
/* @import url("http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
font-family:'Roboto','Noto Sans KR', sans-serif;

body{font-family:'Roboto','Noto Sans KR', sans-serif !important;}

body.stop{
  overflow-y: hidden;
}

body.loading *{
	-webkit-transition-property: none!important;
	-moz-transition-property: none!important;
	-o-transition-property: none!important;
	transition-property: none!important;
}

html{
	font-size: 16px;
	text-rendering: geometricPrecision;
}

body {text-align:center;color:#797b80; margin:0;padding:0;letter-spacing:0;min-width: 1263px;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin:0;padding:0;text-align:left;line-height:14px;}
div, ul, ol {list-style:none;}
table, th, td {margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;}
legend, caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {border:0;}
em {font-style:normal; font-weight:normal;}

/* form */
form {display:block;border:none;}
fieldset {margin:0;padding:0;border:none;}
input {font:normal 12px/14px Dotum;padding:2px 0 -2px 0;vertical-align:middle;border:none;color:#666;}
input[type~="text"] {font-size:15px;}
input[type~="password"] {border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; font-size:12px;}
input[type~="checkbox"] {border:none;margin:-1px 0;padding:0;}
input[type~="radio"] {border:6px solid #dddddd;margin:-1px 0;padding:0;}
input:checked {border: 6px solid #20b2df;}
input[type=text]::-ms-clear {
  display:none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset;
}

/* input {border:1px solid #c6c6c6;} */

select {font:normal 12px 'gulim','굴림';height:18px;vertical-align:middle;color:#888;padding:0;margin:0;}
textarea {border:1px solid #d7d7d5;color:#797b80;padding:0;margin:0;}

iframe[name="google_conversion_frame"]{height: 0;}

textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}

select:focus {
  outline: none;
}

option{
  height: 42px;
}

li:focus {
  outline: none;
}

/* link style */
a:link {color:#797b80;text-decoration:none;cursor:pointer;outline: none;}
a:visited {color:#797b80;text-decoration:none;outline: none;}
a:hover {color:#797b80;text-decoration:none;outline: none;}
a:active {color:#797b80;text-decoration:none;outline: none;}

/* clear */
.clfix:after {content:'.'; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clfix {height:1%;}

/* blind */
.blind{display:block;left:0;overflow:hidden;position:absolute;top:-1000em;}

select::-ms-expand {
   display: none;
}

.posi_rel{
  position: relative;
}

/* select box */
.selectbox {
	min-width: 140px;
	height: 32px;
	border:1px solid #dddddd;
	background: url('/static/images/select_arrow2.png') no-repeat 93% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
  -ms-appearance: none;
	appearance: none;
	background-color: #fff;
  padding-left: 12px;
  font:400 14px/30px 'Roboto','Noto Sans KR';
  color:#666666;
}



.selectbox2 {
	min-width: 140px;
	height: 44px;
	border:1px solid #e8e8e8;
	background: url('/static/images/select_arrow3.png') no-repeat 93% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
  -ms-appearance: none;
	appearance: none;
	background-color: #f6f6f6;
  padding-left: 12px;
  font:300 16px/30px 'Roboto','Noto Sans KR';
  color:#222222;
}

.selectbox3 {
	min-width: 140px;
	height: 44px;
	border:1px solid #e8e8e8;
	background: url('/static/images/select_arrow3.png') no-repeat 93% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
  -ms-appearance: none;
	appearance: none;
	background-color: #fff;
  padding-left: 12px;
  font:300 14px/30px 'Roboto','Noto Sans KR';
  color:#222222;
}

.selectbox4 {
	min-width: 140px;
	height: 32px;
	border:1px solid #dddddd;
	background: url('/static/images/select_arrow3.png') no-repeat 93% 50%;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
  -ms-appearance: none;
	appearance: none;
	background-color: #fff;
  padding-left: 12px;
  font:400 14px/30px 'Roboto','Noto Sans KR';
  color:#666666;
}

.input01{
    padding: 0 15px;
    height: 42px;
    border: 1px solid #eee ;
    font:300 15px/44px 'Roboto','Noto Sans KR';
    color:#797b80;
    background-color: #f6f6f6;
    vertical-align: top;
    letter-spacing: -0.5px;
}

.input01:focus{
    background-color: #fff;
    border: 1px solid #222222 !important;
		color:#222;
}

.input_check{
  display: inline-block;
}

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


.input_check input[type="checkbox"] {
    display:none;
}

.input_check 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 0;
}

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

.btn_white{
  text-align: center;
  background-color: #fff;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  color:#666666 !important;
  letter-spacing: -0.2px;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
}

.btn_black{
  text-align: center;
  background-color: #222222;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  color:#fff !important;
  letter-spacing: -0.2px;
  border-radius: 2px;
  box-sizing: border-box;
}


.btn_grey{
  text-align: center;
  background-color: #666666;
  font:300 15px/44px 'Roboto','Noto Sans KR';
  color:#fff;
  letter-spacing: -0.2px;
  border-radius: 2px;
  vertical-align: top;
}

.btn_grey:hover{
  background-color: #444444;
}

.btn_black{
  text-align: center;
  background-color: #222222;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  color:#fff;
  letter-spacing: -0.2px;
  border-radius: 2px;
  vertical-align: top;
}

.text_red{
	color:#e51937 !important;
}

.wrap{
  background-color: #f5f7fa;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.header{
  position: relative;
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff;
}

.header .logo_area{
  position: absolute;
  top: 10px;
  left: 80px;
  z-index: 10;
}

/* .header .logo_area .logo{
  display: block;
  width: 186px;
  height: 56px;
  background: url('/static/images/sk_iconset.png')no-repeat -221px 0;
} CH2507-00352 header 로고 변경 - SK intellix service */
.header .logo_area .logo{
  display: block;
  width: 210px;
  height: 56px;
  background: url('/static/images/skintellix_service_eng_color.png')no-repeat;
  background-size: 100%;
}

.depth01{
  height: 80px;
  position: relative;
}

.depth01 .depth01_list{
  font-size: 0;
  text-align: center;
}

.depth01 .depth01_list li{
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 80px;
  margin: 0 2px;
  width: 200px;
}

/* .depth01 .depth01_list li:nth-child(5) a{
	padding-right: 95px;
}

.depth01 .depth01_list li:nth-child(6) a{
	padding-right: 100px;
} */

.depth01 .depth01_list li:after{
  display: block;
  content: '';
  border-bottom: solid 2px #ea2129;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  position: relative;
  top: 0;
  z-index: 999;
}

.depth01 .depth01_list li:hover::after{
  transform: scaleX(1);
}

.depth01 .depth01_list li.on::after{
  transform: scaleX(1);
}

.depth01 .depth01_list li a{
  height: 80px;
  font:500 18px/80px 'Roboto','Noto Sans KR';
  color:#222222;
  transition:all 0.5s;
  display: block;
  text-align: center;
}

.depth01 .depth01_list li a:hover{
  color:#e51937 !important;
}

.depth01 .depth01_list li .depth02{
  display: none;
  position: absolute;
  top: 80px;
  z-index: 50;
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 325px;
  width: 100%;
}

.depth01 .depth01_list li:hover>a{
  color:#e51937 !important;
}

.depth01 .depth01_list li:hover .depth02{
  background-color: #f8f8f8;
}

.depth01 .depth01_list li .depth02 dl{
  margin-top: 20px;
}

.depth01 .depth01_list li .depth02 dt{
  height: 36px;
  text-align: center;
}

.depth01 .depth01_list li .depth02 dt a{
  font:15px/36px 'Roboto','Noto Sans KR';
  color:#222222;
  padding: 0 !important;
	letter-spacing: -0.5px;
  height: 36px;
}

.depth01 .depth01_list li .depth02 dt.double{
	height: 50px !important;
  padding-top: 10px !important;
}

.depth01 .depth01_list li .depth02 dt.double a{
	font: 16px/16px 'Roboto','Noto Sans KR' !important;

}

.depth02_bg {
  display: none;
  width: 100%;
  height: 325px;
  background-color: #ffffff;
  position: absolute;
  top: 80px;
  z-index: 30;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 20px -30px #555;
}

.user_area{
  position: absolute;
  height: 80px;
  right: 144px;
  top: 0;
}

.user_area .login.on{
	display: block;
}

.user_area .login{
  cursor: pointer;
  padding-right: 15px;
	display: none;
  font-size: 0;
}

.user_area .login .txt_login{
  font:14px/83px 'Roboto','Noto Sans KR';
  color:#222222;
  display: inline-block;
  margin-left: 9px;
  letter-spacing: -0.5px;
}

.user_area .login::after{
  content: '';
  width: 2px;
  height: 10px;
  background-color: #e1e0e1;
  display: block;
  position: absolute;
  top: 36px;
  right: 0;
}

.user_area .login .ico_login {
  display: inline-block;
  width: 20px;
  height: 22px;
  background: url('/static/images/sk_iconset.png')no-repeat 0 -55px;
  vertical-align: top;
  margin-top: 29px;
}

.user_area .logout{
  padding-right: 15px;
	display: none;
}

.user_area .logout.on{
	display: block;
}

.user_area .logout .txt_login{
  font:14px/83px 'Roboto','Noto Sans KR';
  color:#222222;
  display: inline-block;
  letter-spacing: -0.5px;
}

.user_area .logout .dot{
	width: 2px;
  height: 2px;
  display: inline-block;
  margin: -1px 4px 0;
  background-color: #999;
  vertical-align: middle;
}

.user_area .logout::after{
  content: '';
  width: 2px;
  height: 10px;
  background-color: #e1e0e1;
  display: block;
  position: absolute;
  top: 36px;
  right: 0;
}

.search_area {
  position: absolute;
  height: 80px;
  right: 80px;
  top: 0;
}

.search_area .btn_search_close{
	background: url('/static/images/search_close.png')no-repeat 0 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-top: 19px;
	display: none;
}

.search_area .btn_search_close.on{
	display: block;
}

.search_area .btn_search.on{
	display: block;
}

.search_area .btn_search{
	display: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-top: 19px;
  /* 하위브라우저 대응 */
  background: #e62135;

  /* 그라데이션 */
  background: linear-gradient(-45deg, #e51937, #f47726, #e51937, #f47726);
	background-size: 400%;
	animation: gradient 10s ease infinite;
}

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

.search_box{
	width: 100%;
  height: 9999px;
  position: absolute;
  top: 80px;
  display: none;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.5);
}

.search_box .search_inner{
  width: 1920px;
  height: 639px;
  position: absolute;
  top: 0;
  left: 50%;
  border-top: 1px solid #e1e0e1;
  margin-left: -960px;
  background-color: #fff;
}

.search_box .search_inner .btn_search{
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  vertical-align: top;
	position: absolute;
	top: 10px;
	right: 0;
  /* 하위브라우저 대응 */
  background: #e62135;

  /* 그라데이션 */
  background: linear-gradient(-45deg, #e51937, #f47726, #e51937, #f47726);
	background-size: 400%;
	animation: gradient 10s ease infinite;
}

.search_box .search_inner .search_bar{
	width: 680px;
	height: 67px;
	margin: 100px auto 0;
	display: block;
	position: relative;
}

.search_box .search_inner .search_bar .search_input::placeholder{
	color:#cccccc;
}

.search_box .search_inner .search_bar .search_input{
	font: 400 28px/65px 'Roboto','Noto Sans KR';
	text-align: left;
	color:#222;
	border: none;
	vertical-align: top;
	display: inline-block;
	width: 676px;
	border-bottom: 2px solid #e51937;
	height: 65px;
}

.search_box .search_inner .search_bar .search_relate{
	width: 680px;
	padding: 10px 0 0;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	position: relative;
	top: 2px;
	left: 50%;
	margin-left: -340px;
	z-index: 999;
	display: none;
	box-sizing: border-box;
}

.search_box .search_inner .search_bar .search_relate .ui-autocomplete{
	padding-top:10px !important;
}

.search_box .search_inner .search_bar .search_relate li.ui-state-focus{
  background-color: #f6f6f6;
}

.search_box_home .search_inner .search_bar .search_relate li.ui-state-focus{
  background-color: #f6f6f6;
}

.search_box_home .search_inner .search_bar .search_relate .ui-autocomplete{
	padding-top:10px !important;
}

.search_box .search_inner .search_bar .search_relate.on{
  display: block;
}

.search_box .search_inner .search_bar .search_relate 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;
}

.search_box .search_inner .search_bar .search_relate li{
  width: 678px;
  height: 30px;
  padding: 0 20px;
  box-sizing: border-box;
  display: block;
}

.search_box .search_inner .search_bar .search_relate li:hover{
  background-color: #f6f6f6;
}



.search_box .search_inner .search_bar .search_relate li a{
	width: 590px;
	height: 30px;
	font: 400 15px/30px 'Roboto','Noto Sans KR';
	color: #222;
	text-align: left;
	display: inline-block;
}

.search_box .search_inner .search_bar .search_relate li a span{
  color:#e51937;
}

.search_sub li a, .search_relate li a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.search_box .search_inner .reco_list{
	margin: 30px auto 0;
	width: 690px;
}

.search_box .search_inner .reco_list ul{
	text-align: left;
}

.search_box .search_inner .reco_list li{
	border-radius: 20px;
	background-color: #f1f1f1;
	padding: 0 19px;
	height: 33px;
	display: inline-block;
	margin-right: 5px;
	font: 400 15px/33px 'Roboto','Noto Sans KR';
	text-align: center;
	color:#666666;
	margin-bottom: 10px;
}

.search_box .search_inner .reco_list li a{
	font: 400 15px/35px 'Roboto','Noto Sans KR';
	text-align: center;
	color:#666666;
	border-radius: 20px;
	display: block;
	height: 33px;
}

.search_box .search_inner .reco_list li:last-child{
	margin-right: 0;
}

.search_box .search_inner .reco_list li:hover{
	background-color: #e51937;
}

.search_box .search_inner .reco_list li:hover a{
	color: #fff;
}

.search_box .search_inner .search_sub{
	margin: 60px auto 0;
  width: 680px;
}

.search_box .search_inner .search_sub .my_prod a{
	font:500 16px/16px 'Roboto','Noto Sans KR';
	text-align: left;
	color:#222;
}

.search_box .search_inner .search_sub .my_prod a .red_arr{
	background: url('/static/images/sk_iconset.png')no-repeat -488px -80px;
	width: 5px;
	height: 9px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}

.search_box .search_inner .search_sub .desc{
	margin-top: 20px;
}

.search_box .search_inner .search_sub .desc li{
	font:300 14px/14px 'Roboto','Noto Sans KR';
	text-align: left;
	color:#666666;
	margin-bottom: 10px;
}

.search_box .search_inner .search_sub .desc li .red{
	color:#e51937;
}

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

/* /////////// */

.search_box_home{
	width: 100%;
  height: 9999px;
  position: absolute;
  top: 80px;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.5);
}

.search_box_home .search_inner{
  width: 1920px;
  height: 639px;
  position: absolute;
  top: 0;
  left: 50%;
  border-top: 1px solid #e1e0e1;
  margin-left: -960px;
  background-color: #fff;
}

.search_box_home .search_inner .btn_search{
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  vertical-align: top;
	position: absolute;
	top: 10px;
	right: 0;
  /* 하위브라우저 대응 */
  background: #e62135;

  /* 그라데이션 */
  background: linear-gradient(-45deg, #e51937, #f47726, #e51937, #f47726);
	background-size: 400%;
	animation: gradient 10s ease infinite;
}

.search_box_home .search_inner .search_bar{
	width: 680px;
	height: 67px;
	margin: 100px auto 0;
	display: block;
	position: relative;
}

.search_box_home .search_inner .search_bar .search_input::placeholder{
	color:#cccccc;
}

.search_box_home .search_inner .search_bar .search_input{
	font: 400 28px/65px 'Roboto','Noto Sans KR';
	text-align: left;
	color:#222;
	border: none;
	vertical-align: top;
	display: inline-block;
	width: 676px;
	border-bottom: 2px solid #e51937;
  height: 65px;
}

.search_box_home .search_inner .search_bar .search_relate{
	width: 680px;
	padding: 10px 0 0;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	position: relative;
	top: 2px;
	left: 50%;
	margin-left: -340px;
	z-index: 999;
	display: none;
	box-sizing: border-box;
}

.search_box_home .search_inner .search_bar .search_relate.on{
  display: block;
}

.search_box_home .search_inner .search_bar .search_relate 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;
}

.search_box_home .search_inner .search_bar .search_relate li{
  width: 678px;
  height: 30px;
  padding: 0 20px;
  box-sizing: border-box;
  display: block;
}

.search_box_home .search_inner .search_bar .search_relate li:hover{
  background-color: #f6f6f6;
}

.search_box_home .search_inner .search_bar .search_relate li a{
	width: 590px;
	height: 30px;
	font: 400 15px/30px 'Roboto','Noto Sans KR';
	color: #222;
	text-align: left;
	display: inline-block;
}

.search_box_home .search_inner .search_bar .search_relate li a span{
  color:#e51937;
}


.search_box_home .search_inner .reco_list{
	margin: 30px auto 0;
	width: 690px;
}

.search_box_home .search_inner .reco_list ul{
	text-align: left;
}

.search_box_home .search_inner .reco_list li{
	border-radius: 20px;
	background-color: #f1f1f1;
	padding: 0 19px;
	height: 33px;
	display: inline-block;
	margin-right: 5px;
	font: 400 15px/33px 'Roboto','Noto Sans KR';
	text-align: center;
	color:#666666;
	margin-bottom: 10px;
}

.search_box_home .search_inner .reco_list li a{
	font: 400 15px/35px 'Roboto','Noto Sans KR';
	text-align: center;
	color:#666666;
	border-radius: 20px;
	display: block;
	height: 33px;
}

.search_box_home .search_inner .reco_list li:last-child{
	margin-right: 0;
}

.search_box_home .search_inner .reco_list li:hover{
	background-color: #e51937;
}

.search_box_home .search_inner .reco_list li:hover a{
	color: #fff;
}

.search_box_home .search_inner .search_sub{
	margin: 60px auto 0;
  width: 680px;
}

.search_box_home .search_inner .search_sub .my_prod a{
	font:500 16px/16px 'Roboto','Noto Sans KR';
	text-align: left;
	color:#222;
}

.search_box_home .search_inner .search_sub .my_prod a .red_arr{
	background: url('/static/images/sk_iconset.png')no-repeat -488px -80px;
	width: 5px;
	height: 9px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
}

.search_box_home .search_inner .search_sub .desc{
	margin-top: 20px;
}

.search_box_home .search_inner .search_sub .desc li{
	font:300 14px/14px 'Roboto','Noto Sans KR';
	text-align: left;
	color:#666666;
	margin-bottom: 10px;
}

.search_box_home .search_inner .search_sub .desc li .red{
	color:#e51937;
}

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

.search_box_home .close_wrap{
	width: 100%;
	height: 56px;
	background-color: #222;
	position: absolute;
  top: 584px;
}

.search_box_home .close_wrap .inner{
	position: absolute;
	left: 50%;
	margin-left: 440px;
}

.search_box_home .close_wrap .input_check{
	margin-top: 4px;
}

.search_box_home .close_wrap .input_check label{
	font: 300 14px/46px 'Roboto','Noto Sans KR';
	color:#fff;
}

.search_box_home .close_wrap .search_home_close{
	margin-left: 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url('/static/images/sk_iconset.png')no-repeat -477px -56px;
}


@media (max-width: 1548px){
  .depth01 .depth01_list li{
    width: 129px !important;
  }
  .depth01 .depth01_list li a{
    font: 500 16px/80px 'Roboto','Noto Sans KR' !important;
    transition: all 0.5s;
  }

  .depth01 .depth01_list li .depth02 dt a{
    font: 13px/36px 'Roboto','Noto Sans KR' !important;
    color: #222222;
    padding: 0 !important;
    white-space: nowrap;
    word-break: break-all;
  }

	.depth01 .depth01_list li .depth02 dt.double{
		height: 50px !important;
    padding-top: 10px !important;
	}

	.depth01 .depth01_list li .depth02 dt.double a{
		font: 16px/16px 'Roboto','Noto Sans KR' !important;
	}

  .header .logo_area {
    left: 20px !important;
  }

  .header .user_area{
    right: 84px !important;
  }
  .header .search_area{
    right: 20px !important;
  }
}

@media (max-width: 1730px){
  .depth01 .depth01_list li{
    width: 160px;
  }
  .depth01 .depth01_list li a{
    font: 500 18px/80px 'Roboto','Noto Sans KR';
    transition: all 0.5s;
  }
  .depth01 .depth01_list li .depth02 dt a{
    font: 15px/36px 'Roboto','Noto Sans KR';
    color: #222222;
    padding: 0 !important;
    white-space: nowrap;
    word-break: break-all;
  }

	.depth01 .depth01_list li .depth02 dt.double{
		height: 50px !important;
    padding-top: 10px !important;
	}

	.depth01 .depth01_list li .depth02 dt.double a{
		font: 16px/16px 'Roboto','Noto Sans KR' !important;
  }

	/* .depth01 .depth01_list li:nth-child(5) a{
		padding-right: 63px;
	}

	.depth01 .depth01_list li:nth-child(6) a{
		padding-right: 60px;
	} */

  .header .logo_area {
    left: 80px;
  }

  .header .user_area{
    right: 144px;
  }
  .header .search_area{
    right: 80px;
  }
}

.quick_wrap{
  position: fixed;
  bottom: 30px;
  right: 54px;
  padding-bottom: 0;
  text-align: right;
  z-index: 400;
}

.quick_wrap .quick_open{
	opacity: 0;
	position: relative;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.quick_wrap .quick_open.on{
	opacity: 1;
	display: block;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.quick_wrap .quick_open li{
	width: 70px;
	height: 70px;
	background-color: #222;
	text-align: left;
	display: block;
	margin-top: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 35px;
}

.quick_wrap .quick_open li:hover{
	width: 200px;
}


.quick_wrap .quick_open .quick_txt{
	display: none;
	font: 400 16px/70px 'Roboto','Noto Sans KR';
  color: #fff;
  vertical-align: top;
}

.quick_wrap .quick_open li:hover .quick_txt{
	display: inline-block;
	font: 400 16px/70px 'Roboto','Noto Sans KR';
  color: #fff;
  vertical-align: top;
}

.quick_wrap .quick_open li a{
	display: block;
	border-radius: 35px;
	cursor: default;
	position: relative;
	overflow: hidden;
  white-space: nowrap;
}

.quick_wrap .quick_open.on li a{
	cursor: pointer;
}

.quick_wrap .quick_open li .ico_quick01{
	width: 70px;
	height: 70px;
	background: url('/static/images/ico_quick01.png')no-repeat 0 0;
	display: inline-block;
}

.quick_wrap .quick_open li .ico_quick02{
	width: 70px;
	height: 70px;
	background: url('/static/images/ico_quick02.png')no-repeat 0 0;
	display: inline-block;
}

.quick_wrap .quick_open li .ico_quick03{
	width: 70px;
	height: 70px;
	background: url('/static/images/ico_quick03.png')no-repeat 0 0;
	display: inline-block;
}

.quick_wrap .quick_open.on .open01{
	bottom: 90px;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.quick_wrap .quick_open.on .open02{
	bottom: 10px;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* 20210603 이현희 : 퀵 메뉴에서 영상상담 삭제 
.quick_wrap .quick_open.on .open03{
	bottom: 10px;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
 */
.quick_wrap .quick_open .open01{
	cursor: none;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.quick_wrap .quick_open .open02{
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.quick_wrap .quick_open .open03{
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}





.quick_wrap .open_btn {
  background-color: #222222;
	z-index: 2;
}

.quick_wrap .ico_open {
  width: 70px;
  height: 70px;
	border-radius: 35px;
  display: inline-block;
  background:url('/static/images/ico_open.png') no-repeat 0 0;
  background-color: #222;
	transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}



.quick_wrap .open_btn.on .ico_open{
  transform: rotate(135deg);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.quick_wrap .open_btn{
	width: 70px;
	height: 70px;
	border-radius: 35px;
	display: inline-block;
	background-color: #222;
}


.quick_wrap .kakao_btn{
	width: 70px;
	height: 70px;
	border-radius: 35px;
	display: block;
	background-color: #f7e409;
	margin-top: 10px;
	text-align: left;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
	overflow: hidden;
  white-space: nowrap;
}

.quick_wrap .kakao_btn:hover{
	width: 200px;
	transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.quick_wrap .kakao_btn:hover .name{
	display: inline-block;
	font: 500 16px/70px 'Roboto','Noto Sans KR';
  color: #222;
  vertical-align: top;
}

.quick_wrap .kakao_btn .name{
	display: none;
	font: 500 16px/70px 'Roboto','Noto Sans KR';
  color: #222;
  vertical-align: top;
}

.quick_wrap .kakao_btn .kakao_ico{
	width: 70px;
	height: 70px;
	background: url('/static/images/ico_quick_kakao2.png')no-repeat 0 0;
	display: inline-block;
}

.quick_wrap .kakao_btn .chat_ico{
	width: 70px;
	height: 70px;
	background: url('/static/images/ico_quick_chat2.png')no-repeat 0 0;
	display: inline-block;
}

.quick_wrap .top_btn{
	width: 70px;
	height: 0;
	border-radius: 35px;
	display:  inline-block;
	background-color: #5b5b5b;
	margin-top: 10px;
	text-align: center;
	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.quick_wrap .top_btn.on{
	height: 70px;
}

.quick_wrap .top_btn.on .ico_top{
	height: 70px;
}

.quick_wrap .top_btn:hover{
	background-color: #222;
	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.quick_wrap .top_btn .ico_top{
	width: 70px;
	height: 0;
	background: url('/static/images/ico_top.png')no-repeat 0 0;
	display: inline-block;
	transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}




.section:after, .row:after, .section_table .list li:after, .tabArea:after, footer .footer_inner .bottom:after, footer .footer_inner .bottom .copy:after { display: block; clear: both; content: ''; }

.tabArea { position: relative; height: 42px; background-color: #171717; z-index: 9; }

.tabArea .tab { position: relative; display: block; float: left; width: 230px;font-family:'Roboto','Noto Sans KR'; font-size: 15px; font-weight: 400; color: #fff; text-align: center; line-height: 42px; opacity: 0.5; transition: opacity 0.3s; }

.tabArea .tab.active { color: #fff; opacity: 1; background-color: #e51937; }

.tabArea .tab.active .line { width: 0; }

.tabArea .tab:hover { opacity: 1; }

.tabArea .tab a { display: block; width: 100%; line-height: 42px; text-align: center; color: #fff;}

.tabArea .tab .line { position: absolute; top: calc(50% - 1px); right: 0; display: block; width: 1px; height: 16px; margin: 0; z-index: -1; background-color: rgba(255, 255, 255, 0.5); transform: translateY(-50%); }

.tabArea.report3 .tab.hover:after { height: 100%; }

.tabArea.report3 .tab.active { background-color: transparent; }

.tabArea.report3 .tab.active .line { width: 1px; }

.tabArea.report3 .tab.active:after { height: 100%; }

.tabArea.report3 .tab.hout { z-index: -1; }

.tabArea.report3 .tab.hout:after { height: 0; }

.tabArea.report3 .tab:after { display: block; content: ''; background: #e51937; position: absolute; bottom: 0; left: -1px; width: calc(100% + 1px); height: 0; transition: all 0.3s; z-index: -1; }

/* 푸터 */
.footer_wrap {
  margin: 120px auto 0;
  position: relative;
  height: 382px;
	background-color: #222;
}



.footer_top{
	height: 60px;
	border-bottom: 1px solid #3c3c3c;
	background-color: #222;
}

.footer_top .footer_top_inner{
	width: 1276px;
	margin: 0 auto;
	position: relative;
	height: 60px;
}

.footer_top .left{
	float: left;
}

.footer_top .left li{
	text-align: left;
	display: inline-block;
	margin-right: 30px;
}

.footer_top .left li a{
	color:#666666;
	font: 300 14px/64px 'Roboto','Noto Sans KR';
	display: block;
}

.footer_top .left li a.red{
	color:#e51c39;
}

.footer_top .right{
	float: right;
}

.footer_top .right .btn_family{
	position: absolute;
	right: 0;
	bottom: -1px;
	box-sizing: border-box;
	width: 290px;
	height: 61px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	border-top: 1px solid #222;
	display: block;
	text-align: left;
	color:#999;
	font: 700 15px/60px 'Roboto','Noto Sans KR';
	
}

.footer_top .right .btn_family.on{
	border: 1px solid #666666;
}

.footer_top .right .btn_family .foot_arrow{
	width: 9px;
	height: 5px;
	background: url('/static/images/sp_footer.png')no-repeat -101px -32px;
	position: absolute;
	right: 14px;
	bottom: 28px;
}

.footer_top .right .family_layer{
	position: absolute;
	bottom: 59px;
	right: 0;
	display: none;
	border: 1px solid #666666;
  box-sizing: border-box;
}

.footer_top .right .family_layer li{
	width: 288px;
	height: 60px;
	box-sizing: border-box;
	display: block;
}

.footer_top .right .family_layer li a{
	display: block;
	text-align: left;
	color:#cccccc;
	font: 300 16px/60px 'Roboto','Noto Sans KR';
	background-color: #222222;
	box-sizing: border-box;
	padding-left: 15px;
}

.footer_top .right .family_layer li a:hover{
	background-color: #333;
}

.footer_mid{
	width: 1276px;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 40px;
	height: 320px;
}

.footer_mid .right .phone li.t_red,
.footer_mid .right .phone li.t_red span{
	color:#ea002c;	
}

.footer_mid .left{
	float: left;
}

.footer_mid .corpInfo.mat{
  margin-top: 25px;
}

.footer_mid .corpInfo p{
	margin-bottom: 10px;
}

.footer_mid .corpInfo p span{
	text-align: left;
	color:#949494;
	font: 300 14px/14px 'Roboto','Noto Sans KR';
}
.footer_mid .corpInfo p span:before{
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: -2px 12px 0 10px;
  background: #5b5b5b;
  vertical-align: middle;
}
.footer_mid .corpInfo p span:first-child:before{
	display:none;
}
.footer_mid .corpInfo span a{
	color:#dddddd;
	text-decoration:underline;
	vertical-align:top;
}


.footer_mid .right{
	float: right;
}

.footer_mid .right .mark{
	position: absolute;
	top: 40px;
	right: 340px;
}

.footer_mid .right .phone{
	width: 290px;
	box-sizing: border-box;	
}

.footer_mid .right .operation_time{
  color:#aaa;
	font: 400 15px/25px 'Roboto','Noto Sans KR';	
  margin-top: 25px;
}

.footer_mid .btn_ARS{
	margin-top:20px;	
}

.footer_mid .btn_ARS a{
	font-weight:700;
}

.footer_mid .btn_ARS span{
	width: 6px;
    height: 10px;
    display: inline-block;
    margin: 2px 0 0 5px;
    vertical-align: top;
    background: url(/static/images/sk_iconset.png)no-repeat -475px -38px;
}

.footer_mid .right .phone li{
	text-align: right;
	color:#fff;
	font: 700 20px/20px 'Roboto','Noto Sans KR';
	margin-bottom: 20px;
	position: relative;
}

.footer_mid .right .phone li .tit{
	text-align: left;
	color:#cccccc;
	font: 300 16px/20px 'Roboto','Noto Sans KR';
	position: absolute;
  left: 0;
}

.footer_bot{
	background-color: #272727;
	height: 100px;
}

.footer_bot .footer_bot_inner{
	width: 1276px;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
}

.footer_bot .footer_bot_inner .left{
	float: left;
}

/* .footer_bot .footer_bot_inner .left .sk_logo{
	display: inline-block;
	width: 110px;
	height: 27px;
	background: url('/static/images/sp_footer.png')no-repeat 0 0;
	vertical-align: top;
	margin-top: 33px;
} CH2507-00352 footer 사명 로고 변경 - SK intellix */
.footer_bot .footer_bot_inner .left .sk_logo{
	display: inline-block;
	width: 110px;
	height: 50px;
	background: url('/static/images/skintellix_eng_white.png')no-repeat 50% 50%;
	vertical-align: top;
	margin-top: 8px;
	background-size: 100%;
}

.footer_bot .footer_bot_inner .left .copyright{
	margin-left: 10px;
	text-align: left;
	color:#888888;
	font: 400 14px/100px 'Roboto','Noto Sans KR';
}

.footer_bot .footer_bot_inner .right{
	float: right;
}

.footer_bot .footer_bot_inner .sns{
	position:absolute;
	right:340px;
	top:40px;
}
.footer_bot .footer_bot_inner .sns .list:after{
	content:'';
	display:block;
	clear:both;
}
.footer_bot .footer_bot_inner .sns .list li{
	display:inline-block;
	margin-left:25px;
	vertical-align:middle;
}
.footer_bot .footer_bot_inner .sns .list li:first-child{
	margin-left:0;
}
.footer_bot .footer_bot_inner .sns .list li a{
	display:block;
	background:url('/static/images/sp_footer.png') no-repeat;
	text-indent: -9999px;
}
.footer_bot .footer_bot_inner .sns .list li a.insta{width:20px;height:20px;background-position:0 -150px;}
.footer_bot .footer_bot_inner .sns .list li a.youtube{width:21px;height:20px;background-position:0 -184px;}
.footer_bot .footer_bot_inner .sns .list li a.facebook{width:11px;height:20px;background-position:0 -215px;}
.footer_bot .footer_bot_inner .sns .list li a.blog{width:13px;height:20px;background-position:0 -247px;}
.footer_bot .footer_bot_inner .sns .list li a.cafe{width:20px;height:20px;background-position:0 -279px;}
.footer_bot .footer_bot_inner .sns .list li a.kakao{width:12px;height:20px;background-position:0 -311px;}

.footer_bot .footer_bot_inner .service_center{
	width: 290px;
	box-sizing: border-box;
	padding-left: 15px;
}

.footer_bot .footer_bot_inner .service_center .tit{
	float: left;
	text-align: left;
	color:#cccccc;
	font: 300 16px/100px 'Roboto','Noto Sans KR';
}

.footer_bot .footer_bot_inner .service_center .tit .rob{
	font: 500 16px/100px 'Roboto','Noto Sans KR';
}

.footer_bot .footer_bot_inner .service_center .link{
	float: right;
	margin-top: 22px;
}

.footer_bot .footer_bot_inner .service_center .link a{
	width: 54px;
	height: 54px;
	display: inline-block;
}

.footer_bot .footer_bot_inner .service_center .link a.playstore{
	border: 1px solid #383838;
	background: url('/static/images/sp_footer.png')no-repeat -10px -33px;
	vertical-align: middle;
}

.footer_bot .footer_bot_inner .service_center .link a.appstore{
	border-top: 1px solid #383838;
	border-bottom: 1px solid #383838;
	border-right: 1px solid #383838;
	margin-left: -6px;
	background: url('/static/images/sp_footer.png')no-repeat -13px -85px;
	vertical-align: middle;
}

.counsel_cal .ui-datepicker-year{
  display: none;
}

.counsel_cal .ui-datepicker-month{
  font: 300 11px/18px 'Roboto';
  color:#222;
  text-align: center;
  letter-spacing: 7px;
}

.counsel_cal .ui-datepicker-month .month_num{
  font: 700 40px/40px 'Roboto';
  display: block;
  text-align: center;
  letter-spacing: -0.2px;
  text-indent: -6px;
}

.counsel_cal .ui-datepicker-header {
  padding: 0;
  position: absolute;
  top: -8px;
  left: 0;
  background-color: #fff;
  border: none;
}

.counsel_cal .ui-datepicker-next {
  top: 86px;
  right: 24px;
}

.counsel_cal .ui-datepicker-next .ui-icon{
  background: url('/static/images/cal_next.png')0 0 no-repeat;
  width: 6px;
  height: 10px;
  text-indent: -99999px;
  display: block;
  position: absolute;
  top: 90px;
  right: 5px;
  cursor: pointer;
}

.counsel_cal .ui-datepicker-prev {
  top: 86px;
  left: 23px;
}

.counsel_cal .ui-datepicker-prev .ui-icon{
  background: url('/static/images/cal_prev.png')0 0 no-repeat;
  width: 6px;
  height: 10px;
  text-indent: -99999px;
  display: block;
  position: absolute;
  top: 90px;
  left: 0;
  cursor: pointer;
}

.counsel_cal .ui-datepicker .ui-datepicker-prev-hover {
	left: 23px;
}
.counsel_cal .ui-datepicker .ui-datepicker-next-hover {
	right: 24px;
}

.counsel_cal .ui-datepicker-calendar {
  width: 280px;
}

.counsel_cal .ui-datepicker-calendar thead th {
  text-align: center;
  width: 42px;
}

.counsel_cal .ui-datepicker-calendar thead th span{
  font: 400 14px/44px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: center;
  vertical-align: top;
}

.counsel_cal .ui-datepicker-calendar thead th:first-child span{
  font: 300 14px/44px 'Roboto','Noto Sans KR';
  color:#e51937;
  text-align: center;
}

.counsel_cal .ui-datepicker-calendar tbody td {
  text-align: center;
  height: 40px;
}

.counsel_cal .ui-datepicker-calendar tbody td a{
  font: 500 12px/25px 'Roboto';
  color:#666666;
  text-align: center;
  vertical-align: middle;
}

.counsel_cal .ui-datepicker-calendar tbody td span.ui-state-default{
  font: 500 12px/25px 'Roboto';
  color:#666666;
  text-align: center;
  vertical-align: middle;
}

.counsel_cal .ui-datepicker-calendar tbody td a.ui-state-default{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #aaaaaa;
  color:#fff;
  border-radius: 25px;
}

.counsel_cal .ui-datepicker-calendar tbody td a.ui-state-active{
  background-color: #e51937;
}


.modal_layer_pop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 50;
  position: fixed;
  display: none;
	overflow-y:auto;
}

.modal_layer_pop.normal_popup{
  background-color: rgba(0, 0, 0, 0);
}
.modal_layer_pop .modal_layer_inner.resize{
  top:0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.modal_layer_pop .modal_layer_inner.height{

}

.modal_layer_pop .modal_layer_inner{
  width: 780px;
  height: 675px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -342px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop02 .modal_layer_inner{
  width: 780px;
  height: 480px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop03 .modal_layer_inner{
  width: 780px;
  height: 504px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -252px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop04 .modal_layer_inner{
  width: 840px;
  height: 640px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -330px;
  margin-left: -420px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop05 .modal_layer_inner{
  width: 780px;
  height: 600px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop07 .modal_layer_inner{
  width: 780px;
  height: 595px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -297px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop08 .modal_layer_inner{
  width: 780px;
  height: 655px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -327px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop09 .modal_layer_inner{
  width: 680px;
  height: 505px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -252px;
  margin-left: -340px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop10 .modal_layer_inner{
  width: 350px;
  height: 166px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -83px;
  margin-left: -175px;
  background-color: #fff;
  padding: 0;
}

.modal_layer_pop11 .modal_layer_inner{
  width: 350px;
  height: 190px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -95px;
  margin-left: -175px;
  background-color: #fff;
  padding: 0;
}

.modal_layer_pop12 .modal_layer_inner{
  width: 780px;
  height: 742px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -416px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop13 .modal_layer_inner{
  width: 578px;
  height: 408px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -204px;
  margin-left: -289px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop23 .modal_layer_inner{
  width: 578px;
  height: 408px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -204px;
  margin-left: -289px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop24 .modal_layer_inner{
  width: 578px;
  height: 408px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -204px;
  margin-left: -289px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop24 .modal_layer_inner .selectbox4{
  margin: 0 2px;
}

.modal_layer_pop14 .modal_layer_inner{
  width: 780px;
  height: 648px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -324px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop15 .modal_layer_inner{
  width: 410px;
  height: 200px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -205px;
  background-color: #fff;
  padding: 0;
}

.modal_layer_pop16 .modal_layer_inner{
  width: 1020px;
  height: 710px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -355px;
  margin-left: -510px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop17 .modal_layer_inner{
  width: 1020px;
  height: 710px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -355px;
  margin-left: -510px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop18 .modal_layer_inner{
  width: 1020px;
  height: 560px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -355px;
  margin-left: -510px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
  overflow: hidden;
}

.modal_layer_pop19 .modal_layer_inner{
  width: 1020px;
  height: 430px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -355px;
  margin-left: -510px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
  overflow: hidden;
}

.modal_layer_pop20 .modal_layer_inner{
  width: 350px;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  margin-top: -100px;
  background-color: #fff;
  padding: 0 0 30px 0;
  overflow: hidden;
  box-shadow: 3px 3px 0px 0px #e5e5e5;
  border: 1px solid #222;
}

.modal_layer_pop22 .modal_layer_inner{
  width: 730px;
  height: 519px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -259px;
  margin-left: -365px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop25 .modal_layer_inner{
  width: 550px;
  height: 349px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -174px;
  margin-left: -275px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

#modal_layer_pop26 .modal_layer_inner{
  width: 550px;
  height: 349px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -174px;
  margin-left: -275px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

#modal_layer_pop26 .modal_layer_inner select{
	width: 100%;
	background-position: center right 12px;
}

#modal_layer_pop26 .modal_layer_inner .btn_wrap{
	text-align: center;
	margin: 30px auto;
}

/* CH2510-00110 이메일 계정 SNS 회원가입으로 전환 팝업 */
.modal_layer_pop36 .modal_layer_inner{
  width: 500px;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  margin-top: -100px;
  background-color: #fff;
  padding: 0 0 30px 0;
  overflow: hidden;
  box-shadow: 3px 3px 0px 0px #e5e5e5;
  border: 1px solid #222;
}

.modal_layer_pop_main{
  width: auto;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  overflow: hidden;
  /* box-shadow: 3px 3px 0px 0px #e5e5e5; */
  border: 1px solid #222;
	display: none;
}

.modal_layer_pop_main .modal_layer_inner{
	position: relative;
}

.modal_layer_pop_main .modal_main_close{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	background: url('/static/images/sk_iconset.png')no-repeat -458px -534px;
	top: 20px;
	right: 20px;
	z-index: 999;
}

.modal_layer_pop_main .modal_layer_inner .modal_images>img{
	display: block;
}

.modal_layer_pop_main .modal_layer_inner .today{
	height: 56px;
  background-color: #fff;
  position: relative;
  padding-left: 20px;
  padding-top: 5px;
  box-sizing: border-box;
}

.modal_layer_pop_main .modal_layer_inner .modal_main_close2{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	background: url('/static/images/sk_iconset.png')no-repeat -480px -534px;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}



.modal_layer_pop .modal_layer_inner .title_wrap{
  height: 50px;
  border-bottom: 2px solid #222222;
  position: relative;
}

.modal_layer_pop .modal_layer_inner .title_wrap h5{
  font: 500 24px/24px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .title_wrap .modal_close{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/static/images/sk_iconset.png')no-repeat -480px -534px;
}

.modal_layer_pop .modal_layer_inner .close_wrap{
  height: 21px;
  position: relative;
}

.modal_layer_pop .modal_layer_inner .close_wrap .modal_close{
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/static/images/sk_iconset.png')no-repeat -46px -829px;
}

.modal_layer_pop .modal_layer_inner .textbox.case2{
  height: 70px;
  padding-top: 27px;
}

.modal_layer_pop .modal_layer_inner .textbox{
  width: 720px;
  height: 100px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  padding: 30px 20px;
  margin-top: 30px;;
}

.modal_layer_pop .modal_layer_inner .textbox li::before{
  content: '';
  width: 2px;
  height: 2px;
  background-color: #666666;
  display: inline-block;
  margin-right: 17px;
  vertical-align: top;
  margin-top: 7px;
}

.modal_layer_pop .modal_layer_inner .textbox li{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color:#666666;
  letter-spacing: -0.2px;
  text-align: left;
  margin-bottom: 10px;
}

.modal_layer_pop .modal_layer_inner .textbox li.red {
  color:#e51937;
}

.modal_layer_pop .modal_layer_inner .textbox li.red::before {
  background-color: #e51937;
}

.modal_layer_pop .modal_layer_inner .input_box{
  margin-top: 20px;
}

.modal_layer_pop .modal_layer_inner .input_box .tit{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: left;
  margin-bottom: 10px;
}

.modal_layer_pop .modal_layer_inner .input_box .modal_input{
  width: 720px;
  background-color: #f6f6f6;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  height: 46px;
  padding-left: 15px;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .input_box .modal_input::placeholder{
  color:#999999;
}

.modal_layer_pop .modal_layer_inner .input_box .modal_input:focus{
  background-color: #fff;
}

.modal_layer_pop .modal_layer_inner .input_box .modal_input_half{
  width: 350px;
  background-color: #f6f6f6;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  height: 46px;
  padding-left: 15px;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .input_box .modal_input_half::placeholder{
  color:#999999;
}

.modal_layer_pop .modal_layer_inner .input_box .modal_input_half:focus{
  background-color: #fff;
}

.modal_layer_pop .modal_layer_inner .input_box .left{
  display: inline-block;
}

.modal_layer_pop .modal_layer_inner .input_box .right{
  display: inline-block;
  margin-left: 20px;
}

.modal_layer_pop .modal_layer_inner .input_box .right2{
  display: inline-block;
  margin-left: 20px;
}

.modal_layer_pop .modal_layer_inner .input_box .right3{
  display: inline-block;
  margin-left: 20px;
}

.modal_layer_pop .modal_layer_inner .input_box li{
  float: left;
  width: 170px;
  height: 46px;
  border: 1px solid #dddddd;
  background-color: #fff;
  font:300 15px/46px 'Roboto','Noto Sans KR';
  color:#666666;
  letter-spacing: -0.2px;
  text-align: center;
  cursor: pointer;
}

.modal_layer_pop .modal_layer_inner .input_box li.on{
  color:#e51937;
  border: 1px solid #e51937 !important;
}

.modal_layer_pop .modal_layer_inner .input_box li:first-child{
  border-right: 1px solid #fff;
}

.modal_layer_pop .phone_area {
  margin-top: 10px;
}

.modal_layer_pop .phone_area .tit{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: left;
  margin-bottom: 10px;
}

.modal_layer_pop .phone_info .my_tit{
  font:400 15px/15px 'Roboto','Noto Sans KR';
  color:#222222;
  letter-spacing: -0.2px;
  text-align: left;
  margin-bottom: 20px;
}

.modal_layer_pop .phone_info{
  box-sizing: border-box;
  padding: 30px 0 40px;
  border-bottom: 1px solid #222;
  margin-bottom: 30px;
}

.modal_layer_pop .modal_layer_inner.cert_on .phone_area .phone_value{
  width: 417px;
}

.modal_layer_pop .modal_layer_inner.cert_on .phone_area .phone_value .input_phone{
  width: 230px;
}

.modal_layer_pop .modal_layer_inner.cert_on .phone_area .phone_value .btn_cert{
  display: none;
}

.modal_layer_pop .modal_layer_inner.cert_on .phone_area .phone_value .btn_recert{
  display: block;
}

.modal_layer_pop .modal_layer_inner.cert_on .cert_check_area{
  display: inline-block;
}

.modal_layer_pop .cert_check_area {
  display: none;
  float: right;
  width: 280px;
  height: 46px;
  position: relative;
  box-sizing: border-box;
}

.modal_layer_pop .cert_check_area .cert_check_input{
  width: 278px;
  height: 46px;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #222222;
  text-align: left;
  letter-spacing: -0.2px;
  padding-left: 20px;
  border: 1px solid #e51937;
  background-color: #f6f6f6;
  box-sizing: border-box;
}

.modal_layer_pop .cert_check_area .cert_check_input:focus{
  background-color: #fff;
}

.modal_layer_pop .cert_check_area .cert_check_input::placeholder{
  color:#666666;
}


.modal_layer_pop .cert_check_area .btn_cert_check{
  position: absolute;
  top: 7px;
  right: 10px;
  width: 110px;
  height: 30px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #dddddd;
  font: 300 14px/30px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: center;
}

.modal_layer_pop .cert_check_area .btn_cert_check.on{
  background-color: #e51937;
  border: 1px solid #e51937;
  color:#fff;
}

.modal_layer_pop .phone_area .phone_value {
  width: 716px;
  height: 46px;
  border: 1px solid #eee ;
  background-color: #f6f6f6;
  display: inline-block;
  position: relative;
}

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

.modal_layer_pop .phone_area .select_phone{
  min-width: 137px !important;
  height: 46px;
  padding-left: 15px;
  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%;
}

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

.modal_layer_pop .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: #222222;
}

.modal_layer_pop .phone_area .input_phone::placeholder{
  color:#666666
}

.modal_layer_pop .phone_area .input_phone:focus{
  color:#222222;
}

.modal_layer_pop .phone_info .phone_value {
  width: 670px;
  height: 46px;
  border: 1px solid #eee ;
  background-color: #f6f6f6;
  display: inline-block;
  position: relative;
}

.modal_layer_pop .phone_info .phone_value.active{
  background-color: #fff;
  border: 1px solid #222222;
  color:#222;
}

.modal_layer_pop .phone_info .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%;
}

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

.modal_layer_pop .phone_info .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: #222222;
}

.modal_layer_pop .phone_info .input_phone::placeholder{
  color:#666666
}

.modal_layer_pop .phone_info .input_phone:focus{
  color:#222222;
}

.modal_layer_pop .phone_area .btn_cert{
  position: absolute;
  top: 7px;
  right: 10px;
  display: block;
  width: 110px;
  height: 30px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #dddddd;
  font: 300 14px/30px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: center;
}

.modal_layer_pop .phone_area .btn_cert.on{
  background-color: #e51937;
  border: 1px solid #e51937;
  color:#fff;
}



.modal_layer_pop .phone_area .btn_recert{
  position: absolute;
  top: 7px;
  left: 334px;
  display: none;
  width: 70px;
  height: 30px;
  border-radius: 20px;
  background-color: #e51937;
  border: 1px solid #e51937;
  font: 300 14px/30px 'Roboto','Noto Sans KR';
  color: #fff;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .input_check_wrap{
  margin-top: 10px;
  position: relative;
}

.modal_layer_pop .modal_layer_inner .input_check_wrap .persnal_info{
  width: 110px;
  height: 28px;
  border: 1px solid #dddddd;
  position: absolute;
  box-sizing: border-box;
  right: 12px;
  top: 9px;
  font: 300 13px/28px 'Roboto','Noto Sans KR';
  color: #999999;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .btn_done_wrap{
  border-top: 1px solid #222222;
  padding-top: 30px;
  margin: 10px auto 0;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .btn_done_wrap .btn_done{
  display: inline-block;
  width: 160px;
  height: 46px;
  background-color: #222222;
  font: 300 16px/46px 'Roboto','Noto Sans KR';
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

.modal_layer_pop .modal_layer_inner .btn_done_wrap .btn_done.active{
  background-color: #e51937;
}

.mab60{
  margin-bottom: 60px !important;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list{
  width: 720px;
  margin: 0 auto;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type2{
	border-top: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap{
  max-height: 285px;
  border-bottom: 1px solid #222222;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap .mCSB_inside > .mCSB_container{
  margin-right: 0;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap .mCSB_draggerContainer{
  right: -12px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body{
  width: 720px;
  }

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td{
  height: 140px;
  font:300 16px/26px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
  border-bottom: 1px solid #e8e8e8;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.input_td{
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td .input_check input[type="checkbox"] + label span{
  margin: 17px 0 0 0;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body tr:last-child td{
  border-bottom: none;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.rent{
  font:400 16px/140px 'Roboto','Noto Sans KR';
  color:#e51937;
  text-align: center;
  letter-spacing: -0.2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.normal{
  font:400 16px/140px 'Roboto','Noto Sans KR';
  color:#f47726;
  text-align: center;
  letter-spacing: -0.2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.tac{
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td .popup_select{
  width: 70px;
  height: 34px;
  background-color: #999999;
  text-align: center;
  display: inline-block;
  color:#fff;
  font:300 15px/34px 'Roboto','Noto Sans KR';
  border-radius: 2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td .popup_select:hover{
  background-color: #222;
  color:#fff;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name{
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name .imgbox{
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: top;
  background-color: #f6f6f6;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name.type2 ul{
	margin-top: 10px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name ul{
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  margin-top: 25px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name li{
  display: block;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name li.prod_num{
  font:300 14px/14px 'Roboto';
  color:#666666;
  text-align: left;
  letter-spacing: -0.2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name li.prod_name{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
  margin-top: 15px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body td.name li.contract_num{
  font:300 14px/14px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  letter-spacing: -0.2px;
	margin-top: 20px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution{
  width: 720px;
  margin: 30px auto;
  text-align: left;
  position: relative;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .red{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  color:#e51937;
  text-align: left;
  letter-spacing: -0.2px;
  display: block;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .title{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  color:#222;
  text-align: left;
  letter-spacing: -0.2px;
  display: block;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .txt{
  font:300 16px/16px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
  display: block;
  margin-top: 10px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .txt2{
  font:300 15px/26px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 10px;
	word-break: keep-all;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .btn_solution{
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  color:#e51937;
  font:400 16px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .btn_solution:after{
    content: ">";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #e51937;
    color: #fff;
    border-radius: 100%;
    font: 300 10px/16px 'Roboto';
    text-align: center;
    margin-left: 6px;
    vertical-align: text-top;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .btn_solution span{
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/static/images/sk_iconset.png') no-repeat -484px -255px;
  vertical-align: top;
  margin-top: 1px;
  margin-left: 5px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_tit{
	font:500 16px/16px 'Roboto','Noto Sans KR';
	margin-bottom: 20px;
	color:#222;
}

.modal_layer_pop .modal_layer_inner .popup_input01{
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  padding-left: 15px;
  color: #222;
  text-align: left;
  font:500 16px/44px 'Roboto','Noto Sans KR';
  border: 1px solid #999999;
  background-color: #fff;
}

.modal_layer_pop .modal_layer_inner .popup_input02{
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  padding-left: 15px;
  color: #222;
  text-align: left;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  border: 1px solid #cccccc;
}

.modal_layer_pop .modal_layer_inner .popup_input03{
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  padding-left: 15px;
  color: #999;
  text-align: left;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  border: 1px solid #eee;
  background-color: #f6f6f6;
}

.modal_layer_pop .modal_layer_inner .popup_input04{
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  padding-left: 15px;
  color: #666;
  text-align: left;
  font:300 16px/44px 'Roboto','Noto Sans KR';
  border: 1px solid #e8e8e8;
  background-color: #fff;
}

.modal_layer_pop .modal_layer_inner .popup_input04:focus{
  background-color: #fff;
  color:#222;
  border: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_input04::placeholder{
  color:#666;
}

.modal_layer_pop .modal_layer_inner .popup_input03:focus{
  background-color: #fff;
  color:#222;
  border: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_search{
  margin: 0 auto 30px;
  width: 720px;
}

.modal_layer_pop .modal_layer_inner .popup_search th{
  color: #222;
  text-align: left;
  font:700 15px/44px 'Roboto','Noto Sans KR';
  padding-left: 15px;
  border-bottom: 1px solid #e8e8e8;
}

.modal_layer_pop .modal_layer_inner .popup_search th.light{
  font:400 15px/44px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .popup_search td{
  color: #222;
  text-align: left;
  font:300 14px/44px 'Roboto','Noto Sans KR';
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}

.modal_layer_pop .modal_layer_inner .popup_search td.bdn{
  border: none;
}

.modal_layer_pop .modal_layer_inner .popup_search td.pdn{
  padding-bottom: 0;
}

.modal_layer_pop .modal_layer_inner .popup_search td .desc{
  color: #666;
  text-align: left;
  font:400 16px/16px 'Roboto','Noto Sans KR';
  margin: 20px 0 5px;
}

.modal_layer_pop .modal_layer_inner .popup_search td .red{
  color:#e51937;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.sub th{
  color: #222;
  text-align: left;
  font:400 15px/44px 'Roboto','Noto Sans KR';
  padding: 5px 0 0 15px;
  border-bottom: 1px solid #222;
  vertical-align: top;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.sub td{
  padding: 5px 0 30px 0;
  border-bottom: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.bdn th{
  border-bottom: none;
  padding: 2px 0 0 15px;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.bdn td{
  border-bottom: none;
  padding: 2px 0 0 0;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.bdn2 th{
  border-bottom: none;
  padding: 20px 0 0 15px;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.bdn2 td{
  border-bottom: none;
  padding: 20px 0 0 0;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.last th{
  border-bottom: 1px solid #000;
  padding: 10px 0 20px 15px;
}

.modal_layer_pop .modal_layer_inner .popup_search tr.last td{
  border-bottom: 1px solid #000;
  padding: 10px 0 20px 0;
}

.modal_layer_pop .modal_layer_inner .popup_btn_wrap{
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_btn_wrap.mat{
	margin-top: 30px;
}

.modal_layer_pop .modal_layer_inner .popup_btn_wrap.pop_list{
  padding-top: 30px;
  border-top: 1px solid #dddddd;
}

.modal_layer_pop .modal_layer_inner .popup_btn_wrap.line{
  padding-top: 30px;
  border-top: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .btn_black{
  width: 140px;
  height: 46px;
  background-color: #222;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font:300 16px/46px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .btn_black02{
  width: 50px;
  height: 46px;
  background-color: #222;
  box-sizing: border-box;
  display: inline-block;
  margin-left:10px;
  text-align: center;
  border-radius: 2px;
  background: url('/static/images/sk_iconset.png')no-repeat -106px -461px;
  text-indent: -9999px;
}

.modal_layer_pop .modal_layer_inner .btn_white{
  width: 140px;
  height: 46px;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  color: #666666;
  border: 1px solid #666666;
  border-radius: 2px;
  text-align: center;
  font:300 16px/46px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .btn_download{
  width: 140px;
  height: 46px;
  background-color: #e51937;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 10px;
  color: #fff;
  border: 1px solid #e51937;
  border-radius: 2px;
  text-align: center;
  font:300 16px/44px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .btn_download .download_ico{
  width: 10px;
  height: 14px;
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat -490px -435px;
  vertical-align: top;
  margin-top: 14px;
  margin-right: 8px;
}

.modal_layer_pop .modal_layer_inner .btn_red_min{
  width: 104px;
  height: 36px;
  background-color: #e51937;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 3px;
  color: #fff;
  border: 1px solid #e51937;
  text-align: center;
  font:300 14px/34px 'Roboto','Noto Sans KR';
  border-radius: 2px;
}

.modal_layer_pop .modal_layer_inner .btn_black_min{
  width: 144px;
  height: 36px;
  background-color: #222;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 3px;
  color: #fff;
	border-radius: 2px;
  text-align: center;
  font:300 14px/38px 'Roboto','Noto Sans KR';
  border-radius: 2px;
}

.modal_layer_pop.normal_popup .modal_layer_inner .btn_black_min{
  width: 104px;
  height: 36px;
  background-color: #222;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 3px;
  color: #fff;
	border-radius: 2px;
  text-align: center;
  font:300 14px/38px 'Roboto','Noto Sans KR';
  border-radius: 2px;
}

.modal_layer_pop .modal_layer_inner .btn_white_min{
  width: 104px;
  height: 36px;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 3px;
  color: #666666;
  border: 1px solid #666666;
  text-align: center;
  font:300 14px/34px 'Roboto','Noto Sans KR';
  border-radius: 2px;
}

.modal_layer_pop .modal_layer_inner .list_count{
   box-sizing: border-box;
   padding: 26px 0;
   font:400 16px/16px 'Roboto','Noto Sans KR';
   color:#222;
}

.modal_layer_pop .modal_layer_inner .list_count .red{
  color:#e51937;
  font:300 16px/16px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .list_count .red .rob{
  color:#e51937;
  font:700 16px/16px 'Roboto';
}

.modal_layer_pop .modal_layer_inner .popup_list_wrap{
  width: 780px;
  max-height: 380px;
  position: relative;
}

.modal_layer_pop .modal_layer_inner .popup_list_wrap .mCSB_scrollTools{
  position: absolute;
  right: -6px;
}

.modal_layer_pop .modal_layer_inner .popup_list_wrap .mCSB_inside > .mCSB_container{
  margin-right: 0;
}

.modal_layer_pop .modal_layer_inner .popup_list_area {
  width: 100%;
  border-top: 1px solid #999999;
}

.modal_layer_pop .modal_layer_inner .popup_list_area li .number{
  color:#222;
  font:500 20px/65px 'Roboto';
  margin-left: 20px;
  display: inline-block;
}

.modal_layer_pop .modal_layer_inner .popup_list_area li .list_title{
  color:#222;
  font:500 16px/65px 'Roboto','Noto Sans KR';
  margin-left: 26px;
  display: inline-block;
}

.modal_layer_pop .modal_layer_inner .popup_list_area li{
  background-color: #fff;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}

.modal_layer_pop .modal_layer_inner .popup_list_area li:last-child{
  border-bottom: none;
}

.modal_layer_pop .modal_layer_inner .popup_list_area>ul>li:hover{
  background-color: #f6f6f6;
}

.modal_layer_pop .modal_layer_inner .popup_list_area>ul>li.active{
  background-color: #f6f6f6;
}

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

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

.modal_layer_pop .modal_layer_inner .popup_list_area>ul>li.active .contents_list{

}

.modal_layer_pop .modal_layer_inner .popup_list_area li .contents_list{
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  border-top: 1px dotted #cccccc;
  background-color: #fff;
  display: none;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution{
  box-sizing: border-box;
  width: 720px;
  margin-bottom: 30px;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution>ul>li{
  padding: 40px 0;
  border-bottom: 1px solid #e8e8e8;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution>ul>li:last-child{
  border-bottom: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution .number{
  width: 60px;
  height: 60px;
  background-color: #222;
  color:#fff;
  font:700 20px/60px 'Roboto';
  border-radius: 30px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: -5px;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution .text{
  display: inline-block;
  margin-left: 30px;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution .text h6{
  font:500 18px/24px 'Roboto','Noto Sans KR';
  text-align: left;
  color:#222;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution .text .red{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  text-align: left;
  color:#e51937;
  margin: 30px 0;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution .text .sub_list li{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  text-align: left;
  color:#666666;
  margin-top: 10px;
}

.modal_layer_pop .modal_layer_inner .popup_rental_solution .text .sub_list li strong{
  font:500 15px/15px 'Roboto','Noto Sans KR';
  color: #222;
}

.modal_layer_pop .modal_layer_inner .popup_tit{
  text-align: center;
  margin: 30px auto;
}

.modal_layer_pop .modal_layer_inner .popup_tit h5{
  font:500 20px/30px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_tit h5 .red{
  color:#e51937;
}

.modal_layer_pop .modal_layer_inner .popup_tit .sub_txt{
  font:300 18px/18px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
  margin: 30px 0;
}

.modal_layer_pop .modal_layer_inner .qr_area{
  width: 720px;
  height: 170px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 20px;
}

.modal_layer_pop .modal_layer_inner .qr_area .qr_img{
  display: inline-block;
}

.modal_layer_pop .modal_layer_inner .qr_area dl{
  margin-left: 17px;
  vertical-align: top;
  display: inline-block;
  margin-top: 30px;
}

.modal_layer_pop .modal_layer_inner .qr_area dl dt{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  letter-spacing: -0.3px;
  margin-bottom: 15px;
}

.modal_layer_pop .modal_layer_inner .qr_area dl dd{
  font:300 16px/16px 'Roboto','Noto Sans KR';
  color: #666666;
  text-align: left;
  margin-top: 10px;
}

.modal_layer_pop .modal_layer_inner .qr_area dl dd .red{
  color:#e51937;
}

.modal_layer_pop .modal_layer_inner .qr_area dl dd::before{
  content: '';
  width: 3px;
  height: 3px;
  background-color: #e51937;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}

.modal_layer_pop .modal_layer_inner .popup_code{
  width: 720px;
  margin-top: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_code th{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .popup_code td{
  padding: 0 0 40px;
}

.modal_layer_pop .modal_layer_inner .describe{
  width: 620px;
  height: 110px;
  box-sizing: border-box;
  background-color: #f4f4f4;
  padding: 27px 20px;
  margin-bottom: 30px;
}

.modal_layer_pop .modal_layer_inner .describe .tit{
  font:500 15px/15px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .describe .tit .question{
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url('/static/images/sk_iconset.png')no-repeat -22px -829px;
  margin-top: -3px;
  vertical-align: top;
}

.modal_layer_pop .modal_layer_inner .describe .sub{
  font:300 15px/15px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
  margin-top: 20px;
}

.modal_layer_pop .modal_layer_inner .popup_describe{
  text-align: center;
  margin: 9px auto 22px;
}

.modal_layer_pop .modal_layer_inner .popup_describe .txt{
  font:500 15px/25px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .normal_popup_describe{
  text-align: center;
  margin: 14px 40px 33px;
}

.modal_layer_pop .modal_layer_inner .normal_popup_describe .txt{
  font:500 18px/28px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_describe2{
  text-align: center;
  margin: 9px auto 22px;
  padding: 0 30px;
}

.modal_layer_pop .modal_layer_inner .popup_describe2 .txt{
  font:500 15px/25px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .popup_describe3{
  text-align: center;
  margin: 9px auto 22px;
  padding: 0 30px;
}

.modal_layer_pop .modal_layer_inner .popup_describe3 .tit{
  font:700 18px/18px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
	letter-spacing: -0.5px;
}

.modal_layer_pop .modal_layer_inner .popup_describe3 .txt{
	font: 400 15px/22px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
  letter-spacing: -0.5px;
  margin-top: 15px;
}

.modal_layer_pop .modal_layer_inner .popup_describe2 .txt .thin{
  font:300 15px/25px 'Roboto','Noto Sans KR';
}

.modal_layer_pop .modal_layer_inner .popup_search_box{
  display: flex;
}

.modal_layer_pop .modal_layer_inner .search_result_list{
  background-color: #f8f8f8;
  max-height: 250px;
}

.modal_layer_pop .modal_layer_inner .search_result_list li{
  padding: 10px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  width: 680px;
  margin: 0 auto;
}

.modal_layer_pop .modal_layer_inner .search_result_list li:last-child{
  border: none;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .check{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 20px;
  box-sizing: border-box;
  vertical-align: middle;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .check.on{
  border: 5px solid #e51937;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .postal{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
  vertical-align: middle;
  margin-left: 20px;
  display: inline-block;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .search_address{
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .search_address .add{
  display: block;
  font:400 15px/22px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
  vertical-align: middle;
  margin: 10px 0;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .search_address .add .text{
  font:400 15px/22px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  width: 460px;
}

.modal_layer_pop .modal_layer_inner .search_result_list li .search_address .add .add_tit{
  display: inline-block;
  width: 60px;
  height: 26px;
  border: 1px solid #999999;
  border-radius: 2px;
  font:400 13px/26px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: center;
  margin-right: 14px;
}

.modal_layer_pop .modal_layer_inner .num_area {
  margin: 30px auto 10px;
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .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;
}

.modal_layer_pop .modal_layer_inner .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;
}

.modal_layer_pop .modal_layer_inner .num_area ul{
  display: inline-block;
}

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

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

.modal_layer_pop .modal_layer_inner .date_box{
  width: 518px;
  height: 100px;
  box-sizing: border-box;
  background-color: #f4f4f4;
  text-align: center;
  margin: 0 auto 54px;
}

.modal_layer_pop .modal_layer_inner .date_box::after{
  content: '';
  width: 518px;
  height: 1px;
  background-color: #000;
  margin: 60px auto;
  display: block;
}


.modal_layer_pop .modal_layer_inner .date_box .date_calendar{
  display: inline-block;
  vertical-align: top;
  margin-top: 32px;
}

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

.modal_layer_pop .modal_layer_inner .date_box .date_calendar .input_wrap .input_calendar.wid170{
  width: 170px;
}

.modal_layer_pop .modal_layer_inner .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;

}

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

.modal_layer_pop .modal_layer_inner .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;
}

.modal_layer_pop .modal_layer_inner .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: 5px;
  margin-top: 33px;
}

/* 로딩바 */
@keyframes ldio-n7w3yv9j55 {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.ldio-n7w3yv9j55 div {
  left: 47.5px;
  top: 24px;
  position: absolute;
  animation: ldio-n7w3yv9j55 linear 1s infinite;
  background: #e51937;
  width: 5px;
  height: 12px;
  border-radius: 1.44px / 1.44px;
  transform-origin: 2.5px 26px;
}.ldio-n7w3yv9j55 div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9166666666666666s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08333333333333333s;
  background: #e51937;
}.ldio-n7w3yv9j55 div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #e51937;
}
.loadingio-spinner-spinner-opan46on2pg {
  width: 64px;
  height: 64px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-n7w3yv9j55 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.64);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-n7w3yv9j55 div { box-sizing: content-box; }
.loading_wrap{
	width: 100%;
  height: 100%;
  background-color:#fff;
  z-index: 99999;
  position: fixed;
}
.loading_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -63px;
}
.loading_txt{
	text-align: center;
	color:#666;
	font: 500 16px/16px 'Roboto','Noto Sans KR';
}
/* 로딩바 끝 */

/* 다운로드 문서 */

.pdf_wrap{
	width: 1024px;
	box-sizing: border-box;
	position: relative;
	padding: 60px 40px 80px;
  margin: 0 auto;
}

.pdf_wrap .down_top{
	position: relative;
	min-height: 45px;
}

.pdf_wrap .down_top .top_cont{
	text-align: left;
}

.pdf_wrap .down_top .top_cont li{
	display: block;
}

.pdf_wrap .down_top .top_cont li::before{
	content: '';
	width: 4px;
	height: 4px;
	background-color: #808080;
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 14px;
}

.pdf_wrap .down_top .top_cont li .tit{
	text-align: left;
	color:#666;
	font: 300 14px/14px 'Roboto','Noto Sans KR';
	margin-right: 20px;
	display: inline-block;
}

.pdf_wrap .down_top .top_cont li .name{
	text-align: left;
	color:#222;
	font: 400 14px/14px 'Roboto','Noto Sans KR';
	margin-top: 10px;
	display: inline-block;
}

.pdf_wrap .down_top .download_logo{
	position: absolute;
	right: 0;
	top: 6px;
	width: 89px;
	height: 45px;
	display: block;
}

.pdf_wrap .down_contents .doc_tit{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

.pdf_wrap .down_contents .doc_tit h5{
	color:#222;
	font: 500 40px/40px 'Roboto','Noto Sans KR';
	text-align: center;
}

.pdf_wrap .down_contents .doc_tit .sub_txt{
  color:#222;
	font: 400 20px/20px 'Roboto','Noto Sans KR';
	text-align: center;
  margin-top: 30px;
}

.pdf_wrap .down_contents .card_tit{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}

.pdf_wrap .down_contents .card_tit h5{
	color:#222;
	font: 500 45px/45px 'Roboto';
	text-align: center;
}

.pdf_wrap .down_contents .card_tit h5 span{
  font: 700 40px/45px 'Roboto','Noto Sans KR';
}

.pdf_wrap .down_contents .down_table01.type2{
  margin-top: 20px;
}

.pdf_wrap .down_contents .down_table01{
	width: 100%;
	table-layout: fixed;
	margin-top: 40px;
}

.pdf_wrap .down_contents .down_table01 th{
	border-top: 1px solid #222;
	background-color: #dddddd;
	color:#222;
	text-align: center;
	font: 500 15px/52px 'Roboto','Noto Sans KR';
	height: 52px;
}

.pdf_wrap .down_contents .down_table01 th.big{
  font: 500 18px/52px 'Roboto','Noto Sans KR';
}

.pdf_wrap .down_contents .down_table01 th.small{
  font: 500 15px/52px 'Roboto','Noto Sans KR';
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

.pdf_wrap .down_contents .down_table01 th.small:first-child{
  border-left:none;
}

.pdf_wrap .down_contents .down_table01 td {
	text-align: left;
	border-bottom: 1px solid #e8e8e8;
	color:#222;
	font: 300 14px/24px 'Roboto','Noto Sans KR';
	vertical-align: middle;
	padding: 10px 20px;
}

.pdf_wrap .down_contents .down_table01 td .price{
  font: 700 14px/24px 'Roboto';
}

.pdf_wrap .down_contents .down_table01 td.center{
	text-align: center;
  padding: 10px 0;
}

.pdf_wrap .down_contents .down_table01 td.center2{
	text-align: center;
  padding: 10px 0;
  border-left:  1px solid #e8e8e8;
}

.pdf_wrap .down_contents .down_table01 td.title {
	text-align: center;
	border-bottom: 1px solid #e8e8e8;
	color:#666666;
	font: 300 14px/24px 'Roboto','Noto Sans KR';
	vertical-align: middle;
	padding: 10px 0;
	background-color: #f6f6f6;
}

.pdf_wrap .down_contents .down_table01 td.title2 {
	text-align: center;
	border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
	color:#666666;
	font: 300 14px/24px 'Roboto','Noto Sans KR';
	vertical-align: top;
	padding: 10px 0;
	background-color: #f6f6f6;
}

.pdf_wrap .down_contents .down_table01 td .receipt{
  font-size: 0;
}

.pdf_wrap .down_contents .down_table01 td .receipt li{
  display: inline-block;
  margin-right:30px;
  color:#999999;
	font: 300 15px/24px 'Roboto','Noto Sans KR';
}

.pdf_wrap .down_contents .down_table01 td .receipt li.check{
  color:#444;
}

.pdf_wrap .down_contents .down_table01 td .receipt li.check::before{
  content:'';
  display: inline-block;
  width: 10px;
  height: 7px;
  background: url('/static/images/sk_iconset.png')no-repeat -478px -481px;
  vertical-align: top;
  margin-top: 8px;
  margin-right: 7px;
}

.pdf_wrap .down_contents .down_table02{
	width: 100%;
	table-layout: fixed;
	margin-top: 40px;
}

.pdf_wrap .down_contents .down_table02 th{
	border-top: 1px solid #222;
	background-color: #f6f6f6;
	color:#666666;
	text-align: center;
	font: 300 14px/52px 'Roboto','Noto Sans KR';
	height: 52px;
	border-right: 1px solid #e8e8e8;
}

.pdf_wrap .down_contents .down_table02 th:last-child{
	border-right: none;
}

.pdf_wrap .down_contents .down_table02 td {
	text-align: center;
	border-bottom: 1px solid #e8e8e8;
	color:#222;
	font: 300 15px/24px 'Roboto','Noto Sans KR';
	vertical-align: top;
	padding: 10px 10px;
	border-right: 1px solid #e8e8e8;
}

.pdf_wrap .down_contents .down_table02 td:last-child{
	border-right: none;
}

.pdf_wrap .down_bottom{
	margin-top: 100px;
  position: relative;
}

.pdf_wrap .down_bottom.type2{
  margin-top: 50px;
}

.pdf_wrap .down_bottom .bottom_left{
  float: left;
  position: relative;
  margin-left: -10px;
}

.pdf_wrap .down_bottom .bottom_right{
  float: right;
  position: relative;
}

.pdf_wrap .down_bottom .stamp{
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -93px;
}

.pdf_wrap .down_bottom .stamp2{
  position: absolute;
  top: 89px;
  right: 20px;
  z-index: 10;
}

.pdf_wrap .down_bottom .download_noti{
  width: 100%;
  padding: 30px;
  background-color: #f6f6f6;
  box-sizing: border-box;
}

.pdf_wrap .down_bottom .download_noti ul{
  font-size: 0;
}

.pdf_wrap .down_bottom .download_noti li{
  display: block;
}

.pdf_wrap .down_bottom .download_noti li::before{
  content: '';
  width: 2px;
  height: 2px;
  background-color: #666666;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
  margin-right: 10px;
}

.pdf_wrap .down_bottom .download_noti li p{
  color:#666666;
	font: 300 14px/24px 'Roboto','Noto Sans KR';
	text-align: left;
  vertical-align: top;
  display: inline-block;
}

.pdf_wrap .down_bottom .down_bottom_table.type2{
  margin-top: 40px;
}

.pdf_wrap .down_bottom .down_bottom_table.type3{
	float: none;
}

.pdf_wrap .down_bottom .down_bottom_table{
	float: right;
}

.pdf_wrap .down_bottom .down_bottom_table th{
	padding: 5px 10px;
	color:#666666;
	font: 300 16px/16px 'Roboto','Noto Sans KR';
	text-align: left;
	letter-spacing: 3px;
}

.pdf_wrap .down_bottom .down_bottom_table td{
	padding: 5px 10px;
	color:#222;
	font: 400 16px/16px 'Roboto','Noto Sans KR';
	text-align: left;
}

.pdf_wrap .down_bottom .down_bottom_table2 th{
	padding: 15px 10px;
  text-align: center !important;
	color:#222;
	font: 500 15px/16px 'Roboto','Noto Sans KR';
	text-align: left;
	letter-spacing: 1px;
  background-color: #dddddd;
  border-top: 1px solid #222;
}

.pdf_wrap .down_bottom .down_bottom_table2 td{
	padding: 10px 20px;
	color:#222;
	font: 300 14px/14px 'Roboto','Noto Sans KR';
	text-align: left;
  border-bottom: 1px solid #e8e8e8;
}

.pdf_wrap .down_bottom .down_bottom_table2 td.title{
  text-align: center;
  color:#666666;
  background-color: #f6f6f6;
}

.pdf_wrap .down_bottom .bottom_txt{
  color:#222;
	font: 500 20px/20px 'Roboto','Noto Sans KR';
	text-align: left;
  margin: 0 0 25px 10px;
}

.pdf_wrap .down_contents .contract_code{
	width: 100%;
  margin-top: 50px;
  font-size: 0;
}

.pdf_wrap .down_contents .contract_code p{
	color:#222;
	font: 400 16px/16px 'Roboto';
	text-align: left;
}

.pdf_wrap .down_contents .contract_code p::before{
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #808080;
  vertical-align: top;
  margin-top: 7px;
  margin-right: 5px;
}

.pdf_wrap .down_contents .contract_code p span{
	font: 300 16px/16px 'Roboto','Noto Sans KR';
	color:#666;
  margin-right: 5px;
}

.num_area .unclick{
  opacity: 0.4;
  cursor: default;
}

.modal_cont_wrap{
  width: 100%;
  margin: 0 auto;
  border-top: 2px solid #222;
  padding-top: 30px;
  height: 550px;
}

.modal_cont_wrap .section:first-child{
  margin-top: 0;
}

.modal_cont_wrap .section{
  margin: 30px 0;
}

.modal_cont_wrap .section h5{
  color:#222;
  font:700 18px/18px 'Roboto','Noto Sans KR';
  text-align: left;
  margin-bottom: 10px;
}

.modal_cont_wrap .section>p{
  color: #666;
  font: 400 15px/22px 'Roboto','Noto Sans KR';
  text-align: left;
  margin-left: 10px;
}

.modal_cont_wrap .section .number li{
  display: block;
  margin: 10px 0;
  padding-left: 10px;
}

.modal_cont_wrap .section .number li .num{
  color: #666;
  font: 400 15px/22px 'Roboto','Noto Sans KR';
  text-align: left;
  display: inline-block;
  width: 20px;
  vertical-align: top;
}
.modal_cont_wrap .section .number li>p{
  color: #666;
  font: 400 15px/22px 'Roboto','Noto Sans KR';
  text-align: left;
  display: inline-block;
  width: 900px;
  word-break: keep-all;
}

.modal_cont_wrap .section .number li dl{
  margin-left: 45px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.modal_cont_wrap .section .number li dd{
  color: #666;
  font: 300 14px/22px 'Roboto','Noto Sans KR';
  text-align: left;
  word-break: keep-all;
}

.modal_cont_wrap .personal_table{
  width: 930px;
}

.modal_cont_wrap .personal_table th{
  background-color: #f6f6f6;
  height: 48px;
  color: #666;
  font: 500 15px/48px 'Roboto','Noto Sans KR';
  text-align: center;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}

.modal_cont_wrap .personal_table th:first-child{
  border-left: 1px solid #e8e8e8;
}

.modal_cont_wrap .personal_table td.bdl{
  border-left:1px solid #e8e8e8;
}

.modal_cont_wrap .personal_table td{
  border-right:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  height: 48px;
  color: #666;
  font: 300 14px/20px 'Roboto','Noto Sans KR';
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  word-break:  keep-all;
}

.container .location_wrap .location_inner ul{
  font-size: 0;
}

.container .calendar_wrap .time_noti{
  width: 300px;
  height: 200px;
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 60px;
}

.container .calendar_wrap .time_noti .ico{
  display: block;
  margin: 0 auto;
  width: 54px;
  height: 54px;
  background: url('/static/images/sk_iconset.png')no-repeat -163px -406px;
}

.container .calendar_wrap .time_noti .noti_tit{
  font: 500 20px/20px 'Roboto','Noto Sans KR';
  color: #666666;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 20px;
}

.container .calendar_wrap .time_noti .txt{
  font: 300 15px/25px 'Roboto','Noto Sans KR';
  color: #999999;
  letter-spacing: -0.5px;
  text-align: center;
  margin-top: 20px;
}

/* 1215 상품문의 추가본 */

.modal_layer_pop21 .modal_layer_inner{
  height: auto;
}

.modal_layer_pop21 textarea{
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  height: 146px;
  padding-left: 20px;
  font: 300 15px/46px 'Roboto','Noto Sans KR';
  color: #222222;
  resize: none;
  overflow: auto;
}


.modal_layer_pop21 textarea:focus{
  background: #fff;
}

.modal_layer_pop21 textarea::placeholder{
  color: #999;
}

.modal_layer_pop21 .phone_value{
  margin-bottom: 30px;
}

.modal_layer_pop21 .popup_tit_prd h5{
  height: 72px;
  font: 500 20px/72px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}

.number_textarea_length{
  position: absolute;
  right: 16px;
  bottom: 20px;
  font: 300 14px/14px 'Roboto','Noto Sans KR';
  color: #999;
}

.modal_layer_inner .center_info{
  box-sizing: border-box;
  padding: 30px 0;
  border-bottom: 1px solid #e8e8e8;
}

.modal_layer_inner .center_info .center_nam{
  font: 700 22px/22px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
}

.modal_layer_inner .center_info .center_addr{
  margin-top: 30px;
  font-size: 0;
}

.modal_layer_inner .center_info .center_addr .center_ico_add{
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat -91px -586px;
  vertical-align: top;
}

.modal_layer_inner .center_info .center_addr .tit{
  font: 300 16px/16px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: left;
  margin-left: 10px;
  display: inline-block;
}

.modal_layer_inner .center_info .center_addr .con{
  font: 400 16px/16px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: left;
  margin-left: 20px;
  display: inline-block;
}

.modal_layer_inner .center_info .center_time{
  margin-top: 17px;
  font-size: 0;
}

.modal_layer_inner .center_info .center_time .center_ico_time{
  width: 15px;
  height: 16px;
  display: inline-block;
  background: url('/static/images/sk_iconset.png')no-repeat -125px -586px;
  vertical-align: top;
}

.modal_layer_inner .center_info .center_time .tit{
  font: 300 16px/16px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: left;
  margin-left: 10px;
  display: inline-block;
}

.modal_layer_inner .center_info .center_time .con{
  font: 400 16px/16px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: left;
  margin-left: 20px;
  display: inline-block;
}

.error_wrap{
  padding-left: 320px;
  display: block;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}

.error_wrap .error_box{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.error_wrap .title{
  display: block;
}

/* CH2507-00504 로고이미지 변경 및 path 수정 */
.error_wrap .title img{
  text-align: left;
  display: block;
  height: 57px;
}

.error_wrap .text{
  display: block;
  margin-top: 90px;
}

.error_wrap .text h6{
  font: 500 40px/40px 'Roboto','Noto Sans KR';
  color: #222;
  text-align: left;
}

.error_wrap .text p{
  font: 300 18px/28px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: left;
  margin-top: 30px;
}

.error_wrap .btn_area{
  display: block;
  margin-top: 70px;
}

.error_wrap .btn_area .error_btn{
  width: 200px;
  height: 66px;
  border: 1px solid #999999;
  font: 400 16px/66px 'Roboto','Noto Sans KR';
  color: #666;
  text-align: center;
  display: inline-block;
}

.notice_corp_login{
	display: none;
	width: 660px;
	margin: 20px auto 0;
    font: 300 14px/1.5 'Roboto','Noto Sans KR';
}

.notice_corp_login span{
    font: 500 14px/1.5 'Roboto','Noto Sans KR';
	color: #e51937;
}

.box_share_icon{
	display: inline-block;
	font-size: 0;
}

/* s : 20210615 퍼블리싱 추가본 */


.addrCheckboxDiv{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.addrCheckboxDiv .redCbx{
    width: 16px;
    height: 16px;
    background: #f6f6f6;
    border: 1px solid #d7d7d5!important;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    vertical-align: top;
    margin: 0px 2px 0 0;
}

.addrCheckboxDiv .redCbx:checked{
    width: 16px;
    height: 16px;
    background: url(/static/images/i_qna_check.png)no-repeat center bottom 4px,#e51937;
    border: 1px solid #e51937!important;
}

.addrCheckboxDiv label{
	font:400 15px/15px 'Roboto','Noto Sans KR';
	color:#222;
	letter-spacing:-0.7px;
}

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

.isnotRequired::before{
	display:none!important;
}

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

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

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

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

.container .inquiry_cont_wrap .cont_area .right_cont .address_area .input_address_detail::placeholder{
  color:#666;
}

.container .inquiry_cont_wrap .cont_area .right_cont .address_area.error .input_address{
  background-color: #fff;
  border: 1px solid #e51937;
}

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


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

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

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

.select_option td{
	height: auto!important;
}
.select_option .option_notice{
	padding: 20px 0;
}
.select_option .option_notice .option_title,.row_prod_select_option .option_title{
	display: inline-block;
	font: 400 16px/16px 'Roboto','Noto Sans KR';
	position: relative;
	letter-spacing: -0.2px;
}
.select_option .option_notice .option_title{
	margin-right: 40px;
}
.select_option .option_notice select, .row_prod_select_option select{
	display: inline-block;
	width: 406px;
	font: 400 16px/16px 'Roboto','Noto Sans KR';
	background-position: center right 12px;
}

.icon_cascade{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/static/images/icon_cascade.png') no-repeat center / 100%;
	vertical-align: text-top;
	margin-right: 6px;
}
.icon_qst{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/static/images/icon_qst.png') no-repeat center / 100%;
	vertical-align: text-bottom;
	margin-left: 6px;
	cursor: pointer
}
.qst_info_box{
	display: none;
	min-width: 430px;
	padding: 30px;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	color: #222;
	border: 1px solid #222;
	z-index: 999;
	pointer-events: none;
}
.qst_info_box > div{
	letter-spacing: -0.2px;
}
.qst_info_box.on{
	display: inline-block;
}
.qst_info_box .qst_info_title{
	font: 500 16px/1.5 'Roboto','Noto Sans KR';
	margin-bottom: 10px;
}
.qst_info_box .qst_info_detail{
	font: 400 16px/1.5 'Roboto','Noto Sans KR';
}
.qst_info_box .qst_info_detail span{
	color: #e51937;
	font: 500 16px/1.5 'Roboto','Noto Sans KR';
}
.qst_info_box .qst_info_detail:last-child{
	margin-top: 10px;
}

.row_prod_select_option{
	height: 62px;
	line-height: 62px;
	padding-left: 78px;
}
.row_prod_select_option .option_title{
	margin-right: 16px;
}

.prdRsvNoti{
	position: absolute;
	right: 50px;
	bottom: 10px;
	font: 300 15px/44px 'Roboto','Noto Sans KR';
	color: #222;
	letter-spacing: -0.2px;
}

/* e : 20210615 퍼블리싱 추가본 */

/* 20210629 퍼블리싱 추가본(2)  */
.prodInfoSample,.frmMyProdReg{
	width: calc(50% - 12px);
}
.prodInfoSample{
    display: inline-block;
    height: 178px;
    float: left;
    background: url('/static/images/qrInfoSample.png') no-repeat center / 100%;
}
.frmMyProdReg{
    float: right;
}
.frmMyProdReg select,.frmMyProdReg input{
	width: 100%;
	height: 46px;
	padding: 0 20px;
	border: 0;
	background-color: #f6f6f6;
	appearance: none;
	font: 300 15px/25px 'Roboto','Noto Sans KR';
	color: #666;
	box-sizing: border-box;
}
.frmMyProdReg select{
	background-image: url(/static/images/select_arrow3.png);
	background-position: right 20px center;
	background-repeat: no-repeat
}

.frmMyProdReg > * + *{
	margin-top: 20px;
}
ul.qrNotice{
    display: inline-block;
    width: 100%;
    padding: 30px 0 36px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
ul.qrNotice li{
    font: 300 15px/25px 'Roboto','Noto Sans KR';
    color: #666;
}
.layerAddProd.modal_layer_pop .modal_layer_inner .popup_tit h5{
	text-align: left;
}
.no_cont{
    position: relative;
}
.addContButton{
	width: 100%;
    position: absolute;
    right: 0;
    bottom: -60px;
    text-align: right;
}
.section .contents_box .no_cont .addContButton p{
	display: inline-block;
	font: 300 16px/44px 'Roboto','Noto Sans KR';
	margin-top: 0;
	color: #222;
}
.section .contents_box .no_cont .addContButton a{
	display: inline-block;
	font: 400 16px/44px 'Roboto','Noto Sans KR';
	margin: 0 0 0 10px;
	color: #e51937;
	text-decoration: underline;
	width: auto;
	height: auto;
	background: none;
}
.section .contents_box .no_cont .addContButton a:after{
	content: ">";
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: #e51937;
	color: #fff;
	border-radius: 100%;
	font: 300 10px/16px 'Roboto';
	text-align: center;
	margin-left: 6px;
	vertical-align: text-top;
}
/* e : 20210615 퍼블리싱 추가본 */

/* s : 20210629 pord_select_wrap 공통으로 이동 */

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

.container .prod_select_wrap .prod_select_list li{
  width: 149px;
  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: 149px;
  height: 149px;
  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: 149px;
  font:400 17px/56px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: center;
}

.container .prod_select_wrap .selected_prod_wrap{
  width: 1220px;
  margin: 0px auto 40px;
}



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

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

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

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

.container .prod_select_wrap .selected_prod_list dd a{

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

.container .prod_select_wrap .selected_prod_list dd a{
  font: 300 15px/46px '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 .prod_select_wrap .selected_prod_list dd:nth-child(-n+7) a{
	border-top: 1px solid #e3e3e3;
}

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

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

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

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

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

}


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

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

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

.container .prod_select_wrap .selected_prod_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_wrap .selected_prod dl{

  display: inline-block;
}

.container .prod_select_wrap .selected_prod_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_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_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;
}

.card_list_wrap .prod_select_wrap .prod_select_list{
	margin-top: 0!important;
}
/* e : 20210629 pord_select_wrap 공통으로 이동 */

/*20211116 휴면해제팝업 추가*/

.modal_layer_pop27 .modal_layer_inner{
  width: 780px;
  height: 490px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -252px;
  margin-left: -340px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop.modal_layer_pop27 .modal_layer_inner .popup_tit h5{
  font:700 20px/30px 'Roboto','Noto Sans KR';
  text-align: left;
}

.modal_layer_pop.modal_layer_pop27 .modal_layer_inner .describe{
  width: 720px;
  height: 137px;
}

.modal_layer_pop.modal_layer_pop27 .modal_layer_inner .describe .txt{
  color:#666;
  font:500 16px/25px 'Roboto','Noto Sans KR';
}

.modal_layer_pop.modal_layer_pop27 .modal_layer_inner .describe .sub{
  margin-top: 15px;
  color:#222;
  font:500 16px/16px 'Roboto','Noto Sans KR';
}
/*20211116 휴면해제팝업 추가*/

/* 20220729 계정전환 팝업 추가 */
.modal_layer_pop28 .modal_layer_inner{
  width: 780px;
  height: 648px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -324px;
  margin-left: -390px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .rental_solution .txt2 .pop_id_change{
  font-weight: 700;
  color:#222;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3{
	border-top: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .mCSB_inside > .mCSB_container{
  margin-right: 0;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .mCSB_draggerContainer{
  right: -12px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body{
  width: 720px;
  }

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body_wrap.type3 .list_body td{
  height: 140px;
  font:300 16px/26px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
  border-bottom: 1px solid #e8e8e8;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.input_td{
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td .input_check input[type="checkbox"] + label span{
  margin: 17px 0 0 0;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body tr:last-child td{
  border-bottom: none;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.rent{
  font:400 16px/140px 'Roboto','Noto Sans KR';
  color:#e51937;
  text-align: center;
  letter-spacing: -0.2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.normal{
  font:400 16px/140px 'Roboto','Noto Sans KR';
  color:#f47726;
  text-align: center;
  letter-spacing: -0.2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.tac{
  text-align: center;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td .popup_select{
  width: 70px;
  height: 34px;
  background-color: #999999;
  text-align: center;
  display: inline-block;
  color:#fff;
  font:300 15px/34px 'Roboto','Noto Sans KR';
  border-radius: 2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td .popup_select:hover{
  background-color: #222;
  color:#fff;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name{
  text-align: left;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name .imgbox{
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: top;
  background-color: #f6f6f6;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name.type2 ul{
	margin-top: 10px;
  width: 420px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name ul{
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  margin-top: 25px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name li{
  display: block;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name li.prod_num{
  font:700 14px/14px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  letter-spacing: -0.2px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name li.prod_name{
  font:500 16px/16px 'Roboto','Noto Sans KR';
  color:#222222;
  text-align: left;
  letter-spacing: -0.2px;
  margin-top: 15px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name li.contract_num{
  font:300 14px/14px 'Roboto','Noto Sans KR';
  color:#666666;
  text-align: left;
  letter-spacing: -0.2px;
	margin-top: 20px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name .check{
  display: inline-block;
  vertical-align: top;
  width: 35px;
  margin-top: 40px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name .check input[type="radio"] {
  display:none;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name .check input[type="radio"] + label span {
  display:inline-block;
  width:16px;
  height:16px;
  background:url('../images/sk_iconset.png') no-repeat -484px -331px;
  cursor: pointer;
  vertical-align: top;  
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name .check input[type="radio"]:checked + label span {
  background:url('../images/sk_iconset.png') no-repeat -484px -312px;
}

.modal_layer_pop .modal_layer_inner .popup_prod_list .list_body_wrap.type3 .list_body td.name .more_count{
  display: inline-block;
  width: 80px;
  font: 500 16px/16px 'Roboto','Noto Sans KR';
  color: #222;
  vertical-align: top;
  margin-top: 40px;
}

/* 20221017 위약금 조회 버튼 추가 s */
.modal_layer_pop_penalty .modal_layer_inner{
  width: 510px;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -478px;
  margin-left: -255px;
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}    

.modal_layer_pop_penalty .penalty_wrap{

}

.modal_layer_pop_penalty .penalty_wrap .date_wrap{

}

.modal_layer_pop_penalty .penalty_wrap .date_wrap .tit{
  text-align: left;
  color:#222;
  font:700 18px/18px 'Roboto','Noto Sans KR';
  margin-top: 30px;
}

.modal_layer_pop_penalty .penalty_wrap .date_wrap .date_box{
  width: 100%;
  height: 70px;
  background-color: #f6f6f6;
  text-align: center;      
  margin: 20px auto;
}

.modal_layer_pop_penalty .penalty_wrap .date_wrap .date_box::after{
  display: none;
}

.modal_layer_pop_penalty .penalty_wrap .date_wrap .date_box .tit_date{
  display: inline-block;
  color:#222;
  font:500 15px/70px 'Roboto','Noto Sans KR';
  vertical-align: middle;
}

.modal_layer_pop_penalty .modal_layer_inner .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;
  cursor: pointer;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .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: 5px;
  margin-top: 0;
  vertical-align: middle;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .date_box .date_calendar{
  margin-top: 0;
  vertical-align: middle;
  margin-left: 15px;
  position: relative;
}

.modal_layer_pop.modal_layer_pop_penalty .date_calendar .calendar01{
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 10;
}

.modal_layer_pop.modal_layer_pop_penalty .penalty_wrap .penalty_info{
  margin-top: 17px;
  position: relative;
}

.modal_layer_pop.modal_layer_pop_penalty .penalty_wrap .penalty_info .tit{
  color: #222;
  font: 500 16px/20px 'Roboto','Noto Sans KR';
  vertical-align: middle;
}

.modal_layer_pop.modal_layer_pop_penalty .penalty_wrap .penalty_info .tit .penalty_more_info{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('/static/images/sk_iconset.png') no-repeat -22px -829px;
  vertical-align: top;
  margin-top: -1px;
  margin-left: 5px;
  border: none;
  cursor: pointer;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .penalty_table{
  margin-top: 17px;
  border-top: 1px solid #222;
  width: 100%;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .penalty_table th{
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
  font:400 15px/25px 'Roboto','Noto Sans KR';
  text-align: left;
  color:#666;
  padding: 10px 0;
  background-color: #fff;
  width: 30%;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .penalty_table td{
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
  font:500 15px/25px 'Roboto','Noto Sans KR';
  text-align: right;
  color:#222;      
  background-color: #fff;
  padding: 10px 0;
  width: 70%;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .penalty_table .result th{
  font:700 15px/25px 'Roboto','Noto Sans KR';
  color:#222;
  border-bottom: none;
}

.modal_layer_pop.modal_layer_pop_penalty .modal_layer_inner .penalty_table .result td{
  font:700 15px/25px 'Roboto','Noto Sans KR';
  color:#222;
  border-bottom: none;
}

.modal_layer_pop_penalty .penalty_wrap .penalty_rule{
  margin-top: 10px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  min-height: 110px;
  background-color: #f6f6f6;            
}

.modal_layer_pop_penalty .penalty_wrap .penalty_rule dt{
  display: block;
  font:700 14px/24px 'Roboto','Noto Sans KR';
  color:#666;
  text-align: left;
}

.modal_layer_pop_penalty .penalty_wrap .penalty_rule dd{
  display: block;
  font:400 14px/24px 'Roboto','Noto Sans KR';
  color:#666;
  text-align: left;
}

.modal_layer_pop_penalty .penalty_wrap .penalty_noti{
  margin: 20px auto;
  display: block;
  font:400 14px/20px 'Roboto','Noto Sans KR';
  color:#666;
  text-align: left;
}

.penalty_more_info_cont{
  position: absolute;
  top: 20px;
  left: 85px;
  width: 350px;
  height: 380px;
  background-color: #fff;
  border: 1px solid #222;
  display: none;
  padding: 10px 30px 0;
  box-sizing: border-box;
}

.penalty_more_info_cont .penalty_close_wrap{      
  width: 100%;
  text-align: right;     
}

.penalty_more_info_cont .penalty_close_wrap .more_info_close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 0;
  background:url('/static/images/sk_iconset.png')no-repeat -47px -831px;
  cursor: pointer;
}

.penalty_more_info_cont dt{
  display: block;
  font:700 15px/25px 'Roboto','Noto Sans KR';
  color:#222;
  text-align: left;
  margin-top: 15px;
}

.penalty_more_info_cont dd{
  display: block;
  font:400 14px/20px 'Roboto','Noto Sans KR';
  color:#666;
  text-align: left;
  margin-top: 5px;
}
/* 20221017 위약금 조회 버튼 추가 e */

/* CH2509-00450 개인정보 수집 재동의 팝업 s */
.modal_layer_pop.modal_layer_pop_agree .modal_layer_inner{
  width: 600px;
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop_agree01 .modal_layer_inner{
  width: 600px;
  height: 800px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.modal_layer_pop_agree02 .modal_layer_inner{
  width: 600px;
  height: 460px;
  box-sizing: border-box;
  position: absolute;
  top: 40%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px 30px 40px 30px;
}

.MSGPoP .modal_layer_inner {
    width: 500px;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0 0 30px 0;
    overflow: hidden;
    box-shadow: 3px 3px 0px 0px #e5e5e5;
    border: 1px solid #222;
}

.modal_layer_pop .modal_layer_inner .input_check_wrap.border_t{
  border-top: 2px solid #222;
  padding-top: 10px;
}

.modal_layer_pop .modal_layer_inner .input_box_new .input_check_wrap{
  margin-top: 0;
}

.modal_layer_pop .modal_layer_inner .input_box_new{
  border: 1px solid #e7e7e7;
  padding: 10px 20px;
  margin-bottom: 30px;
}

.modal_layer_pop .modal_layer_inner .agree_noti{
  font:400 14px/20px 'Roboto','Noto Sans KR';
  color:#999;
  margin-bottom: 20px;
}

.modal_layer_pop .modal_layer_inner .agree_noti span{
  color:#de4f41;
  margin-left:8px;
}

.modal_cont_wrap .agree_table th{
  background-color: #f6f6f6;
  height: 48px;
  color: #666;
  font: 500 15px/48px 'Roboto','Noto Sans KR';
  text-align: center;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}

.modal_cont_wrap .agree_table th:first-child{
  border-left: 1px solid #e8e8e8;
}

.modal_cont_wrap .agree_table td.bdl{
  border-left:1px solid #e8e8e8;
}

.modal_cont_wrap .agree_table td{
  border-right:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  height: 48px;
  color: #666;
  font: 300 14px/20px 'Roboto','Noto Sans KR';
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  word-break:  keep-all;
}
/* CH2509-00450 개인정보 수집 재동의 팝업 e */