@charset 'EUC-KR';

@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,pre {font-size:inherit; font-weight:400; box-sizing:border-box; margin:0; padding:0; word-break:keep-all;}
pre {white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all;}
fieldset,img {border:0 none;}
img {vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
input,select,textarea,button {vertical-align:middle;}
input::-ms-clear {display:none;}
body {background:#fff; direction:ltr; -webkit-text-size-adjust:none; font-family: 'Noto Sans KR', 'Nanum Barun Gothic', sans-serif !important; }
body,th,td,input,select,textarea,button,pre {font-family:'notokr',Dotum,Gulim,Helvetica,sans-serif; font-weight:400; line-height:1.5; color:#000;}
button {font-family:'notokr', Dotum, Gulim, Helvetica, sans-serif; font-weight:400; cursor:pointer; border:0 none; background-color:transparent;}
a {text-decoration:none; color:#222;}
a:hover {text-decoration:none; color:#222;}
a:active {text-decoration:none; background-color:transparent;}
address,caption,cite,code,dfn,em,var,i {font-weight:400; font-style:normal;}
table {width:100%; }
table,th,td {table-layout:fixed; border-collapse:collapse;}
table caption {overflow:hidden; font-size:medium; line-height:normal; width:100%; height:0; word-break:break-all; opacity:0; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
body {font-family:'notokr', Dotum, Gulim,Helvetica,sans-serif; font-size:15px; font-weight:400; line-height:23px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
input,textarea,button,input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button {border-radius:0; -webkit-appearance:none;}
iframe {display:block;}
#skipnavi {position:absolute; top:-200px; left:0;}
#skipnavi a:focus {position:fixed; top:0; right:0; left:0; z-index:99999; box-sizing:border-box; height:40px; padding:3px; color:#fff; background:#ff5a20;}

/* base */
.hide,legend {display:block; overflow:hidden; font-size:medium; line-height:normal; width:0; height:0; word-break:break-all; opacity:0; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
hr.none {display:none;}
/* a link */
a.em_link {color:#222;}
a.line_link {text-decoration:underline;}
a.list_link {color:#666;}
a.over_line:hover {text-decoration:underline;}

/* form style */
input[type='text'],input[type='password'],input[type='search'],input[type='date'] {display:block; line-height:50px; box-sizing:border-box; width:100%; height:50px; padding:0 14px; opacity:1; color:#666; border:0 none; background:#f8f6f5; -webkit-text-fill-color:#666; -ms-text-fill-color:#666;}
input[type='text'].no_bg,input[type='password'].no_bg,input[type='search'].no_bg,input[type='date'].no_bg {padding:0 13px; border:1px solid #dddbda; background:#fff;}
::-webkit-input-placeholder {color:#898786 !important; -webkit-text-fill-color:#898786;}
::-moz-input-placeholder {color:#898786 !important; -moz-text-fill-color:#898786;}
:-ms-input-placeholder {color:#898786 !important; -ms-text-fill-color:#898786;}
:-moz-input-placeholder {color:#898786 !important; -moz-text-fill-color:#898786;}

/* Removes the clear button from date inputs */
input[type='text']:focus,input[type='password']:focus,input[type='search']:focus,input[type='date'] {padding:0 13px; border:1px solid #ff5a20; outline:0;}
.input_txt {display:inline-block; position:relative; box-sizing:border-box; width:100%; max-width:710px;}
/*input[readonly],input[disabled]{background:#eeeceb;}*/
.input_txt input[readonly],.input_txt input[disabled] {padding:0 13px; color:#222; border:1px solid #dddbda; background:#dddbda;}
.input_txt input:focus {outline:1px dotted #333; outline:-webkit-focus-ring-color auto 5px;}

/*select*/
.selects {display:inline-block; box-sizing:border-box; width:100%; max-width:710px; background:#f8f6f5;}
.selects select {box-sizing:border-box; width:100%; height:50px; padding:0; padding:0 37px 0 15px; color:#666; border:0 none; border-radius:0; background:#f8f6f5; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;}
.select_group:after {content:''; display:block; clear:both;}
.select_group .selects:not(:first-child) {margin-left:6px;}
.select_group .selects {display:inline-block; position:relative; float:left; font-size:15px; box-sizing:border-box;}

.select_group.size_2 .selects {width:-webkit-calc((100% - 6px)/2); width:-ms-calc((100% - 6px)/2); width:-moz-calc((100% - 6px)/2); width:-o-calc((100% - 6px)/2); width:calc((100% - 6px)/2);}
.select_group.size_3 .selects {width:233px;}
.select_group.size_3 .selects:first-child {width:232px;}
.select_group.size_4 .selects {width:-webkit-calc((100% - 18px)/4); width:-ms-calc((100% - 18px)/4); width:-moz-calc((100% - 18px)/4); width:-o-calc((100% - 18px)/4); width:calc((100% - 18px)/4);}
.selects.no_bg select,.selects.no_bg .select_custom {border:1px solid #dddbda; background:#fff;}
.selects.no_bg .select_custom.active {border-color:#ff5a20;}


/**/
.select_custom {display:block; position:relative; z-index:1; width:auto !important; text-align:left !important; vertical-align:middle; white-space:nowrap; border:1px solid transparent; background:#f8f6f5;}
.select_custom a {display:block; box-sizing:border-box; height:48px; padding:12px 37px 0 14px; white-space:nowrap; letter-spacing:0; word-wrap:normal; color:#666;}

.select_custom .hide {display:inline-block; position:absolute; z-index:-10; overflow:hidden !important; font-size:medium; line-height:normal; width:0 !important; height:0 !important; word-break:break-all; opacity:0 !important; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
.select_custom.active {border-color:#ff5a20;}
.select_custom.on {z-index:3; border-color:#ff5a20;}
.select_custom.warn {border:1px solid #dc320a;}


.select_custom.disabled a {color:#787878;}
.select_custom.read a {color:#303030;}
.select_custom.disabled a,.select_custom.disabled a:hover,.select_custom.disabled a:focus,.select_custom.read a,.select_custom.read a:hover,.select_custom.read a:focus {cursor:default; pointer-events:none;}

.select_custom .ui-selectbox-view .ico {position:absolute; top:20px; right:20px; width:12px; height:8px; background:url('/common/img/vin/common/select_arr.png') no-repeat 0 0;}
.select_custom.on .ui-selectbox-view .ico {background-position:-50px 0;}
.select_custom.disabled .ui-selectbox-view .ico,.select_custom.read .ui-selectbox-view .ico {background-position:0 -50px;}
.select_custom .ui-selectbox-list {display:none; position:absolute; top:49px; right:-1px; left:-1px; overflow:hidden; border:1px solid #ff5a20; border-top:0 none; background:#f8f6f5;}
.select_custom .ui-selectbox-list .ui-select-scrollarea {overflow:hidden; max-height:165px; border-top:1px solid #d0d0d0;}
.select_custom .ui-selectbox-list ul {margin:0 !important; padding:5px 0;}
.select_custom .ui-selectbox-list li a {line-height:1.8em; height:auto; min-height:26px; padding:0 25px 3px 12px; color:#303030;}
.select_custom .ui-selectbox-list li a:hover,.select_custom .ui-selectbox-list li.active a {background-color:#f4f4f4;}
.select_custom.on .ui-selectbox-list li.on a {text-decoration:underline !important;}
.select_custom.up.on {-webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;}
.select_custom.up .ui-selectbox-list {border:1px solid #ff5a20; border-bottom:0; -webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.3); -moz-box-shadow:0 -1px 3px rgba(0,0,0,.3); box-shadow:0 -1px 3px rgba(0,0,0,.3);}
.select_custom.up .ui-selectbox-list .ui-select-scrollarea {border-bottom:1px solid #d0d0d0;}

/* scroll*/
.select_custom .ui-select-scroll {display:none; position:absolute; top:0; right:0; width:24px; cursor:pointer;}
.select_custom .ui-select-scroll span {position:absolute; left:12px; font-size:0; line-height:0; width:8px; margin:0; padding:0;}
.select_custom .ui-select-scroll .bg_top {top:0; height:12px; background:url('../images/bg_scroll_new.png') no-repeat -24px 0;}
.select_custom .ui-select-scroll .bg_mid {top:12px; background:url('../images/bg_scroll_new.png') repeat-y 0 0;}
.select_custom .ui-select-scroll .bg_btm {bottom:0; height:12px; background:url('../images/bg_scroll_new.png') no-repeat -48px 0;}
.select_custom .ui-select-scroll.active .bg_top {background-position:-96px 0;}
.select_custom .ui-select-scroll.active .bg_mid {background-position:-72px 0;}
.select_custom .ui-select-scroll.active .bg_btm {background-position:-120px 0;}
.select_custom.on .ui-selectbox-list,.select_custom.on .ui-select-scroll {display:block;}/*  .on */
.ui-select-scrolltrack {width:6px;}
.ui-select-scrollbar {width:6px; border-radius:3px; background:#222;}

/* datepicker */
.ui-calendar-container {width:280px; border:1px solid #dddbda; outline:initial; background-color:#fff;}
.ui-calendar-container:after {content:''; display:block; position:absolute; top:-6px; right:19px; width:10px; height:10px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); border:1px solid #dddbda; border-top-color:transparent; border-right-color:transparent; background:#fff;}
.ui-calendar-container .ui_calender_uparrow {content:''; display:block; position:absolute; top:-6px; right:19px; width:10px; height:10px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); border:1px solid #dddbda; border-top-color:transparent; border-right-color:transparent; background:#fff;}
.ui-calendar-container button {padding:0; cursor:pointer; letter-spacing:-1px; border:none; background:none;}
.ui-calendar-container button::-moz-focus-inner {border:0;}
.ui-calendar-container select {vertical-align:middle;}
.ui-calendar-container .hide {display:inline-block; position:absolute; z-index:-10; overflow:hidden !important; font-size:medium; line-height:normal; width:0 !important; height:0 !important; word-break:break-all; opacity:0 !important; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}
.ui-calendar-container .disabled {cursor:default;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first {display:none; position:relative; width:100%; height:43px; padding-top:4px; text-align:center; background-color:#f4f4f4;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first:after {content:''; display:block; position:absolute; top:-8px; left:50%; width:11px; height:10px; margin-left:-5px; background:url('../images/bg_calender.png') -200px -100px no-repeat;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second {position:relative; overflow:hidden; width:100%; margin-top:20px; text-align:center;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first .ui-calendar-set-today {position:absolute; top:0; left:0; font-size:14px; width:48px; height:48px; color:#101010; background:url('../images/bg_calender.png') 0 0 no-repeat;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first .ui-calendar-close {position:absolute; top:0; right:0; width:48px; height:48px; background:url('../images/bg_calender.png') -100px -1px no-repeat;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev {position:absolute; top:-3px; left:50px; width:30px; height:30px; text-indent:-1000em; color:#fff;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev.disabled {display:none; cursor:default;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev:after {content:''; display:inline-block; position:absolute; top:50%; left:50%; clear:both; box-sizing:border-box; width:8px; height:8px; margin:-4px 0 0 -2px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); border:1px solid #666; border-top:none; border-left:none;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next {position:absolute; top:-3px; right:50px; width:30px; height:30px; text-indent:-1000em; color:#fff;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next.disabled {display:none; cursor:default;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next:after {content:''; display:inline-block; position:absolute; top:50%; left:50%; clear:both; box-sizing:border-box; width:8px; height:8px; margin:-4px 0 0 -6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); border:1px solid #666; border-top:none; border-left:none;}
.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now {display:block; font-size:18px; font-weight:500; line-height:27px;}
.ui-calendar-container .ui-select-day .ui-calendar-date {padding:20px 30px 25px;}
.ui-calendar-container .ui-select-day .ui-calendar-date:after {content:''; display:block; clear:both;}
.ui-calendar-container .ui-select-day .ui-calendar-table {width:100%;}
.ui-calendar-container .ui-select-day .ui-calendar-table th {font-size:14px; font-weight:normal; line-height:21px; text-align:center; vertical-align:middle; background-color:#fff;}
.ui-calendar-container .ui-select-day .ui-calendar-table tbody tr:first-child td {padding-top:7px;}
.ui-calendar-container .ui-select-day .ui-calendar-table td {font-size:13px; line-height:26px; height:26px; padding-top:10px; text-align:center; vertical-align:middle; letter-spacing:0; color:#666; border:none;}
.ui-calendar-container .ui-select-day .ui-calendar-table td a {display:block;}
.ui-calendar-container .ui-select-day .ui-calendar-table td button {width:26px; height:26px; color:#666;}
.ui-calendar-container .ui-select-day .ui-calendar-table td button.disabled {text-decoration:none; color:#999;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-day {cursor:pointer; text-decoration:underline; letter-spacing:0; color:#222;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-holiday * {color:#dc320a;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {font-weight:bold; color:#101010; background:none ;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-active button,.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-cell.active button,.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-active .ui-calendar-day,.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.active .ui-calendar-day.active {width:26px; height:26px; text-decoration:none; color:#fff; border-radius:50%; background:#ff5a20;}
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {font-weight:bold; color:#101010; background:none;}
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-sunday .ui-calendar-day {font-weight:bold; color:#dc320a; background:none;}
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-saturday .ui-calendar-day {font-weight:bold; color:#3070b0; background:none;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.ui-calendar-active .ui-calendar-day {font-weight:bold; color:#101010; background:none ;}
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.active .ui-calendar-day {color:#fff !important; background:url('../images/bg_calender.png') -200px 1px no-repeat !important;}
.ui-calendar-container .ui-select-day .ui-calendar-header-first select {width:30%; height:80%;}
.module_cal .input_txt {position:relative; width:160px !important; padding-right:50px; background:#eeeceb;}
.module_cal .input_txt.no_bg {border:1px solid #dddbda; background:#fff;}
.module_cal .input_txt.no_bg input {height:48px; background:#fff;}
.module_cal .input_txt input {border:0 none; background:#eeeceb;}
.module_cal .symbol {display:inline-block; font-size:14px; padding:0 4px;}
.module_cal .input_txt .btn.cal {position:absolute; top:0; right:0; width:50px; height:50px; text-indent:-9999em; background:url('/common/img/vin/common/ico_cal.png') no-repeat center center;}

.group_radio,.group_checkbox {font-size:0; margin:-12px -10px 0;}
.group_radio .rad_wrap,.group_checkbox .chk_wrap {margin:12px 10px 0;}
.rad_wrap,.chk_wrap {display:inline-block; position:relative; vertical-align:top;}
.rad_wrap input[type='radio'],.chk_wrap input[type='checkbox'] {position:absolute; top:2px; left:0; overflow:hidden; width:18px; height:18px; opacity:0; outline:0;}
.rad_wrap label,.chk_wrap label {display:inline-block; position:relative; font-size:15px; line-height:23px; padding-left:24px; cursor:pointer; vertical-align:top; color:#666;}
.rad_wrap label:after,.chk_wrap label:after {content:''; display:block; position:absolute; top:2px; left:0; overflow:hidden; width:18px; height:18px; background:url('/common/img/vin/common/form.png') no-repeat left top;}
.rad_wrap label:after {background-position:0 0;}
.rad_wrap input[type='radio']:checked + label:after {background-position:-100px 0;}
.rad_wrap input[type='radio']:disabled + label:after {background-position:-200px 0;}
.chk_wrap label:after {background-position:0 -100px;}
.chk_wrap input[type='checkbox']:checked + label:after {background-position:-100px -100px;}
.chk_wrap input[type='checkbox']:disabled + label:after {background-position:-200px -100px;}
.chk_wrap input[type='checkbox']:checked:disabled + label:after {background-position:-300px -100px;}
.chk_wrap input[type='checkbox']:focus + label:after,.rad_wrap input[type='radio']:focus + label:after {outline:1px dotted #333; outline:-webkit-focus-ring-color auto 5px;}
.rad_wrap label .s_txt,.chk_wrap label .s_txt {font-size:13px; line-height:23px; color:#898786;}

.input_txt.w_full {width:710px;}
.input_txt.w_half {width:352px;}
.input_xs {width:130px;}
.input_s {width:232px;}
.input_m {width:352px;}
.form_guide {font-size:14px; line-height:21px; margin-top:6px; color:#898786;}
.warning_wrap {position:absolute; top:50%; left:100%; min-width:300px; margin-top:-10px; margin-left:10px;}
.form_guide.warning {display:block; position:relative; margin-top:0; padding-left:10px; color:#e9002d;}
.form_guide.warning:before {content:''; display:inline-block; position:absolute; top:7px; left:0; width:4px; height:4px; border-radius:100%; background:#e9002d;}
.input_textarea {display:inline-block; width:100%; max-width:710px; vertical-align:top;}
.input_textarea textarea {display:block; position:relative; font-size:15px; line-height:23px; box-sizing:border-box; width:100%; height:240px; padding:14px; resize:none; color:#666; border:none; outline:0; background:#f8f6f5; -webkit-text-fill-color:#666;}
.input_textarea textarea.placeholder {color:#898786 !important; -webkit-text-fill-color:#898786;}
.input_textarea textarea:focus {padding:13px; border:1px solid #ff5a20; outline:1px dotted #333; outline:-webkit-focus-ring-color auto 5px;}
.input_textarea .txt_length {display:block !important; font-size:14px; line-height:21px; margin-top:6px; color:#898786;}

.input_tel:after {content:''; display:block; clear:both;}
.input_tel .selects {display:inline-block; position:relative; float:left; font-size:15px; width:130px; margin-right:6px; vertical-align:middle;}
.input_tel .tel_num {float:left; width:216px;}
.input_tel .tel_num.medium {width:334px;}
.input_tel .tel_num.long {width:438px;}
.input_tel .tel_num.long_xl {width:574px;}

.layer_pop .input_tel .tel_num.medium {width:314px;}
.input_tel .form_guide {display:inline-block; margin:15px 0 0 6px;}
.input_tel .form_guide em {color:#222;}
.input_tel .form_guide .chk_wrap label {font-size:14px; color:#898786;}
.input_email:after {content:''; display:block; clear:both;}
.input_email .email_name {float:left; width:230px;}
.input_email .email_domain {float:left; width:230px; margin-right:6px;}
.input_email .dash {display:inline-block; float:left; line-height:50px; width:27px; text-align:center; color:#666;}
.input_email .selects {position:relative; width:217px;}
.input_email.none_select .email_domain {width:454px;}
.input_email.none_select .email_domain + .form_guide {float:none; clear:both; margin-top:0; padding-top:6px;}


.input_btn_container:after {content:''; display:block; clear:both;}
.input_btn_container .selects {float:left;}
.input_btn_container .input_txt {float:left;}
.input_btn_container .input_txt + .btn,.input_btn_container .selects + .btn {margin-left:6px;}
.input_btn_container .btn {float:left;}

.input_address .zip_code {width:219px;}
.input_address .write_address .address {display:block; margin-top:10px;}

.file_box:after {content:''; display:block; clear:both; overflow:hidden;}
.file_box .input_txt {float:left; width:368px;}
.file_box .input_txt input[readonly] {border:0 none; background:#f8f6f5;}
.file_box .file_add_box {float:left; width:604px; min-height:51px; padding:4px 20px 14px; background:#f8f6f5;}
.file_box .file_add_box .add {display:inline-block; max-width:100%; margin:10px 20px 0 0; vertical-align:top; color:#666;}
.file_box .file_add_box .add .delete {display:inline-block; overflow:hidden; width:18px; height:18px; margin-left:3px; vertical-align:middle; white-space:nowrap; text-indent:-9999em; text-overflow:ellipsis; background:url('/common/img/vin/common/file_delete.png') no-repeat 50% 50%;}
.file_box .input_file {display:block;}
.file_box .input_file label {margin-left:6px; cursor:pointer;}
.file_box .input_file input[type='file'] {position:absolute; overflow:hidden; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.file_box .input_file input[type='file']:focus + label {outline:1px dotted #333; outline:-webkit-focus-ring-color auto 5px;}

.file_info_list {margin-top:10px;}
.file_info_list .bull_list .square {color:#898786;}

.input_txt input[readonly].like_normal {padding:0 14px; border:none; background:#f8f6f5;}
.input_tween_bar {overflow:hidden;}
.input_tween_bar .input_txt {float:left; width:344px;}
.input_tween_bar.size_2 .input_txt {width:185px;}
.input_tween_bar.size_2 .input_txt.last {margin-right:10px;}
.input_tween_bar .bar {float:left; line-height:50px; width:22px; height:50px; text-align:center; color:#666;}

.date_sel_wrap {position:relative; width:232px; background:#f8f6f5;}
.date_sel_wrap:after {content:''; display:block; clear:both;}
.date_sel_wrap .input_txt {float:left; width:172px;}
.date_sel_wrap .date_sel_btn {float:left; overflow:hidden; width:60px; height:50px;}
.date_sel_wrap .date_sel_btn span {display:inline-block; overflow:hidden; line-height:999999px; width:60px; height:50px; background:#f8f6f5 url('/common/img/vin/common/date_icon.png') no-repeat 50% 50%;}

.agree_term .selects {width:208px;}
.input_form_header {text-align:right;}
.input_form_header:after {content:''; display:block; clear:both;}
.input_form_header.fl {float:left;}

.input_form_header:after {content:''; display:block; clear:both;}
.input_form_header [class^='tit'] {float:left;}
.input_form_header .float_desc {float:left; font-weight:500; margin:18px 0 0 10px; color:#666;}
.input_form_header .ess_label {display:inline-block; float:right; margin-top:20px;}
.ess_label {float:right; font-size:14px; color:#898786;}
.ess_label .essen {display:inline-block; margin-left:4px; color:#ff5a20;}


/* score star level */
.star_grade .star {vertical-align:middle;}
.star_grade .star .star_bg {display:inline-block; position:relative; overflow:hidden; height:18px; vertical-align:middle;}
.star_grade .star .star_bg .grade {display:inline-block; position:absolute; top:0; left:0; line-height:9999999px; height:18px; background:url('/common/img/vin/common/star_small.png') no-repeat left -33px;}
.star_grade.large .star {line-height:19px; height:19px;}
.star_grade .star .star_bg .grade {width:100%;}
.star_grade .star .star_bg {width:91px; background:url('/common/img/vin/common/star_small.png') no-repeat left top;}
/* .star_grade .star.ok2 .star_bg {width:71px;}
.star_grade .star.ok3 .star_bg {width:52px;}
.star_grade .star.ok4 .star_bg {width:33px;}
.star_grade .star.ok5 .star_bg {width:14px;}
.star_grade .star.ok2 .star_bg .grade {width:71px;}
.star_grade .star.ok3 .star_bg .grade {width:52px;}
.star_grade .star.ok4 .star_bg .grade {width:33;}
.star_grade .star.ok5 .star_bg .grade {width:14px;}
 */

.star_grade .star.ok2 .star_bg .grade {width:80%;}
.star_grade .star.ok3 .star_bg .grade {width:60%;}
.star_grade .star.ok4 .star_bg .grade {width:40%;}
.star_grade .star.ok5 .star_bg .grade {width:20%;}

.star_grade.large .star .star_bg {width:108px; height:19px; background:url('/common/img/vin/common/star_large.png') no-repeat left top;}
.star_grade.large .star .star_bg .grade {display:inline-block; position:absolute; top:0; left:0; line-height:9999999px; height:19px; background:url('/common/img/vin/common/star_large.png') no-repeat left -49px;}

/* input_form_wrap */
.input_form_conts {border-top:2px solid #222;}
.input_form_conts .form_box {border-bottom:1px solid #dddbda;}
.input_form_conts .form_box dl:last-child {border-bottom:none;}
.input_form_conts dl:last-child {border-color:#dddbda;}
.input_form_conts dl {display:table; width:100%; height:40px; margin-top:0; padding:0; table-layout:fixed; border-bottom:1px solid #eeeceb;}
.input_form_conts dt {display:table-cell; font-size:15px; line-height:23px; width:260px; height:60px; padding:12px 14px; vertical-align:middle;}
.input_form_conts dt.al_top {padding-top:20px; vertical-align:top;}
.input_form_conts dt.al_top.group {padding-top:25px;}
.input_form_conts dt .essen {display:inline-block; font-size:15px; line-height:23px; margin-left:4px; vertical-align:top; color:#ff5a20;}
/* .input_form_conts dd {display:table-cell; height:60px; padding:12px 200px 12px 0; vertical-align:middle;} */
.input_form_conts dd {display:table-cell; height:60px; padding:12px 199px 12px 0; vertical-align:middle;}
.input_form_conts dd .group_radio,.input_form_conts dd .group_checkbox {padding:13px 0;}
.input_form_conts dl.txt {margin-top:0; border-bottom:1px solid #eeeceb;}
.input_form_conts dl.txt dt {padding:18px 14px 17px;}
.input_form_conts dl.txt dd {font-size:15px; line-height:20px; padding:20px 0 18px; color:#666;}
.input_form_wrap.form_bg .input_form_conts dd {padding:12px 200px 12px 20px;}
.input_form_wrap.form_bg .input_form_conts dt {width:240px; background-color:#f8f6f5;}
.input_form_wrap .bull_list {margin-top:20px;}
.input_form_wrap .input_form_conts dd .bull_list {margin-top:10px;}
.layer_inner .input_form_conts dt {width:150px;}
.layer_inner .input_form_conts dd {padding-right:0;}
/* °¡ÀÔ»ó´ã½Åû class Ãß°¡_190107 */
.cs_form .input_form_conts dt {width:210px;}
.cs_form .sk_mem .selects {width:165px;}
.cs_form .sk_mem .selects:last-child {width:245px;}
.cs_form .input_txt,
.cs_form .input_textarea {max-width:760px;}
.cs_form .input_tel .tel_num.long {width: 489px;}
.join.cs_form .acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap .tit {width:196px;}
.cs_form .acc_list_wrap .acc_list_conts.form_check.type2 {padding: 12px 200px 12px 210px;}
/* // form style */

/* font, title style */
[class^='tit'].titSmt_xs {margin-top:10px;}
[class^='tit'].titSmt_s {margin-top:15px;}
[class^='tit'].titSmt_m {margin-top:20px;}
[class^='tit'].titSmt_xm {margin-top:25px;}
[class^='tit'].titSmt_l {margin-top:30px;}
[class^='tit'].titSmt_ml {margin-top:35px;}
[class^='tit'].titSmt_xl {margin-top:40px;}
[class^='tit'].titSmt_xl1 {margin-top:50px;}
[class^='tit'].titSmt_xl2 {margin-top:60px;}
[class^='tit'].titSmt_xl3 {margin-top:80px;}

[class^='tit'].titSpa_xs0 {margin-bottom:5px;}
[class^='tit'].titSpa_xs {margin-bottom:10px;}
[class^='tit'].titSpa_s {margin-bottom:15px;}
[class^='tit'].titSpa_m {margin-bottom:20px;}
[class^='tit'].titSpa_xm {margin-bottom:25px;}
[class^='tit'].titSpa_l {margin-bottom:30px;}
[class^='tit'].titSpa_ml {margin-bottom:35px;}
[class^='tit'].titSpa_xl {margin-bottom:40px;}
[class^='tit'].titSpa_xl2 {margin-bottom:50px;}
[class^='tit'].titSpa_xl3 {margin-bottom:60px;}

[class^='tit'].titSpat_s {padding-top:5px;}
[class^='tit'].titSpat_m {padding-top:10px;}
[class^='tit'].titSpat_xm {padding-top:15px;}
[class^='tit'].titSpat_l {padding-top:20px;}
[class^='tit'].titSpat_xl {padding-top:30px;}

[class^='tit'].titSpad_s {padding-bottom:5px;}
[class^='tit'].titSpad_m {padding-bottom:10px;}
[class^='tit'].titSpad_xm {padding-bottom:15px;}
[class^='tit'].titSpad_l {padding-bottom:20px;}
[class^='tit'].titSpad_xl {padding-bottom:30px;}

strong,.bold {font-weight:500;}
.em {font-weight:inherit; color:#ff5a20;}
.em.bold {font-weight:700;}
.gray {font-weight:inherit; color:#666;}
.lt_gray {font-weight:inherit; color:#898786;}
.letter_break {word-break:break-all;}
.tit01,.tit02,.tit03,.tit04,.tit06 {font-weight:500;}
.tit00 {font-size:40px; line-height:54px; color:#222;}
.tit01 {font-size:30px; line-height:45px; word-break:keep-all; color:#222;}
.tit02 {font-size:24px; line-height:36px; color:#222;}
.tit02_l {font-size:26px; font-weight:500; line-height:39px; color:#222;}
.tit03 {font-size:20px; line-height:30px; color:#222;}
.tit04 {font-size:18px; line-height:27px; color:#222;}
.tit05_l {font-size:16px; font-weight:500; line-height:24px; color:#222;}
.tit05 {font-size:15px; line-height:23px; color:#222;}
.tit05_wm {font-size:15px; font-weight:500; line-height:23px; color:#222;}
.tit05 .txtnm{color:#666;font-weight:normal;}
.tit06 {font-size:14px; line-height:20px; color:#222;}
.btv_new {font-size:24px; line-height:36px; color:#666;}
.btv_new img{margin-bottom:5px;}

.t00_decs {font-size:15px; line-height:23px; margin-top:20px; color:#666;}
.t01_decs {font-size:14px; line-height:21px; color:#898786;}
.t01_decs.case {font-size:15px; line-height:23px; color:#666;}
.tit01 .t01_decs {display:inline-block; font-size:15px; font-weight:normal; line-height:23px; margin-left:10px; color:#666;}
.t02_decs {font-size:16px; line-height:24px; color:#666;}
.t03_decs {font-size:14px; line-height:24px; color:#666;}


[class^='tit'] .s_txt {display:inline-block; font-size:14px; font-weight:400; line-height:21px; margin-left:5px; color:#888;}
[class^='tit'] .s_block_txt {display:block; font-size:14px; font-weight:400; line-height:21px; margin-top:4px; color:#888;}
[class^='tit'] + .right_decs {display:inline-block; padding-top:17px;}
/* .tit01_xl {font-size:36px; line-height:48px; color:#222;}*/
[class^='tit'] .s_box_txt {display:inline-block; font-size:13px; line-height:20px; padding:3px 10px; vertical-align:middle; color:#222; background-color:#f3f1f0;}

.tit_float_wrap:after {content:''; display:block; clear:both;}
.tit_float_wrap.inner_pdt {padding-top:80px;}
.tit_float_wrap.inner_pdt2 {padding-top:60px;}
.tit_float_wrap.inner_pdt3 {padding-top:40px;}
.tit_float_wrap > [class^='tit'] {float:left; width:300px; margin-top:-2px;}
.tit_float_wrap > [class^='tit'].up {margin-top:-10px;}
.tit_float_wrap .flt_cont {float:left; width:870px;}
.tit_float_wrap .flt_cont .cont_wrap {padding-bottom:60px;}
.tit_float_wrap .flt_cont .cont_wrap:only-of-type,.tit_float_wrap .flt_cont .cont_wrap.last,.tit_float_wrap .flt_cont .cont_wrap:last-child {padding-bottom:0;}
.tit_float_wrap .flt_right_cont {float:right;}
.tit_float_wrap .flt_cont .cont_wrap .img_wrap {padding-bottom:21px;}
.float_btn_wrap {overflow:hidden;}
.float_btn_wrap > [class^='tit'] {float:left; margin-top:-2px;}
.float_btn_wrap > .btn {float:left; margin-left:7px;}
.tit_pos_btn {position:relative;}
.tit_pos_btn > .btn {position:absolute; right:0; bottom:0;}
/* // font, title style */

/* ui scroll common  */
.scroll_wrap {position:relative;}
.scroll_wrap .scroll_inner {overflow:hidden; height:100%;}
.scroll_track {position:absolute; top:0; right:0; bottom:0; width:6px;}
.scroll_bar {position:absolute; top:0; left:0; width:6px; border-radius:20px; background:#dddbda;}

/* layout */
#wrap {position:relative; overflow:hidden; min-width:1170px; padding-top:120px;}
#wrap.error_wrap,#wrap.error_wrap #containers {min-width:auto;}
#wrap.iframe {padding-top:0;}
#header {position:fixed; top:0; left:0; z-index:101; width:100%; padding:15px 0 0; background:#fff;}
#header:after {content:''; display:block; position:absolute; right:0; bottom:0; left:0; z-index:11; height:1px; background:#ddd;}
#header .inner,#footer .inner {width:1170px; margin:0 auto;}
#footer .inner {position:relative;}
#header .global_top {position:relative; z-index:13;}
#header .global_top .inner {position:relative; z-index:1; width:1170px; height:46px; margin:0 auto;}
#header .global_top .inner:after {content:''; display:block; clear:both; overflow:hidden; width:0; height:0;}
#header .global_top .logo {float:left;}
#header .global_top .logo a {display:block; overflow:hidden; width:130px; height:43px; text-indent:-9999em; background:url('/common/img/vin/common/logo.png') no-repeat 0 0;}
#header .global_top .sel_type {display:block; position:relative; float:left; padding:24px 0 0 20px;}
#header .global_top .sel_type .sel_txt {display:block; position:relative; font-size:14px; font-weight:500; line-height:21px; color:#222;}
#header .global_top .sel_type .sel_txt .sel_arr {display:block; position:absolute; top:9px; right:-14px; overflow:hidden; box-sizing:border-box; width:10px; height:8px; margin-top:-2px; text-indent:-9999em; color:transparent; background:url('/common/img/vin/common/sel_type_arr02.png') no-repeat 0 0;}
#header .global_top .sel_type .sel_box {display:none;}
/*sel_type_on*/
#header .global_top .sel_type.on .sel_txt {z-index:2; font-weight:normal; color:#ff5a20 !important;}
#header .global_top .sel_type.on .sel_txt .sel_arr {background:url('/common/img/vin/common/sel_type_arr02.png') no-repeat 0 0 !important;}
#header .global_top .sel_type.on .sel_box {display:block; position:absolute; top:10px; left:10px; width:86px; height:103px; padding:35px 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -webkit-box-shadow:4px 4px 8px rgba(0,0,0,.3); -moz-box-shadow:4px 4px 8px rgba(0,0,0,.3); box-shadow:4px 4px 8px rgba(0,0,0,.3); -ms-border-radius:5px; -ms-box-shadow:4px 4px 8px rgba(0,0,0,.3);}
#header .global_top .sel_type.on .sel_box a {display:block; font-size:14px; line-height:21px; padding:10px 14px 0 0; color:#222;}
#header .global_util {float:right; font-size:0; padding-top:18px;}
#header .global_util li {display:inline-block; vertical-align:middle;}
#header .global_util a,#header .global_util p {display:inline-block; font-size:14px; line-height:normal; padding:0 9px; vertical-align:middle; color:#222;}
#header .global_util .search,#header .global_util .all {display:inline-block; overflow:hidden; width:24px; height:24px; padding:0; vertical-align:-4px; text-indent:-9999em;}
#header .global_util .search {margin-left:18px; background:url('/common/img/vin/common/top_search.png') no-repeat 50%;}
#header .global_util .all {margin-left:14px; background:url('/common/img/vin/common/top_allmenu.png') no-repeat 50%;}
#header .global_util .all.on {/* margin-left:20px; */ background:url('/common/img/vin/common/top_allmenu_close.png') no-repeat 50%;}

/* channel_box */
#header .global_top .channel_box {float:left;margin:19px 0 0 21px;}
#header .global_top .channel_box li {float:left;margin-right:5px;}
#header .global_top .channel_box li > a {float:left;height:28px;font-size:0;line-height:0;color:#transparent;}
#header .global_top .channel_box li > a.channel_01{width:63px;background:url('/common/img/vin/common/gnb_channel_b_01_off.png') no-repeat 0 0;}
#header .global_top .channel_box li > a.channel_02{width:63px;background:url('/common/img/vin/common/gnb_channel_b_02_off.png') no-repeat 0 0;}
#header .global_top .channel_box li > a.channel_03{width:93px;background:url('/common/img/vin/common/gnb_channel_b_03_off.png') no-repeat 0 0;}
#header .global_top .channel_box li > a.channel_01.on{background:url('/common/img/vin/common/gnb_channel_b_01_on.png') no-repeat 0 0;}
#header .global_top .channel_box li > a.channel_02.on{background:url('/common/img/vin/common/gnb_channel_b_02_on.png') no-repeat 0 0;}
#header .global_top .channel_box li > a.channel_03.on{background:url('/common/img/vin/common/gnb_channel_b_03_on.png') no-repeat 0 0;}

/* ±â¾÷ »ó´Ü ÀüÈ­¾È³» */
#header .global_util li.tel_guide {margin:-9px 0 -5px;}
#header .global_util li.tel_guide span {display:inline-block; font-size:13px; line-height:30px; box-sizing:border-box; height:32px; margin:0 0 0 9px; padding:0 11px; color:#222; border:1px solid #e9002d; border-radius:22px; background:#fff;}
#header .global_util li.tel_guide span em {font-size:18px; font-weight:500; color:#e9002d;}

#header .menus_sec {position:relative; z-index:12;}
#header .menus_sec:after {content:''; display:block; clear:both; width:0; height:0;}
.all_menu_open #header .menus_sec {display:none;}
#header .menus_sec .gnb {position:relative; z-index:12; float:left;}
#header .menus_sec .gnb .menus {display:block; position:relative; z-index:1; font-size:20px; font-weight:500; line-height:30px; padding:0 18px; color:#222;}
#header .menus_sec .gnb .menus span {display:inline-block; padding:12px 0 17px;}
#header .menus_sec .gnb .active .menus span,
#header .menus_sec .gnb .on .menus span {position:relative; color:#ff5a20;}
#header .menus_sec .gnb .active .menus span:after {content:''; display:block; position:absolute; bottom:0; left:0; clear:both; width:100%; height:3px; background:#ff5a20;}
#header.bz .menus_sec .gnb .on .menus span {color:#e9002d;}
#header.bz .menus_sec .gnb .on .menus span:after {background:#e9002d;}
#header .menus_sec .util_menus .menus {display:block; position:relative; z-index:1; font-size:18px; font-weight:500; line-height:27px; padding:0 11px; color:#222;}
#header .menus_sec .util_menus .menus span {display:inline-block; padding:12px 0 16px;}
#header .menus_sec .util_menus .active .menus span,
#header .menus_sec .util_menus .on .menus span {color:#ff5a20;}
#header.bz .menus_sec .util_menus .on .menus span {color:#e9002d;}

#header .menus_sec .util_menus li:last-child .menus {padding-right:0;}
#header .menus_sec .util_menus {float:right;}
#header .menus_sec .gnb > ul > li,#header .menus_sec .util_menus > ul > li {float:left;}
#header .menus_sec .gnb > ul > li:first-child .menus {padding-left:0;}
#header .dim_bg {display:block; position:fixed; top:120px; right:0; bottom:0; left:0; z-index:10; background:rgba(0, 0, 0, .7);}
#header .menu_bg {display:block; position:absolute; top:120px; left:0; z-index:11; width:100%; height:442px; background:#fff;}
#header .menu_over_wrap {position:absolute; top:59px; left:0; z-index:12; width:1170px; padding-top:40px;}
#header .menu_over_wrap:after {content:' '; display:block; clear:both;}
#header .menu_title_wrap {float:left; width:200px; margin-right:100px;}
#header .menu_title_wrap .deps1_tit {font-size:32px; line-height:48px; color:#222;}
#header .menu_title_wrap .deps1_tit small {display:block; font-size:14px; line-height:21px; margin-top:10px; word-break:keep-all; color:#666;}
#header .recm_link {width:190px; margin-top:49px;}
#header .recm_link li {margin-top:20px;}
#header .recm_link li:first-child {margin-top:0;}
#header .recm_link a {display:block; position:relative; font-size:15px; line-height:23px; color:#222;}
#header .recm_link a:after {content:' '; display:inline-block; position:absolute; top:50%; right:4px; box-sizing:border-box; width:8px; height:8px; margin-top:-5px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); border:1px solid #222; border-bottom:1px solid #fff; border-left:1px solid #fff;}
#header .recm_link i.icon {display:inline-block; line-height:24px; width:24px; height:24px; margin-right:10px; vertical-align:top; background:url('/common/img/vin/common/ico_gnb.png') no-repeat;}
#header .recm_link i.icon.hd01 {background-position:0 0;}
#header .recm_link i.icon.hd02 {background-position:-24px 0;}
#header .recm_link i.icon.hd03 {background-position:-48px 0;}

#header.bz .recm_link i.icon.hd01 {background-position:0 -25px;}
#header.bz .recm_link i.icon.hd02 {background-position:-25px -25px;}
#header.bz .recm_link i.icon.hd03 {background-position:-50px -25px;}

#header .menu_over_view {position:relative; float:left;}
#header .deps2_wrap {width:268px; height:380px;}
#header .deps2 {min-height:50px;}
#header .deps2 > a {display:block; position:relative; font-size:18px; line-height:30px; padding:10px 30px 10px 24px; color:#222;}
#header .deps2.on > a,#header .deps2 > a:hover {color:#fff; background:#ff5a20;}
#header.bz .deps2.on > a,#header.bz .deps2 > a:hover {background:#e9002d;}
#header .deps2.nxt_step > a:after {content:' '; display:block; position:absolute; top:50%; right:24px; width:10px; height:15px; margin-top:-7px; background:url('/common/img/vin/common/ico_arr_gnb.png') no-repeat; background-position:0 0;}
#header .deps2.nxt_step.on > a:after,#header .deps2.nxt_step > a:hover:after {background-position:0 bottom;}
#header .deps3_wrap {position:absolute; top:0; left:265px; overflow:auto; box-sizing:border-box; width:275px; height:372px; padding-top:10px; padding-left:35px;}
#header .deps3 {position:relative; margin-top:12px;}
#header .deps3:first-child {margin-top:0;}
#header .deps3 > a {display:inline-block; font-size:15px; line-height:23px; width:100%; color:#222;}
#header .deps3.on > a,#header .deps3 > a:hover {color:#ff5a20;}
#header.bz .deps3.on > a,#header.bz .deps3 > a:hover {color:#e9002d;}
#header .deps3.nxt_step:before {content:' '; display:block; position:absolute; top:5px; right:5px; width:2px; height:12px; background:#222;}
#header .deps3.nxt_step:after {content:' '; display:block; position:absolute; top:10px; right:0; width:12px; height:2px; background:#222;}
#header .deps3.nxt_step:hover:before,#header .deps3.nxt_step:hover:after {background:#ff5a20;}
#header.bz .deps3.nxt_step:hover:before,#header.bz .deps3.nxt_step:hover:after {background:#e9002d;}
#header .deps3.nxt_step.on:before {display:none;}
#header .deps3.nxt_step.on:after {background:#ff5a20;}
#header .deps3.nxt_step a {position:relative; z-index:2; box-sizing:border-box; padding-right:12px;}
#header.bz .deps3.nxt_step.on:after {background:#e9002d;}
#header .deps4_wrap,#header .depth4_wrap {margin-top:16px; padding:18px; background:#f8f6f5;}
#header .deps4 {margin-top:7px;}
#header .deps4:first-child {margin-top:0;}
#header .deps4 a {font-size:14px; line-height:21px; color:#666;}
#header .deps4 a:hover {color:#ff4800;}
#header.bz .deps4 a:hover {color:#e9002d;}
#header .gnb_banner_wrap {position:absolute; top:0; left:852px;}
#header .gnb .gnb_banner_wrap {top:-1px;}
#header .menu_bg,#header .dim_bg {display:none;}
#header.gnb_open .menu_bg,#header.gnb_open .dim_bg {display:block;}
#header .menu_over_wrap {display:none;}
#header li.on .menu_over_wrap {display:block;}
#header .deps2 .deps3_wrap {display:none;}
#header .deps2.on .deps3_wrap {display:block;}
#header .deps3 .deps4_wrap {display:none;}
#header .scroll_track {position:absolute; top:0; right:0; bottom:0; width:2px;}
#header .scroll_bar {position:absolute; width:2px; height:10px; background-color:rgba(0, 0, 0, .2);}




/* all menu */
.all_menu_open #header .menu_bg,.all_menu_open #header .dim_bg {display:none;}
.all_menu_open #header {padding:15px 0 19px;}
#menu_all {position:fixed; top:80px; right:0; bottom:0; left:0; z-index:100; overflow:auto; background:#fff;}
#menu_all .menu_all_wrap {width:1170px; margin:0 auto; padding:60px 0 80px;}
#menu_all .menu_tab_content {margin-top:40px;}
#menu_all .menu_tab_content a {word-break:keep-all;}
#menu_all .menu_tab_content a:hover {color:#ff5a20;}
#menu_all .depth1_wrap {margin-top:80px;}
#menu_all .depth1_wrap:first-child {margin-top:0;}
#menu_all .depth1_tit {font-size:28px; font-weight:500; line-height:42px; padding-bottom:9px; color:#222; border-bottom:1px solid #ddd;}
#menu_all .depth2_wrap {overflow:hidden; margin-top:33px;}
#menu_all .depth2_wrap.second {margin-top:40px;}
#menu_all .depth2_list {float:left; box-sizing:border-box; width:195px;}
#menu_all .depth2_link {display:inline-block; font-size:16px; font-weight:500; line-height:24px; vertical-align:top; color:#222;}
#menu_all .depth3_wrap {width:180px; margin-top:10px;}
#menu_all .depth3_wrap .depth3_list {margin-top:6px;}
#menu_all .depth3_wrap .depth3_list:first-child {margin-top:0;}
#menu_all .depth3_list {line-height:20px;}
#menu_all .depth3_link {display:inline-block; font-size:13px; line-height:20px; vertical-align:top; color:#666;}
#menu_all .depth3_link.nxt {display:block; position:relative;}
#menu_all .depth3_link.nxt:before {content:' '; display:block; position:absolute; top:9px; right:10px; width:12px; height:2px; background:#ff5a20;}
#menu_all .depth3_link.nxt:after {content:' '; display:block; position:absolute; top:4px; right:15px; width:2px; height:12px; background:#ff5a20;}
#menu_all .depth3_link.nxt.open:after {display:none;}
#menu_all .depth4_wrap {display:none; width:150px;}
#menu_all .depth4_wrap li {line-height:20px; margin-top:6px;}
#menu_all .depth4_wrap li a {display:inline-block; position:relative; font-size:13px; line-height:20px; padding-left:10px; vertical-align:top; color:#666;}
#menu_all .depth4_wrap li a:before {content:' '; display:block; position:absolute; top:8px; left:3px; width:2px; height:2px; background:#666;}
#menu_all .depth4_wrap li a:hover:before {background:#ff5a20;}
/* // all menu */


#containers {min-width:1170px;}
#contents .top_info {width:1170px; margin:0 auto;}
#contents.no_crumb .top_info {padding-top:60px;}
#contents .conts_box.first {margin-top:50px;}
#contents .conts_box.last {padding-bottom:80px;}
#contents .conts_box.case {margin-top:60px;}
#contents .conts_box {width:1170px; margin:80px auto 0;}
#contents .conts_box.no_mgt {margin-top:0;}
#contents .conts_box.wide {width:auto; margin:80px auto 0;}
#contents .conts_box .tit01 {margin-bottom:20px;}
#contents .conts_box .decs_tit {margin-bottom:20px; text-align:left;}
#contents .conts_box .decs_tit .tit01 {float:none; margin-bottom:0;}
#contents .conts_box .decs_tit .t01_decs {margin-top:10px;}
#contents .conts_box .decs_tit .bull_list {margin-top:10px;}

.top_btn_wrap {display:none; position:fixed; right:80px; bottom:40px; z-index:90;}
.top_btn_wrap .top_link {display:block; width:64px; height:64px; text-indent:-9999em; background:url('/common/img/vin/common/top_btn.png') no-repeat 0 0;}

#footer {font-size:14px; padding-bottom:60px;}
#footer .global_n_falmily {border-top:1px solid #eee; border-bottom:1px solid #eee;}
#footer .global_n_falmily .corp_kor,#footer .global_n_falmily .corp_btn,#footer .footer_menus .btn_customer {display:inline-block; font-size:13px; line-height:100%; box-sizing:border-box; width:70px; height:24px; padding:4px 0 0 0; text-align:center; vertical-align:top; color:#666; border:1px solid #dddbda;}
#footer .footer_menus .btn_customer {width:82px;}
#footer .global_n_falmily .corp_site {padding-top:20px;}
#footer .global_n_falmily .corp_site .corp_kor {font-size:14px; padding-top:3px; color:#222; background:#eeeceb;}
#footer .global_n_falmily .corp_site li {margin-right:15px;}
#footer .global_n_falmily .inner:after {content:''; display:block; clear:both; overflow:hidden; width:0; height:0;}
#footer .global_n_falmily .sitemap > li,#footer .global_n_falmily .corp_site,#footer .global_n_falmily .corp_site li {float:left;}
#footer .global_n_falmily .corp_global {float:left; font-size:14px; line-height:21px; padding:22px 20px 20px 0; color:#666;}
#footer .global_n_falmily .corp_site dt {position:relative; font-size:14px; padding:0 10px 0 11px; color:#666;}
#footer .global_n_falmily .corp_site dt:after {content:''; display:block; position:absolute; top:5px; bottom:5px; left:0; overflow:hidden; width:1px; background:#ddd;}
#footer .global_n_falmily .corp_site dd {margin-left:10px;}
#footer .global_n_falmily .corp_site dl {overflow:hidden;}
#footer .global_n_falmily .corp_site a {color:#666;}
#footer .global_n_falmily .sitemap {position:relative; float:right; width:172px; border-right:1px solid #eee; border-left:1px solid #eee;}
#footer .global_n_falmily .family_site dt a {display:block; position:relative; line-height:21px; box-sizing:border-box; width:172px; padding:20px 20px 19px;}
#footer .global_n_falmily .family_site dt a span {display:block; position:absolute; top:23px; right:20px; overflow:hidden; width:11px; height:11px; text-indent:-9999em;}
#footer .global_n_falmily .family_site dt a span:after {content:''; display:block; position:absolute; top:0; bottom:0; left:5px; width:1px; background:#ff5a20;}
#footer .global_n_falmily .family_site dt a span:before {content:''; display:block; position:absolute; top:5px; right:0; left:0; height:1px; background:#ff5a20;}
#footer .global_n_falmily .family_site_view {display:none; position:absolute; bottom:60px; left:-1px; z-index:1; font-size:13px; width:172px; padding:16px; border:1px solid #eee; background:#fff;}
#footer .global_n_falmily .family_site_view li {margin-top:10px;}
#footer .global_n_falmily .family_site_view li:first-child {margin-top:0;}
#footer .global_n_falmily .family_site_view li a:hover {color:#222; border-bottom:1px solid #222;}
#footer .global_n_falmily .family_site.on dt a span:after {display:none;}
#footer .global_n_falmily .family_site.on .family_site_view {display:block;}
#footer .footer_menus {padding-top:38px;}
#footer .footer_menus a {display:inline-block; position:relative; font-size:13px; height:22px; padding-top:0; color:#666;}
#footer .footer_menus ul {overflow:hidden;}
#footer .footer_menus li {float:left;}
#footer .footer_menus li a {padding-right:11px; padding-left:10px;}
#footer .footer_menus li p {display:inline-block; margin-right:10px; padding-left:10px; color:#222;}
#footer .footer_menus li p a {padding:0; color:#222;}
#footer .footer_menus li a:after,#footer .global_n_falmily .sns_lists li a:after {content:''; display:block; position:absolute; top:5px; right:0; bottom:5px; overflow:hidden; width:1px; background:#ddd;}
#footer .footer_menus li:last-child a:after,#footer .footer_menus li.line_break a:after,#footer .global_n_falmily .sns_lists li:last-child a:after,#footer .global_n_falmily .sns_lists li.twiter a:after,#footer .global_n_falmily .sns_lists li.oksusu a:after {display:none;}
#footer .footer_menus li:first-child a,#footer .footer_menus li.line_break + li a {padding-left:0;}
#footer .footer_menus li.line_break + li {clear:both;}
#footer .footer_menus .tel {font-size:13px; margin-top:8px; color:#222;}
#footer .footer_menus .tel p {display:inline-block; margin-right:6px;}
#footer .footer_menus .tel a {color:#222;}
#footer .certification_wrap {overflow:hidden; margin-top:30px;}
#footer .certification_lists {float:left;}
#footer .certification_lists ul {font-size:0;}
#footer .certification_lists li {display:inline-block; margin-right:30px;}
#footer .global_n_falmily .fr_group {float:right;}
#footer .global_n_falmily .sns_lists {float:left; padding:20px 40px 0 0;}
#footer .global_n_falmily .sns_lists li a {display:block; position:relative; overflow:hidden; width:24px; height:24px; padding:0 20px; text-indent:-9999em;}
#footer .global_n_falmily .sns_lists li:last-child a {padding-right:0;}
#footer .global_n_falmily .sns_lists li {display:inline-block; vertical-align:top;}
#footer .global_n_falmily .sns_lists li a:after {top:6px; bottom:6px;}
#footer .global_n_falmily .sns_lists .facebook a {background:url('/common/img/vin/common/ico_facebook.png') no-repeat center -25px;}
#footer .global_n_falmily .sns_lists .youtube a {background:url('/common/img/vin/common/ico_youtube.png') no-repeat center -25px;}
#footer .global_n_falmily .sns_lists .blog a {background:url('/common/img/vin/common/ico_blog.png') no-repeat center -25px;}
#footer .global_n_falmily .sns_lists .naver a {background:url('/common/img/vin/common/ico_naver.png') no-repeat center -25px;}
#footer .global_n_falmily .sns_lists .twiter a {padding-right:10px; background:url('/common/img/vin/common/ico_twiter.png') no-repeat center -25px;}
#footer .global_n_falmily .sns_lists .facebook a:hover,#footer .global_n_falmily .sns_lists .youtube a:hover,#footer .global_n_falmily .sns_lists .blog a:hover,#footer .global_n_falmily .sns_lists .twiter a:hover,#footer .global_n_falmily .sns_lists .naver a:hover {background-position:center top;}
#footer .global_n_falmily .sns_lists .sk_store {padding-left:10px;}
#footer .global_n_falmily .sns_lists .sk_store,#footer .global_n_falmily .sns_listsp .oksusu {height:23px;}
#footer .global_n_falmily .sns_lists .sk_store a {position:relative; top:-8px;}
#footer .global_n_falmily .sns_lists .sk_store a {display:inline-block; overflow:hidden; width:56px; height:30px; padding:0; text-indent:-9999em; background:url('/common/img/vin/common/ico_skstore.png') no-repeat left top;}
#footer .global_n_falmily .sns_lists .oksusu {position:relative; padding:0 10px 0 40px;}
#footer .global_n_falmily .sns_lists .oksusu:after {content:''; display:block; position:absolute; top:7px; right:0; bottom:12px; overflow:hidden; width:1px; background:#ddd;}
#footer .global_n_falmily .sns_lists .oksusu a {display:inline-block; position:relative; top:0; box-sizing:border-box; width:80px; height:24px; text-indent:-9999em; background:url('/common/img/vin/common/ico_oksusu.png') no-repeat left top;}
#footer .global_n_falmily .sns_lists .sk_store a:hover,#footer .global_n_falmily .sns_lists .oksusu a:hover {background-position:left -40px;}
#footer .copy {font-size:13px; margin-top:30px; color:#666;}
#footer .copy a {display:inline-block; margin-left:10px; vertical-align:top; text-decoration:underline; color:#666;}
#footer .copy dl {display:inline-block; position:relative; padding-right:11px; padding-left:10px; vertical-align:top;}
#footer .copy dl:after {content:''; display:block; position:absolute; top:5px; right:0; bottom:5px; overflow:hidden; width:1px; background:#ddd;}
#footer .copy dl dt,#footer .copy dl dd {float:left;}
#footer .copy dl:first-child {padding-left:0;}
#footer .copy .copyright {margin-top:4px;}
/* contents layout */

.cmm_boxs {min-width:1170px; padding:70px 0; border-top:10px solid #f2f0f0; background:#fff;}
.cmm_boxs.mt80 {margin-top:80px;}
.cmm_boxs.no_pdb {padding-bottom:0;}
.cmm_boxs.h_pdt {padding-top:80px;}
.cmm_boxs.h_pdb {padding-bottom:80px;}
.cmm_boxs.h_pd {padding:80px 0;}
.cmm_boxs.bg_gray {background:#f8f6f5;}
.cmm_boxs.first {margin-top:0; border-top:0 none;}
.cmm_boxs.no_pd {padding:0;}
.cmm_boxs.no_pdt {padding-top:0;}
.cmm_boxs.no_pdb {padding-bottom:0;}
.cmm_boxs.anchor_tab {padding:40px 0;}
.cmm_boxs .cmm_inner {width:1170px; margin:0 auto;}
.no_contsbox_last {margin-bottom:80px;}

.cmm_boxs.btv_bot {padding:23px 0 70px; border-top:1px solid #eeeceb; border-bottom:10px solid #f2f0f0;}

/* search_form */
.search_from {font-size:0; margin-bottom:20px;}
.result_txt {font-size:24px; font-weight:normal; line-height:36px; margin-bottom:20px;}
.search_from:after {content:''; display:block; clear:both; overflow:hidden; width:0; height:0;}
.search_from .selects {font-size:15px; width:auto; min-width:130px; margin-left:6px; vertical-align:top;}
.search_from .result_txt {float:left; margin-bottom:0; padding-top:15px;}
.search_from .form_box {float:right;}
.search_from .input_txt {width:216px;}
.search_from .module_cal {display:inline-block; font-size:14px; margin-left:6px;}
.search_from .form_box .ui-calendar-container:after {right:55px;}
.input_search {display:inline-block; font-size:15px; margin-left:6px; vertical-align:top;}
.input_search .input_txt,.input_search .btn {float:left;}
.input_search .btn {margin-left:-1px;}

/* data table */
.data_table .table.titSmt_s {margin-top:20px;}
.data_table .table.titSmt_m {margin-top:30px;}
.data_table .table.titSmt_xm {margin-top:40px;}
.data_table .table.titSmt_l {margin-top:60px;}
.data_table .table.titSmt_xl {margin-top:80px;}

.data_table .table.titSmb_s {margin-bottom:20px;}
.data_table .table.titSmb_m {margin-bottom:30px;}
.data_table .table.titSmb_xm {margin-bottom:40px;}
.data_table .table.titSmb_l {margin-bottom:60px;}
.data_table .table.titSmb_xl {margin-bottom:80px;}


.data_table .top_info:after {content:''; display:block; clear:both;}
.data_table .top_info .fl {float:left; text-align:left;}
.data_table .top_info .fr {float:right;}
.data_table .top_info p.txts {margin-bottom:20px; color:#666;}
.data_table .top_info.inner_filter {margin-bottom:30px;}
.data_table .top_info.inner_filter .selects {width:370px;}

.data_table .table {position:relative; border-top:2px solid #222;}
.data_table .table:after {content:''; display:block; position:absolute; right:0; bottom:0; left:0; overflow:hidden; height:1px; background:#dddbda;}
.data_table .table th {font-size:15px; line-height:24px; padding:16px 14px; text-align:center; border-top:1px solid #eeeceb; border-right:1px solid #eeeceb; background:#f8f6f5;}
.data_table .table .bg_th {background:#f8f6f5;}
.data_table .table thead tr:first-child th {border-top:none;}
.data_table .table tbody th,.data_table .table tbody td {border-bottom:1px solid #eeeceb;}
.data_table .table tbody .last_line {border-bottom:1px solid #dddbda;}
.data_table .table tbody tr:last-child th,.data_table .table tbody tr:last-child td {border-bottom:1px solid #dddbda;}
.data_table .table tbody th {padding:14px;}
.data_table .table tbody th.no_bg {background:#fff;}
.data_table .table tbody th.no_bg .em_small {font-size:12px; line-height:24px; color:#ff5a20;}
.data_table .table tbody td {font-size:15px; line-height:21px; padding:16px 14px; text-align:center; color:#666; border-right:1px solid #eeeceb; background:#fff;}
.data_table .table td:last-child {border-left:0 none;}
.data_table .table th.bdl,.data_table .table td.bdl {border-left:1px solid #eeeceb !important;}
.data_table .table tbody td.bld {color:#222;}
.data_table .table tbody td.bg_blue {background-color:#f4f3fb;} 

.data_table .table th.no_bg {font-size:15px; line-height:21px; padding:16px 14px; background:#fff;}
.data_table .table tr:first-child th.no_bg {border-top:0 none;}
.data_table .table th.bt_bd {border-bottom:1px solid #eeeceb;}
.data_table .table .al_left {padding-left:20px; text-align:left;}
.data_table .table .al_right {padding-right:20px; text-align:right;}
.data_table .table .al_top {padding-top:14px; vertical-align:top;}
.data_table .table .al_btm {padding-bottom:14px; vertical-align:bottom;}
.data_table .table sup {font-size:9px;}
.data_table .table .td_block_btn {margin-top:10px;}
.data_table .btm_info {margin-top:20px;}

.data_table .table.color_type2 {border-top-width:1px;}
.data_table .table.color_type2 th {line-height:20px; padding:18px 14px; background:#eeeceb;}
.data_table .table.color_type2 tbody th {border-bottom:1px solid #dddbda;}
.data_table .table.color_type2 td {line-height:20px; padding:18px 14px; border-color:#dddbda;}
.data_table .table tfoot th {border-right:0 none;}
.data_table .table tfoot tr:last-child {border-bottom:1px solid #dddbda;}
.data_table .table thead th:last-child,.data_table .table tbody td:last-child,.data_table .table tbody th:last-child,.data_table .table.vline_hide th,.data_table .table.vline_hide td {border-right:0 none;}
.data_table .table tbody td:last-child[rowspan] {border-left:1px solid #eeeceb;}
.data_table .table tbody td.bd_r {border-right:1px solid #eeeceb;}
.data_table .table tfoot th {font-weight:500; padding:20px 10px 19px; vertical-align:middle; background:#f8f6f5;}
.data_table .table tfoot td {padding:20px 12px 19px; vertical-align:middle; color:#666; background:#f8f6f5;}
.data_table .table tfoot td strong {font-size:20px; font-weight:500; color:#ff4800;}
.data_table .table tfoot .no_bg {background:none;}
.data_table .table .bg_purple th,.data_table .table .bg_purple td {background:#f4f3fb;}
.data_table .table .bg_purple .em {font-size:20px; font-weight:500;}

/* data_table small_cell */
.data_table.small_cell .table th {padding:14px 12px 13px;}
.data_table.small_cell .table td {padding:15px 20px;}
.data_table.break_letter th, .data_table.break_letter td{word-break:break-all;}

/* list table */
.list_table {border-top:1px solid #222;}
.list_table .list {display:table; font-size:13px; line-height:20px; width:100%; table-layout:fixed; text-align:left; word-break:keep-all;}
.list_table .list dt {display:table-cell; box-sizing:border-box; width:200px; padding:18px 14px; vertical-align:middle; border-bottom:1px solid #dddbda; background:#eeeceb;}
.list_table .list dd {display:table-cell; padding:18px 14px; vertical-align:middle; color:#666; border-bottom:1px solid #eeeceb; background:#fff;}
.list_table .list:last-child dt,.list_table .list:last-child dd {border-bottom:1px solid #dddbda;}

/*btn*/
.more {display:block; width:100%; text-align:center;}
.more em {display:inline-block; font-size:14px; line-height:21px; padding-right:6px;}
.more .arr {margin-top:5px; vertical-align:4px;}
.more .arr.up {margin-top:9px;}
.more_ajax {position:relative; margin-top:12px;}
.more_ajax .more {display:block; line-height:60px; height:60px; margin-bottom:-18px;}
.more_ajax .cssload-spin-box {display:none; height:60px; background:url('/common/img/vin/common/spinner_60.gif') no-repeat center top;}
.more_ajax.loading .more {display:none;}
.more_ajax.loading .cssload-spin-box {display:block;}

/* paging */
.paging {margin-top:40px; text-align:center;}
.paging .jump_page {display:inline-block; overflow:hidden; box-sizing:border-box; width:32px; height:32px; margin:0 2px; text-align:center; vertical-align:top; border:1px solid #cccac9;}
.paging .jump_page.disabled {opacity:.4;}
.paging .jump_page span {display:inline-block; overflow:hidden; line-height:99999px; width:15px; height:12px; margin-top:9px; vertical-align:top; background:url('/common/img/vin/common/paging_arr.png') no-repeat left top;}
.paging .jump_page.first span {margin-left:-1px; background-position:0 0;}
.paging .jump_page.prev span {width:8px; background-position:-35px 0;}
.paging .jump_page.last span {margin-right:-1px; background-position:-63px 0;}
.paging .jump_page.next span {width:8px; background-position:-98px 0;}
.paging .page_num {display:inline-block; height:32px; padding:0 20px; vertical-align:top;}
.paging .page_num a {display:inline-block; font-size:16px; line-height:32px; width:32px; height:32px; text-align:center; color:#898786;}
.paging .page_num .now {display:inline-block; font-size:16px; line-height:32px; width:34px; height:32px; text-align:center; text-decoration:underline; color:#ff5a20;}

/* button */
.btn_wrap {font-size:0; margin-top:40px; text-align:center;}
.btn_wrap.narrow {margin-top:40px;}
.btn_wrap .btn {margin:0 0 0 10px !important;}
.btn_wrap .btn:first-child {margin-left:0 !important;}
.btn {display:inline-block; box-sizing:border-box; text-align:center; vertical-align:top;}
.btn.va_m {vertical-align:middle;}
.btn.h60 {font-size:18px; line-height:58px; min-width:240px; height:60px; margin:0 2px; padding:0 30px;}
.multi_btn .btn.h60 {min-width:200px;}
.btn.h50 {font-size:18px; line-height:48px; min-width:130px; height:50px; padding:0 30px;}
.btn.h34 {font-size:13px; line-height:34px; min-width:68px; height:34px; padding:0 10px;}
.btn.h30 {font-size:13px; line-height:30px; min-width:68px; height:30px; padding:0 10px;}
.btn.gray.h50 {font-size:15px; min-width:100px; padding:0 20px;}
.btn.submit {color:#fff; border:1px solid #ff5a20; background-color:#ff5a20;}
.btn.cancel {color:#ff5a20; border:1px solid #ff5a20; background:#fff;}
.btn.gray {color:#fff; background:#676564;}
.btn.white_btn {color:#666; border:1px solid #dddbda; background:#fff;}
.btn.gray_btn {color:#cccac9; border:1px solid #dddbda; background:#f8f6f5;}
.btn.h50.white_btn {font-size:15px;}
.btn.small {font-size:13px; line-height:20px; width:auto; height:auto; padding:7px 10px;}
.btn.btn_s.white {display:inline-block; font-size:16px; line-height:50px; width:180px; height:50px; text-align:center; color:#888; border:1px solid #cccac9;}
.btn.h34 .arr_ico {display:inline-block; position:relative; line-height:32px; padding-right:11px; vertical-align:top; background:url('/common/img/vin/common/arr_6_10_2.png') no-repeat right;}
.btn.h50 .arr_ico {display:inline-block; position:relative; line-height:48px; padding-right:16px; vertical-align:top; background:url('/common/img/vin/common/arr_6_10_2.png') no-repeat right;}
.btn.gray .arr_ico {display:inline-block; position:relative; line-height:inherit; padding-right:20px; vertical-align:top; background:url('/common/img/vin/common/arr_6_12.png') no-repeat right;}
.btn.gray.h34 .arr_ico {display:inline-block; position:relative; line-height:34px; padding-right:11px; vertical-align:top; background:url('/common/img/vin/common/arr_6_9_s.png') no-repeat right;}
.btn.down {position:relative; font-size:13px; line-height:34px; box-sizing:border-box; width:160px; padding:0 20px; text-align:left; color:#666; border:1px solid #dddbda;}
.btn.down:after {content:''; display:block; position:absolute; top:50%; right:20px; width:16px; height:16px; margin-top:-8px; background:url('/common/img/vin/common/down_ico.png') no-repeat 0 0;}
.btn.down.gray {font-size:13px; background:#676564;}
.btn.btn_r{float:right;}

.btn.icon_play {position:relative; font-size:13px; line-height:42px; box-sizing:border-box; width:160px; padding:0 30px 0 55px; text-align:left; color:#666; border:1px solid #dddbda;}
.btn.icon_play:after {content:''; display:block; position:absolute; top:50%; left:30px; width:15px; height:15px; margin-top:-7.5px; background:url('/common/img/vin/common/icon15x15_play.png') no-repeat 0 0;}
.btn.icon_link {position:relative; font-size:13px; line-height:42px; box-sizing:border-box; width:150px; padding:0 30px 0 55px; text-align:left; color:#666; border:1px solid #dddbda;}
.btn.icon_link:after {content:''; display:block; position:absolute; top:50%; left:30px; width:15px; height:15px; margin-top:-7.5px; background:url('/common/img/vin/common/icon15x15_link.png') no-repeat 0 0;}


/* img_wrap */
.img_wrap.spa_tl {padding-top:60px;}

/* bullet lists */
.bull_list {font-size:15px; line-height:23px; color:#666;}
.bull_list.spa_ts {padding-top:8px;}
.bull_list.spa_tm {padding-top:15px;}
.bull_list.ml10 {margin-left:10px;}

.boxing {padding:40px; border:1px solid #eeeceb;}
.bull_list.min {font-size:14px; line-height:21px;}
.bull_list li {position:relative; margin-top:8px; word-break:break-all;}
.bull_list.min_type01 li{margin-top:0;line-height:24px;}
.bull_list.min_type01 li em.color_o{color:#ff4800;}
.bull_list li:first-child {margin-top:0;}
.bull_list p {position:relative;}
.bull_list .base {position:relative; margin-bottom:8px;}
.bull_list li ul {margin-top:8px;}
.bull_list .square {padding-left:10px; color:#666;}
.bull_list .square a{color:#666;}
.bull_list .square.em {color:#ff5a20;}
.bull_list .square.em:after {background:#ff5a20;}
.bull_list .square:after {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; background:#888;}
.bull_list.min .square:after {top:8px;}
.bull_list.min.min_type01 .square:after {top:10px;}
.bull_list .number {position:relative; padding-left:23px;}
.bull_list .number span {position:absolute; top:0; left:0;}
.bull_list.min .number {padding-left:21px;}
.bull_list .circle {padding-left:9px; color:#666;}
.bull_list .circle:after {content:''; display:block; position:absolute; top:9px; left:0; width:2px; height:2px; border-radius:1px; background:#666;}
.bull_list .circle.em {color:#ff5a20;}
.bull_list .circle.em:after {background:#ff5a20;}
.bull_list.min .circle:after {top:8px;}
.bull_list .dash {padding-left:10px; color:#666;}
.bull_list .dash:after {content:''; display:block; position:absolute; top:9px; left:0; width:5px; height:1px; background:#666;}
.bull_list .dash.em {color:#ff5a20;}
.bull_list .dash.em:after {background:#ff5a20;}
.bull_list.min .dash:after {top:10px;}
.bull_list .etc {position:relative; font-size:14px; line-height:21px; padding-left:20px; color:#898786;}
.bull_list .etc:after {content:''; display:block; position:absolute; top:2px; left:0; overflow:hidden; width:15px; height:15px; background:url('/common/img/vin/common/ico_etc.png') no-repeat left top; background-size:100%;}
.bull_list .refer {padding-left:18px; color:#666;}
.bull_list .refer:after {position:absolute; top:0; left:0; content:"¡Ø";}

/* notice icon */
.ico_notice_wrap {padding:30px 40px; border:1px solid #dddbda;}
.ico_notice_wrap .ico_notice .ico_head {margin-bottom:30px;}

/* accordion */
.acc_list_head .sp_txt {overflow:hidden;}
.acc_list_wrap .acc_lists {border-bottom:1px solid #eeeceb;}
.acc_list_wrap .acc_lists:first-child {padding-top:1px; border-top:2px solid #222;}
.acc_list_wrap .acc_lists:last-child {border-bottom:1px solid #ddd;}
.acc_list_wrap .acc_list_head {position:relative;}
.acc_list_wrap .acc_list_head a {display:block; padding:30px 60px 30px 30px;}
.acc_list_wrap .acc_list_head .tit {font-size:18px; line-height:27px;}
.acc_list_wrap .acc_list_head .sp_txt {display:inline-block; position:absolute; top:50%; right:30px; box-sizing:border-box; width:12px; height:12px; margin-top:-10px; -webkit-transform:rotate(135deg) translate3d(0, 0, 0); -moz-transform:rotate(135deg) translate3d(0, 0, 0); -ms-transform:rotate(135deg); transform:rotate(135deg) translate3d(0, 0, 0); text-indent:-9999em; border:1px solid #888; border-bottom:none; border-left:none;}
.acc_list_wrap .acc_list_head .tit_decs {display:block; color:#666;}
.acc_list_wrap .acc_list_head .tit_price {position:absolute; top:50%; right:0; font-size:24px; line-height:36px; margin-top:-13.5px; color:#222;}
.acc_list_wrap .acc_list_head.form_check .chk_wrap {display:block; box-sizing:border-box; height:87px; padding-top:34px; padding-left:30px;}
.acc_list_wrap .acc_list_head.form_check .chk_wrap label {padding-left:38px;}
.acc_list_wrap .acc_list_head.form_check a {position:absolute; top:0; right:0; bottom:0; width:87px; padding:0;}
.acc_list_wrap .acc_list_head.form_check.type2 a {right:200px;}
.acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap {font-size:0; height:64px; padding-top:20px; padding-left:20px;}
.acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap .tit {display:inline-block; font-size:15px; font-weight:normal; line-height:23px; width:240px; color:#222;}
.acc_list_wrap .acc_list_conts.form_check.type2 {padding:12px 200px 12px 260px; background:#fff;}
.acc_list_wrap .acc_list_conts.form_check.type2 .acc_conts {padding:30px 20px; background:#f8f6f5;}
.acc_list_wrap .on .acc_list_head .sp_txt {margin-top:-2px; -webkit-transform:rotate(-45deg) translate3d(0, 0, 0); -moz-transform:rotate(-45deg) translate3d(0, 0, 0); -ms-transform:rotate(-45deg); transform:rotate(-45deg) translate3d(0, 0, 0);}
.acc_list_wrap .acc_list_conts {display:none; font-size:15px; line-height:23px; padding:30px; color:#666; border-top:1px solid #eeeceb; background:#f8f6f5;}
.acc_list_wrap .acc_list_conts .em {color:#ff4800;}

/*iframe*/
.iframe.bz .mypage th, .iframe.bz .mypage td, .iframe.bz .mypage li, .iframe.bz .mypage a, .iframe.bz .mypage p {word-break:break-all}
.iframe #containers {margin-top:0;}
.iframe .acc_list_wrap .acc_list_conts {overflow:auto; max-height:300px; padding-bottom:0;}
.iframe .acc_list_wrap .acc_list_conts .acc_conts {padding-bottom:30px;}
.iframe .acc_list_wrap.cont_hei200 .acc_list_conts {overflow:auto; max-height:200px;}
.iframe .acc_list_wrap.cont_hei300 .acc_list_conts {overflow:auto; max-height:300px;}
.iframe .acc_list_wrap.cont_hei400 .acc_list_conts {overflow:auto; max-height:400px;}
.acc_list_wrap.faq .acc_list_head .tit {display:inline-block; position:relative; padding-left:30px;}
.acc_list_wrap.faq .acc_list_head .tit .q_txt {position:absolute; top:0; left:0; font-weight:700;}
.acc_list_wrap.faq .acc_list_conts .qna_btn {margin-top:20px;}
.acc_list_wrap .big .acc_list_head .tit {font-size:30px; font-weight:500; line-height:45px;}
.acc_list_wrap .acc_lists.big {border-bottom:0;}
.acc_list_wrap .big .acc_list_head a {padding-top:40px; padding-bottom:40px; padding-left:0;}
.acc_list_wrap .acc_list_head a.arr_in {padding-right:67px;}
.acc_list_wrap.board_type .conts {overflow:hidden;}
.acc_list_wrap .acc_list_head p {position:relative; padding-right:150px;}
.acc_list_wrap.board_type .conts span {display:inline-block; font-size:15px; vertical-align:top;}
.acc_list_wrap.board_type .conts .left_al {float:left; font-size:0;}
.acc_list_wrap.board_type .conts .left_al span {margin-right:20px;}
.acc_list_wrap.board_type .conts .left_al span:last-child {margin-right:0;}
.acc_list_wrap.board_type .conts .right_al {float:right; font-size:0;}
.acc_list_wrap.board_type .conts .right_al span {margin-left:20px;}
.acc_list_wrap.board_type .conts .right_al span:first-child {margin-left:0;}
.acc_list_wrap.board_type .conts .num {min-width:50px; text-align:center;}
.acc_list_wrap.board_type .conts .flag {font-size:13px;}
.acc_list_wrap.board_type .conts .category {text-align:center;}
.acc_list_wrap.board_type .conts .title {font-size:18px; margin-left:6px;}
.acc_list_wrap.board_type .conts .chk_wrap .title {color:#222;}
.acc_list_wrap.board_type .conts .chk_wrap .title:hover {text-decoration:underline;}
.acc_list_wrap.board_type .conts .date {color:#898786;}

.acc_list_wrap.detail_type {width:1170px; margin:0 auto;}
.acc_list_wrap.detail_type .acc_lists {border:0;}
.acc_list_wrap.detail_type .acc_lists .acc_list_head a {padding:40px 40px 40px 0;}
.acc_list_wrap.detail_type .acc_lists .acc_list_head a .tit {font-size:30px; font-weight:500; line-height:45px;}
.acc_list_wrap.detail_type .acc_lists .acc_list_conts {padding:20px 0 60px; border-top:0; background:none;}
/* // accordion */
/* board view */
.board_view {width:1170px; margin:50px auto 0; border-top:2px solid #222;}
.board_view .view_header {position:relative; padding:30px; padding-right:120px; border-bottom:1px solid #eeeceb;}
.board_view .view_header .date {position:absolute; top:30px; right:30px; line-height:36px; color:#898786;}
.board_view .view_header .tit {font-size:24px; line-height:36px;}
.board_view .view_conts {padding:40px 30px;}
.board_view .view_conts .top_list {overflow:hidden; margin-bottom:30px; border-top:1px solid #eeeceb; border-bottom:1px solid #eeeceb;}
.board_view .view_conts .top_list dl {position:relative; float:left; width:50%; padding-left:240px;}
.board_view .view_conts .top_list dl dt {position:absolute; top:0; left:0; box-sizing:border-box; width:240px; height:53px; padding:15px 20px; background:#f8f6f5;}
.board_view .view_conts .top_list dl dd,.board_view .view_conts .file_wrap dl dd {padding:15px 20px; color:#666;}
.board_view .view_conts .view_body {color:#666;}
.notice_line {position:relative;border:1px dashed #000;border-width:1px 0;width:100%;height:5px;margin:10px 0;}
.notice_line span {display:inline-block;width:10%;background:#fff;position:absolute;top:-9px;left:50%;margin-left:-5%;text-align:center;}

/* board detail view */
.board_view .view_conts .view_body .img_wrap .hidden_desc {position:absolute; top:-9999em; left:-9999em; overflow:hidden; font-size:0; width:0; height:0;}
.board_view .view_conts .view_body table {position:relative; border-top:2px solid #222;}
.board_view .view_conts .view_body table:after {content:''; display:block; position:absolute; right:0; bottom:0; left:0; overflow:hidden; height:1px; background:#dddbda;}
.board_view .view_conts .view_body table th {font-size:15px; line-height:24px; padding:16px 14px; text-align:center; border-left:1px solid #eeeceb; background:#f8f6f5;}
.board_view .view_conts .view_body table thead th {border-top:1px solid #eeeceb;}
.board_view .view_conts .view_body table thead tr:first-child th {border-top:none;}
.board_view .view_conts .view_body table tbody th,.board_view .view_conts .view_body table tbody td {border-bottom:1px solid #eeeceb;}
.board_view .view_conts .view_body table tbody th:first-child[rowspan] {border-right:1px solid #eeeceb;}
.board_view .view_conts .view_body table tbody tr:last-child th,.board_view .view_conts .view_body table tbody tr:last-child td {border-bottom:1px solid #dddbda;}
.board_view .view_conts .view_body table tbody th {padding:14px;}
.board_view .view_conts .view_body table tbody td {font-size:15px; line-height:21px; padding:16px 14px; text-align:center; color:#666; border-left:1px solid #eeeceb; background:#fff;}
.board_view .view_conts .view_body table tbody .tit {text-align:left;}
.board_view .view_conts .view_body table th:first-child,.board_view .view_conts .view_body table th.first,.board_view .view_conts .view_body table td:first-child,.board_view .view_conts .view_body table td.first {border-left:0 none;}
.board_view .view_conts .view_body table th.bdl,.board_view .view_conts .view_body table td.bdl {border-left:1px solid #eeeceb !important;}
.board_view .view_conts .view_body table tfoot th {border-right:0 none;}
.board_view .view_conts .view_body table tfoot tr:last-child {border-bottom:1px solid #dddbda;}
.board_view .view_conts .view_body table tfoot th {font-weight:500; padding:20px 10px 19px; vertical-align:middle; background:#f8f6f5;}
.board_view .view_conts .view_body table tfoot td {padding:20px 12px 19px; vertical-align:middle; color:#666; background:#f8f6f5;}
.board_view .view_conts .view_body table tfoot td strong {font-size:20px; font-weight:500; color:#ff4800;}
.board_view .view_conts .view_body table th.no_bg{background:none}
.board_view .view_conts .view_body table .al_left{padding-left: 20px;text-align: left;}
.board_view .view_conts .s_txt {font-size: 13px;line-height: 20px;margin: 6px 0 0;color: #898786;}
.board_view .view_conts .view_body a {text-decoration:underline;}
.board_view .view_conts .file_wrap {margin-top:30px; border-top:1px solid #eeeceb; border-bottom:1px solid #eeeceb;}
.board_view .view_conts .file_wrap dl {position:relative; padding-left:200px;}
.board_view .view_conts .file_wrap dl dt {position:absolute; top:0; left:0; box-sizing:border-box; width:200px; height:53px; padding:15px 20px; background:#f8f6f5;}
.board_view .view_conts .file_wrap dl dd a {color:#666;}
.board_view .detail_paging {margin-top:60px; border-top:1px solid #dddbda; border-bottom:1px solid #dddbda;}
.board_view .detail_paging .go_view {display:block; position:relative; padding-left:120px;}
.board_view .detail_paging .go_view:first-child {border-bottom:1px solid #eeeceb;}
.board_view .detail_paging .go_view .view {padding:20px 0;}
.board_view .detail_paging .go_view .page {position:absolute; top:0; left:0; padding:20px 0 20px 30px;}
.board_view .detail_paging .go_view .page span {display:inline-block; position:relative; font-weight:500; padding-left:32px;}
.board_view .detail_paging .go_view .page span:after {content:''; display:block; position:absolute; top:6px; left:0; width:10px; height:10px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); border:1px solid #666; border-right:0; border-bottom:0;}
.board_view .detail_paging .go_view.n_view .page span:after {top:1px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
.board_view .detail_paging .go_view.no_view {color:#898786;}
.board_view .detail_paging .go_view.no_view .page span:after {border-color:#898786;}
.board_view .view_footer {text-align:center;}

/* tab */
.tab_wrap {position:relative; font-size:0; background:#fff;}
.tab_wrap:after {content:''; display:block; position:absolute; right:0; bottom:0; left:0; border-bottom:1px solid #eee;}
.tab_wrap ul {width:1170px; margin:0 auto;}
.tab_wrap .tabs {display:inline-block; position:relative; z-index:1; width:50%; height:70px; vertical-align:top;}
.tab_wrap .tabs a {display:inline-block; font-size:18px; line-height:68px; box-sizing:border-box; width:100%; height:70px; text-align:center; color:#222; border-bottom:2px solid transparent;}
.tab_wrap .tabs.on a {color:#ff5a20; border-bottom:2px solid #ff5a20;}
.dep1_tab.tab_wrap {position:relative;}
.wide .dep1_tab.tab_wrap {position:relative;width:1170px;margin:0 auto;}
.dep1_tab.tab_wrap ul:after {content:''; display:block; clear:both;}
.dep1_tab.tab_wrap .tabs {position:relative; z-index:1; float:left; width:auto;}
.dep1_tab.tab_wrap .tabs a {display:block; line-height:70px; box-sizing:border-box; height:70px; padding:0 50px; text-align:center; color:#666; border:1px solid transparent;}
.dep1_tab.tab_wrap .tabs.on {z-index:2;}
.dep1_tab.tab_wrap .tabs.on a {font-weight:500; color:#ff5a20; border:1px solid #ff5a20; border-bottom:none; border-bottom:none; background:#fff;}
.dep1_tab.tab_wrap:after {border-color:#ff5a20;}
.dep1_tab.tab_wrap + .tab_wrap.box_type {margin-top:40px;}

.dep1_tab.double_txt .tabs {height:100px;}
.dep1_tab.double_txt .tabs a {height:100px; padding-top:21px; line-height:27px; }

.tab_wrap.size_2 .tab {width:50%;}
.tab_wrap.size_3 .tabs {width:33.3%;}
.tab_wrap.size_3 .tabs:first-child{width:33.33%;}
.tab_wrap.size_4 .tabs {width:25%;}
.tab_wrap.size_5 .tabs {width:20%;}
.tab_wrap.size_6 .tabs {width:16.6%;}
.tab_wrap.size_7 .tabs {width:14.2%;}
.tab_wrap.size_auto ul {text-align:center;}
.tab_wrap.size_auto .tabs {width:auto; margin-left:50px;}
.tab_wrap.size_auto .tabs:first-child {margin-left:0;}
.tab_wrap.box_type:after {content:''; display:block; clear:both; border-bottom:none;}
.tab_wrap.box_type ul {overflow:hidden;}
.tab_wrap.box_type ul:after {content:none;}
.tab_wrap.box_type .tabs {position:relative; z-index:1; height:62px;}
.tab_wrap.box_type .tabs:last-child {border-right:1px solid #ddd;}
.tab_wrap.box_type .tabs a {position:relative; font-size:15px; line-height:23px; line-height:62px; height:62px; color:#666; border:1px solid #ddd; border-right:none; border-left:none; background:transparent; background:#f8f6f5;}
.tab_wrap.box_type .tabs a:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
.tab_wrap.box_type .tabs.on {z-index:2;}
.tab_wrap.box_type .tabs.on a {font-weight:500; font-weight:500; color:#ff5a20; border:1px solid #ff5a20; border-left:none; background:#fff;}
.tab_wrap.box_type .tabs.on a:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:1px; height:100%; background:#ff5a20;}
.tab_wrap.box_type .tabs.on a {text-decoration:underline;}
.tab_wrap.box_type .tabs.on + .tabs a:before {content:none;}
.tab_wrap.size_6 .tabs a {padding:0 0;}

/* tab level2 */
.tab_wrap.sub_tab:after {content:none;}
.tab_wrap.sub_tab .sub_tab_wrap {overflow:hidden; width:1170px; margin:0 auto;}
.tab_wrap.sub_tab ul {margin-left:-20px; padding:8px 0;}
.tab_wrap.sub_tab .tabs {position:relative; width:auto; height:auto;}
.tab_wrap.sub_tab .tabs:before {content:''; display:inline-block; position:absolute; top:9px; left:0; width:1px ; height:18px; background:#eeeceb;}
.tab_wrap.sub_tab .tabs a {font-size:15px; line-height:23px; box-sizing:content-box; width:auto; height:23px; padding:8px 20px ; text-align:left; color:#666; border:none;}
.tab_wrap.sub_tab .tabs.on a {color:#ff5a20; border:none;}

/* tab_contents */
.tab_contents .tab_cont {margin-top:60px;}
.tab_contents .tab_cont.first_box {margin-top:40px;}
.tab_contents.type01 .tab_cont{margin-top:0;}
/* // tab */

.anchor_tab_wrap {height:70px;}
.anchor_tab {position:relative; z-index:50;}

/* layer popup */
.layer_pop.wid_s {width:570px;}
.layer_pop.wid_m {width:680px;}
.layer_pop.wid_l {width:900px;}
.layer_pop {position:relative; width:870px; background:#fff;}
.layer_pop header,.win_pop header {padding:20px 30px; background:#262039;}
.layer_pop header .pop_tit,.win_pop header .pop_tit {font-size:24px; font-weight:500; line-height:36px; color:#fff;}
.layer_pop .pop_close,.win_pop .pop_close {position:absolute; top:28px; right:30px;}
.layer_pop .pop_close .btn.close,.win_pop .pop_close .btn.close {line-height:1; width:auto; height:auto;}
.layer_pop .gray_bg_box,.win_pop .gray_bg_box {margin-top:40px;}
.layer_pop .pop_contents {overflow:auto; max-height:664px;}
.layer_pop .pop_contents,.win_pop .pop_contents {padding:30px;}
.layer_pop .gray_line_box,.win_pop .gray_line_box {margin-top:40px;}
.gray_line_box {padding:20px; border:1px solid #eeeceb; background:#f8f6f5;}
.gray_line_box .em {color:#ff4800;}
/* // layer popup */

/* gray box */
.gray_bg_box {padding:20px; background:#f3f1f0;}
.gray_bg_box.al_center {text-align:center;}
/* // gray box */

/* error */
.error_wrap {position:relative; min-height:800px; padding:90px 0 80px;}
.error_wrap .header {position:fixed; top:0; right:0; left:0; padding:30px 0; text-align:center; border-bottom:1px solid #ddd; background:#fff;}
.error_wrap .footer {position:fixed; right:0; bottom:0; left:0; padding:30px 0; border-top:1px solid #ddd; background:#fff;}
.error_wrap .footer p.copy {font-size:14px; min-width:1170px; padding-left:215px; color:#666;}
.error {text-align:center; background-color:#fff;}
.error .error_inner {width:770px; margin:0 auto; padding:80px 0;}
.error .error_inner .error_tit {display:block; font-size:30px; font-weight:500; line-height:45px; margin-top:20px; color:#222;}
.error .error_inner .error_txt {margin-top:40px; padding:30px 20px; text-align:center; background-color:#f8f6f5;}
.error .error_inner .error_txt .error_type {font-size:18px; line-height:27px; color:#222;}
.error .error_inner .sub_txt_wrap {width:770px; margin:20px auto 0; padding:30px 0; text-align:center; background:#f8f6f5;}
.error .error_inner .sub_txt_wrap dl {display:inline-block; font-size:18px; line-height:27px; width:400px; margin-top:10px; text-align:left; color:#666;}
.error .error_inner .sub_txt_wrap dl:first-child {margin-top:0;}
.error .error_inner .sub_txt_wrap dl dt {float:left; width:97px; color:#222;}
.error .error_inner .sub_txt_wrap dl dd {float:left;}

/*arrow*/
.arr {display:inline-block; box-sizing:border-box; border:1px solid #222; border-top:none; border-left:none;}
.arr.down {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.arr.up {-webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg);}
.arr.right {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.arr.left {-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
.arr.w10 {width:8px; height:8px;}
.arr.w10.right {width:7px; height:10px; -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); border:none; background:url('/common/img/vin/common/arr_6_10_2.png') no-repeat 0 0;}

/* icon */
.ico {display:inline-block; overflow:hidden; box-sizing:border-box; vertical-align:top; text-indent:-9999em;}

/*ico20*/
.ico.ico20 {width:20px; height:20px; background:url('/common/img/vin/common/icon20x20.png') no-repeat left top;}
.ico.ico20.type01 {background-position:0 0;}
.ico.ico20.type02 {background-position:-50px 0;}
.ico.ico20.type03 {background-position:-100px 0;}
.ico.ico20.type04 {background-position:-150px 0;}
.ico.ico20.type05 {background-position:-200px 0;}
.ico.ico20.type06 {background-position:-250px 0;}
.ico.ico20.type07 {background-position:-300px 0;}
.ico.ico20.type08 {background-position:-350px 0;}
.ico.ico20.type09 {background-position:-400px 0;}
.ico.ico20.type10 {background-position:-450px 0;}
.ico.ico20.type11 {background-position:-500px 0;}

/* ico24 */
.ico.ico24 {width:24px; height:24px; background:url('/common/img/vin/common/icon24x24.png') no-repeat left top;}
.ico.ico24.type01 {background-position:0 0;}
.ico.ico24.type02 {background-position:-50px 0;}
.ico.ico24.type02 {background-position:-100px 0;}
.ico.ico24.type03 {background-position:-150px 0;}
.ico.ico24.type04 {background-position:-200px 0;}
.ico.ico24.type05 {background-position:-250px 0;}
.ico.ico24.type06 {background-position:-300px 0;}
.ico.ico24.type07 {background-position:-350px 0;}
.ico.ico24.type08 {background-position:-400px 0;}
.ico.ico24.type09 {background-position:-450px 0;}
.ico.ico24.type11 {background-position:0 -50px;}
.ico.ico24.type12 {background-position:-50px -50px;}
.ico.ico24.type13 {background-position:-100px -50px;}

/* ico30 */
.ico.ico30 {width:30px; height:30px; background:url('/common/img/vin/common/icon30x30.png') no-repeat 0 0;}
.ico.ico30.type01 {background-position:0 0;}
.ico.ico30.type02 {background-position:-60px 0;}

/*ico32*/
.ico.ico32 {width:32px; height:32px; background:url('/common/img/vin/common/icon32x32.png') no-repeat left top;}
.ico.ico32.type01 {background-position:0 0;}
.ico.ico32.type02 {background-position:-100px 0;}
.ico.ico32.type03 {background-position:-200px 0;}
.ico.ico32.type04 {background-position:-300px 0;}
.ico.ico32.type05 {background-position:-400px 0;}

/*ico32_tab*/
.ico.ico32.tab01 {background-position:0 -800px;}
.ico.ico32.tab02 {background-position:-100px -800px;}
.ico.ico32.tab03 {background-position:-200px -800px;}
.ico.ico32.tab04 {background-position:-300px -800px;}
.ico.ico32.tab05 {background-position:-400px -800px;}
.ico.ico32.tab06 {background-position:-500px -800px;}
.ico.ico32.tab07 {background-position:-600px -800px;}
.ico.ico32.tab08 {background-position:-700px -800px;}
.ico.ico32.tab09 {background-position:-800px -800px;}
.ico.ico32.tab10 {background-position:-900px -800px;}
.on .ico.ico32.tab01 {background-position:0 -900px;}
.on .ico.ico32.tab02 {background-position:-100px -900px;}
.on .ico.ico32.tab03 {background-position:-200px -900px;}
.on .ico.ico32.tab04 {background-position:-300px -900px;}
.on .ico.ico32.tab05 {background-position:-400px -900px;}
.on .ico.ico32.tab06 {background-position:-500px -900px;}
.on .ico.ico32.tab07 {background-position:-600px -900px;}
.on .ico.ico32.tab08 {background-position:-700px -900px;}
.on .ico.ico32.tab09 {background-position:-800px -800px;}
.on .ico.ico32.tab10 {background-position:-900px -800px;}

/* °³ÀÎ */
.ico.ico32.NODE0000000009 {background-position:0 -800px;}
.ico.ico32.NODE0000000010 {background-position:-100px -800px;}
.ico.ico32.NODE0000000011 {background-position:-200px -800px;}
.ico.ico32.NODE0000000012 {background-position:-300px -800px;}
.ico.ico32.NODE0000000013 {background-position:-400px -800px;}
.ico.ico32.NODE0000000014 {background-position:-500px -800px;}
.ico.ico32.NODE0000000015 {background-position:-600px -800px;}
.ico.ico32.NODE0000000016 {background-position:-700px -800px;}

.on .ico.ico32.NODE0000000009 {background-position:0 -900px;}
.on .ico.ico32.NODE0000000010 {background-position:-100px -900px;}
.on .ico.ico32.NODE0000000011 {background-position:-200px -900px;}
.on .ico.ico32.NODE0000000012 {background-position:-300px -900px;}
.on .ico.ico32.NODE0000000013 {background-position:-400px -900px;}
.on .ico.ico32.NODE0000000014 {background-position:-500px -900px;}
.on .ico.ico32.NODE0000000015 {background-position:-600px -900px;}
.on .ico.ico32.NODE0000000016 {background-position:-700px -900px;}

/* ±â¾÷ */
.ico.ico32.NODE0000000271 {background-position:0 -800px;}
.ico.ico32.NODE0000000272 {background-position:-100px -800px;}
.ico.ico32.NODE0000000273 {background-position:-200px -800px;}
.ico.ico32.NODE0000000274 {background-position:-300px -800px;}
.ico.ico32.NODE0000000276 {background-position:-400px -800px;}
.ico.ico32.NODE0000000277 {background-position:-500px -800px;}
.ico.ico32.NODE0000000278 {background-position:-600px -800px;}
.ico.ico32.NODE0000000279 {background-position:-700px -800px;}
.ico.ico32.NODE0000000269 {background-position:-800px -800px;}
.ico.ico32.NODE0000000270 {background-position:-900px -800px;}

.on .ico.ico32.NODE0000000271 {background-position:0 -900px;}
.on .ico.ico32.NODE0000000272 {background-position:-100px -900px;}
.on .ico.ico32.NODE0000000273 {background-position:-200px -900px;}
.on .ico.ico32.NODE0000000274 {background-position:-300px -900px;}
.on .ico.ico32.NODE0000000276 {background-position:-400px -900px;}
.on .ico.ico32.NODE0000000277 {background-position:-500px -900px;}
.on .ico.ico32.NODE0000000278 {background-position:-600px -900px;}
.on .ico.ico32.NODE0000000279 {background-position:-700px -900px;}
.on .ico.ico32.NODE0000000269 {background-position:-800px -900px;}
.on .ico.ico32.NODE0000000270 {background-position:-900px -900px;}

/*ico38*/
.ico.ico38 {width:38px; height:38px; background:url('/common/img/vin/common/icon38x38.png') no-repeat left top;}
.ico.ico38.type01 {background-position:0 0;}
.ico.ico38.type02 {background-position:-100px 0;}
.ico.ico38.type03 {background-position:-200px 0;}
.ico.ico38.type04 {background-position:-300px 0;}
.ico.ico38.type05 {background-position:-400px 0;}
.ico.ico38.type06 {background-position:-500px 0;}
.ico.ico38.type07 {background-position:-600px 0;}
.ico.ico38.type08 {background-position:-700px 0;}
.ico.ico38.type09 {background-position:-800px 0;}
.ico.ico38.type10 {background-position:-900px 0;}
.ico.ico38.type11 {background-position:-1000px 0;}

/* ico40 */
.ico.ico40 {width:40px; height:40px; background:url('/common/img/vin/common/icon40x40.png') no-repeat 0 0;}
.ico.ico40.type01 {background-position:0 0;}
.ico.ico40.type02 {background-position:-70px 0;}

/* ico42 */
.ico.ico42 {width:42px; height:42px; background:url('/common/img/vin/common/icon42x42.png') no-repeat left top;}
.ico.ico42.type01 {background-position:0 0;}
.ico.ico42.type02 {background-position:-100px 0;}
.ico.ico42.type03 {background-position:-200px 0;}
.ico.ico42.type04 {background-position:-300px 0;}
.ico.ico42.type05 {background-position:-400px 0;}
.ico.ico42.type06 {background-position:-500px 0;}
.ico.ico42.type07 {background-position:-600px 0;}
.ico.ico42.type08 {background-position:-700px 0;}
.ico.ico42.type09 {background-position:-800px 0;}
.ico.ico42.type10 {background-position:-900px 0;}
.ico.ico42.type11 {background-position:0 -100px;}
.ico.ico42.type12 {background-position:-100px -100px;}
.ico.ico42.type13 {background-position:-200px -100px;}
.ico.ico42.type14 {background-position:-300px -100px;}
.ico.ico42.type14 {background-position:-400px -100px;}
/* ico50 */
.ico.ico50 {width:50px; height:50px; background:url('/common/img/vin/common/icon50x50.png') no-repeat left top;}
.ico.ico50.type01 {background-position:0 0;}
.ico.ico50.type02 {background-position:-600px -100px;}
.ico.ico50.type03 {background-position:-200px 0;}
.ico.ico50.type04 {background-position:-300px 0;}
.ico.ico50.type05 {background-position:-400px 0;}
.ico.ico50.type06 {background-position:-500px 0;}
.ico.ico50.type07 {background-position:-600px 0;}
.ico.ico50.type08 {background-position:-700px 0;}
.ico.ico50.type09 {background-position:-800px 0;}
.ico.ico50.type10 {background-position:0 -100px;}
.ico.ico50.type11 {background-position:-100px -100px;}
.ico.ico50.type12 {background-position:-200px -100px;}
.ico.ico50.type13 {background-position:-300px -100px;}
.ico.ico50.type14 {background-position:-400px -100px;}
.ico.ico50.type15 {background-position:-500px -100px;}
.ico.ico50.type16 {background-position:-100px 0;}

/* ico60 */
.ico.ico60 {width:60px; height:60px; background:url('/common/img/vin/common/icon60x60.png') no-repeat left top;}
.ico.ico60.type01 {background-position:0 -600px;}
.ico.ico60.type02 {background-position:-100px -600px;}
.ico.ico60.type03 {background-position:-200px -600px;}
.ico.ico60.type04 {background-position:-300px -600px;}
.ico.ico60.type05 {background-position:-400px -600px;}
.ico.ico60.type06 {background-position:-500px -600px;}
.ico.ico60.type07 {background-position:-600px -600px;}
.ico.ico60.type08 {background-position:-700px -600px;}
.ico.ico60.type09 {background-position:-800px -600px;}
.ico.ico60.type10 {background-position:-900px -600px;}
.ico.ico60.type11 {background-position:0 -700px;}
.ico.ico60.type12 {background-position:-100px -700px;}
.ico.ico60.type13 {background-position:-200px -700px;}
.ico.ico60.type14 {background-position:-300px -700px;}
.ico.ico60.type15 {background-position:-400px -700px;}
.ico.ico60.type16 {background-position:-500px -700px;}
.ico.ico60.type17 {background-position:-600px -700px;}
.ico.ico60.type18 {background-position:-700px -700px;}

/*radio60*/
.ico.ico60.radio01 {background-position:0 -600px;}
.ico.ico60.radio02 {background-position:-100px -600px;}
.ico.ico60.radio03 {background-position:-200px -600px;}
.ico.ico60.radio04 {background-position:-300px -600px;}
.ico.ico60.radio05 {background-position:-400px -600px;}
.ico.ico60.radio06 {background-position:-500px -600px;}
.ico.ico60.radio07 {background-position:-600px -600px;}
.ico.ico60.radio08 {background-position:-700px -600px;}
.ico.ico60.radio09 {background-position:-800px -600px;}
.ico.ico60.radio10 {background-position:-900px -600px;}
.ico.ico60.radio11 {background-position:0 -700px;}
.ico.ico60.radio12 {background-position:-100px -700px;}
.ico.ico60.radio13 {background-position:-200px -700px;}
.ico.ico60.radio14 {background-position:-300px -700px;}
.ico.ico60.radio15 {background-position:-400px -700px;}
.ico.ico60.radio16 {background-position:-500px -700px;}
.ico.ico60.radio17 {background-position:-600px -700px;}
.ico.ico60.radio18 {background-position:-700px -700px;}
:checked + label .ico.ico60.radio01 {background-position:0 -800px;}
:checked + label .ico.ico60.radio02 {background-position:-100px -800px;}
:checked + label .ico.ico60.radio03 {background-position:-200px -800px;}
:checked + label .ico.ico60.radio04 {background-position:-300px -800px;}
:checked + label .ico.ico60.radio05 {background-position:-400px -800px;}
:checked + label .ico.ico60.radio06 {background-position:-500px -800px;}
:checked + label .ico.ico60.radio07 {background-position:-600px -800px;}
:checked + label .ico.ico60.radio08 {background-position:-700px -800px;}
:checked + label .ico.ico60.radio09 {background-position:-800px -800px;}
:checked + label .ico.ico60.radio10 {background-position:-900px -800px;}
:checked + label .ico.ico60.radio11 {background-position:0 -900px;}
:checked + label .ico.ico60.radio12 {background-position:-100px -900px;}
:checked + label .ico.ico60.radio13 {background-position:-200px -900px;}
:checked + label .ico.ico60.radio14 {background-position:-300px -900px;}
:checked + label .ico.ico60.radio15 {background-position:-400px -900px;}
:checked + label .ico.ico60.radio16 {background-position:-500px -900px;}
:checked + label .ico.ico60.radio17 {background-position:-600px -900px;}
:checked + label .ico.ico60.radio18 {background-position:-700px -900px;}

/* ico80 */
.ico.ico80 {width:80px; height:80px; background:url('/common/img/vin/common/icon80x80.png') no-repeat left top;}
.ico.ico80.type01 {background-position:0 0;}
.ico.ico80.type03 {background-position:-300px 0;}
.ico.ico80.type04 {background-position:-450px 0;}
.ico.ico80.type05 {background-position:-600px 0;}
.ico.ico80.type06 {background-position:-750px 0;}
.ico.ico80.type07 {background-position:-900px 0;}
.ico.ico80.type08 {background-position:0 -150px;}
.ico.ico80.type09 {background-position:-150px -150px;}
.ico.ico80.type10 {background-position:-300px -150px;}
.ico.ico80.type11 {background-position:-450px -150px;}
.ico.ico80.type12 {background-position:-600px -150px;}
.ico.ico80.type13 {background-position:-750px -150px;}
.ico.ico80.type14 {background-position:-900px -150px;}
.ico.ico80.type15 {background-position:0 -300px;}
.ico.ico80.type16 {background-position:-150px -300px;}
.ico.ico80.type17 {background-position:-300px -300px;}
.ico.ico80.type18 {background-position:-450px -300px;}
.ico.ico80.type19 {background-position:-600px -300px;}
.ico.ico80.type20 {background-position:-750px -300px;}
.ico.ico80.dummy {background:url('/common/img/vin/common/icon_80_dummy.png') no-repeat left top;}

/*ico100*/
.ico.ico100 {width:100px; height:100px; background:url('/common/img/vin/common/icon100x100.png') no-repeat left top;}
.ico.ico100.type01 {background-position:0 0;}
.ico.ico100.type02 {background-position:-150px 0;}

/*ico110*/
.ico.ico110 {width:110px; height:110px; background:url('/common/img/vin/common/icon110x110.png') no-repeat left top;}
.ico.ico110.type01 {background-position:0 0;}
.ico.ico110.type02 {background-position:-150px 0;}

/*ico140*/
.ico.ico140 {width:140px; height:140px; background:url(/common/img/vin/common/icon140x140.png) no-repeat left top;}
.ico.ico140.type01 {background-position:0 0;}
.ico.ico140.type02 {background-position:-200px 0;}
.ico.ico140.type05 {background-position:-800px 0;}
.ico.ico140.type06 {background-position:0 -200px;}
.ico.ico140.type07 {background-position:-200px -200px;}
.ico.ico140.type08 {background-position:-400px -200px;}


/* ico160 */
.ico.ico160 {width:160px; height:160px; background:url('/common/img/vin/common/icon160x160.png') no-repeat left top;}
.ico.ico160.type01 {background-position:0 0;}
.ico.ico160.type02 {background-position:-210px 0;}
.ico.ico160.type03 {background-position:-420px 0;}
.ico.ico160.type04 {background-position:-630px 0;}

/* products banner modules */
.list_wrap .banner_bar .txt {min-height:46px;}
.banner_wrap {font-size:0;}
.banner_wrap .banner_bar > a {box-sizing:border-box; min-height:190px;}
.banner_wrap .banner_list {display:inline-block; width:370px; margin:30px 0 0 30px; vertical-align:top;}
.banner_wrap .banner_list:nth-child(1),.banner_wrap .banner_list:nth-child(2),.banner_wrap .banner_list:nth-child(3) {margin-top:0;}
.banner_wrap .banner_list:first-child,.banner_wrap .banner_list:nth-child(3n+1) {margin-left:0;}
.banner_bar > a,.banner_bar .no_link {display:block; position:relative; box-sizing:border-box; min-height:190px; padding:27px 130px 0 30px; color:#fff; background:#e9002d; background:-moz-linear-gradient(-55deg, #e5501c 0%, #e5501c 51%, #dc2e20 78%, #c2231d 100%); background:-webkit-linear-gradient(-55deg, #e5501c 0%, #e5501c 51%, #dc2e20 78%, #c2231d 100%); background:-o-linear-gradient(#fff, #000); background:-ms-linear-gradient(-55deg, #e5501c 0%, #e5501c 51%, #dc2e20 78%, #c2231d 100%); background:linear-gradient(125deg, #e5501c 0%, #e5501c 51%, #dc2e20 78%, #c2231d 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5501c', endColorstr='#c2231d');}
.banner_wrap.bg_gray .banner_bar a {background:#eeeceb;}
.banner_wrap.bg_gray .banner_bar .tit {color:#222;}
.banner_wrap.bg_gray .banner_bar .txt {color:#666;}
.banner_wrap.bg_white .banner_bar > a,.banner_wrap.bg_white .banner_bar .no_link {box-sizing:border-box; border:1px solid #eeeceb; background:#fff;}
.banner_wrap.bg_white .banner_bar .tit {font-weight:500; color:#222;}
.banner_wrap.bg_white .banner_bar .txt {color:#666;}
.banner_wrap.bg_gray02 .banner_bar a {min-height:268px; padding:40px 30px 30px; background:#f8f6f5;}
.banner_wrap.bg_gray02 p.txt {font-size:20px; font-weight:500; line-height:30px; margin-top:0; color:#222;}
.banner_wrap.bg_gray02 strong.tit {display:block; font-size:16px; line-height:24px; margin-top:10px; color:#666;}
.banner_wrap.bg_gray02 .ico {top:auto; bottom:30px;}

.banner_bar.no_ico a {padding-right:30px;}
.banner_bar .tit {font-size:24px; line-height:30px;}
.banner_bar .tit .s_tit {display:block; font-size:18px; line-height:27px;}
.banner_bar .txt {font-size:15px; line-height:22px; margin-top:10px;}
.banner_bar .ico {position:absolute; top:27px; right:20px;}
.banner_bar .arrow_txt {display:block; font-size:13px; line-height:20px; margin-top:20px;}
.banner_bar .arrow_txt:after {content:''; display:inline-block; clear:both; width:6px; height:6px; margin:-3px 0 0 6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); vertical-align:middle; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.list_wrap .banner_bar.type02 a {min-height:250px;}
.list_wrap .banner_bar.type02 .tit {min-height:124px;}
.list_wrap .banner_bar.type02 .price {height:auto;}
.banner_bar.type02 a {padding:30px 30px 38px 30px;}
.banner_bar.type02 .price {font-size:26px; line-height:39px; margin-top:20px;}
.banner_bar.type02 .price .s_txt {display:inline-block; font-size:15px; line-height:23px; margin-left:6px; vertical-align:middle; color:#fff;}
.banner_bar.type02 .eyebrow_txt {display:block; font-size:15px; line-height:23px; margin-bottom:10px;}
.banner_bar.type02 .eyebrow_txt .ico {position:static; margin:0 8px 0 0; vertical-align:middle;}
.banner_bar.type02 .eyebrow_txt .ico.plus {width:12px; height:12px; margin:0 10px; background:url('/common/img/vin/common/ico_banner_plus.png') no-repeat left top;}

/*no_link*/
.banner_wrap.bg_white .banner_bar .no_link {min-height:245px; padding:0;}
.banner_wrap.bg_white .banner_bar .no_link dl {min-height:169px; padding:27px 130px 20px 30px;}
.banner_wrap.bg_white .banner_bar .no_link .tit {line-height:30px;}
.banner_wrap.bg_white .banner_bar .no_link .txt {line-height:22px; min-height:66px;}
.banner_wrap.bg_white .banner_bar .no_link .ico {top:27px; right:20px; margin-top:0;}
.banner_wrap.bg_white .banner_bar .box_btn {font-size:0; padding:0 30px 30px; border-top:none;}
.banner_wrap.bg_white .banner_bar .box_btn .btn {display:inline-block; font-size:13px; line-height:44px; width:151px; height:44px; margin-left:6px; text-align:center; border:1px solid #dddbda;}
.banner_wrap.bg_white .banner_bar .box_btn .btn:before {content:''; display:inline-block; width:16px; height:16px; margin-right:4px; vertical-align:middle; background:url('/common/img/vin/common/icon_prod_btn.png') no-repeat 0 0;}
.banner_wrap.bg_white .banner_bar .box_btn .btn.ico02:before {background-position:-18px 0;}
.banner_wrap.bg_white .banner_bar .box_btn .btn:first-child {margin-left:0;}
.banner_wrap.bg_white .banner_bar .box_btn .btn:only-child {width:100%; margin-left:0;}

/* check products */
.recommend_prod_btn_wrap {text-align:center;}
.recommend_prod_btn_wrap.replay {margin-top:40px;}
.recommend_prod_list {font-size:0;}
.recommend_prod_list .lists {display:inline-block; position:relative; box-sizing:border-box; width:370px; height:190px; margin:30px 0 0 30px; padding:27px 140px 27px 30px; vertical-align:top; border:1px solid #eeeceb; background:#fff;}
.recommend_prod_list .lists:nth-child(3n+1) {margin-left:0;}
.recommend_prod_list .lists dt {font-size:24px; line-height:30px; padding-left:28px;}
.recommend_prod_list .lists dt .ico {position:absolute; top:50%; right:30px; margin-top:-50px;}
.recommend_prod_list .lists dd {font-size:15px; margin-top:10px; color:#666;}
.recommend_prod_list .lists .chk_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
.recommend_prod_list .lists .chk_wrap label {box-sizing:border-box; width:100%; height:100%; padding-left:0;}
.recommend_prod_list .lists .chk_wrap :checked + label {border:2px solid #ff5a20;}
.recommend_prod_list .lists .chk_wrap label:after {top:30px; left:30px;}
.recommend_prod_btn {line-height:50px; width:200px; height:50px; color:#666; border:1px solid #dddbda; background:#fff;}
.list_wrap .banner_business a {min-height:296px;}
.list_wrap .banner_business dl dt {min-height:68px;}
.list_wrap .banner_business dl dd {min-height:46px;}
.list_wrap .banner_business dl dd.keyword {min-height:auto;}
.re_bz_list {font-size:0;}
.re_bz_list .list {display:inline-block; width:370px; margin:30px 0 0 30px; vertical-align:top;}
.re_bz_list .list:nth-child(1),.re_bz_list .list:nth-child(2),.re_bz_list .list:nth-child(3) {margin-top:0;}
.re_bz_list .list:first-child,.re_bz_list .list:nth-child(3n+1) {margin-left:0;}
.banner_business a {display:block; position:relative; box-sizing:border-box; padding:60px 40px 50px; border:1px solid #eeeceb; background:#fff;}
.banner_business dl dt {font-size:26px; line-height:39px; padding-right:80px; color:#222;}
.banner_business dl dt .top_txt {display:block; font-size:15px; line-height:23px; margin-bottom:6px; color:#666;}
.banner_business dl dd {font-size:15px; margin-top:43px; color:#666;}
.banner_business dl dd.keyword {font-size:0; margin-top:20px;}
.banner_business dl dd.keyword .flag {display:inline-block; font-size:13px; line-height:20px; height:20px; margin-top:10px; margin-right:6px; padding:0 6px; color:#898786; border:1px solid #eeeceb; background:#f3f1f0;}
.banner_business dl dd.keyword .flag.em {color:#ff5a20;}
.banner_business .ico_wrap {position:absolute; top:50px; right:45px; box-sizing:border-box; width:70px; height:70px; padding-top:15px; text-align:center; border:2px solid #eeeceb; border-radius:50%;}
.ico.ico_wt {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_set.png') no-repeat left top;}
.bz_wt .ico.ico_wt {width:100px; height:100px; background:url('/common/img/vin/common/icon_bz_wt_set.png') no-repeat left top;}
.ico.ico_gy {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_set.png') no-repeat left top;}
.ico.ico_gy.bz {width:100px; height:100px; background:url('/common/img/vin/common/bz_icon_color_set.png') no-repeat left top;}
.ico.ico_re {width:38px; height:38px; background:url('/common/img/vin/common/cir_icon_set.png') no-repeat left top;}
.banner_wrap .ico.type01 {background-position:0 0;}
.banner_wrap .ico.type02 {background-position:-100px 0;}
.banner_wrap .ico.type03 {background-position:-200px 0;}
.banner_wrap .ico.type04 {background-position:-300px 0;}
.banner_wrap .ico.type05 {background-position:-400px 0;}
.banner_wrap .ico.type06 {background-position:-500px 0;}
.banner_wrap .ico.type07 {background-position:-600px 0;}
.banner_wrap .ico.type08 {background-position:-700px 0;}
.banner_wrap .ico.type09 {background-position:-800px 0;}
.banner_wrap .ico.type10 {background-position:-900px 0;}
.banner_wrap .ico.type11 {background-position:0 -100px;}
.banner_wrap .ico.type12 {background-position:-100px -100px;}
.banner_wrap .ico.type13 {background-position:-200px -100px;}
.banner_wrap .ico.type14 {background-position:-300px -100px;}
.banner_wrap .ico.type15 {background-position:-400px -100px;}
.banner_wrap .ico.type16 {background-position:-500px -100px;}
.banner_wrap .ico.type17 {background-position:-600px -100px;}
.banner_wrap .ico.type18 {background-position:-700px -100px;}
.banner_wrap .ico.type19 {background-position:-800px -100px;}
.banner_wrap .ico.type20 {background-position:-900px -100px;}
.banner_wrap .ico.type21 {background-position:0 -200px;}
.banner_wrap .ico.type22 {background-position:-100px -200px;}
.banner_wrap .ico.type23 {background-position:-200px -200px;}
.banner_wrap .ico.type24 {background-position:-300px -200px;}
.banner_wrap .ico.type25 {background-position:-400px -200px;}
.banner_wrap .ico.type26 {background-position:-500px -200px;}
.banner_wrap .ico.type27 {background-position:-600px -200px;}
.banner_wrap .ico.type28 {background-position:-700px -200px;}
.banner_wrap .ico.type29 {background-position:-800px -200px;}
.banner_wrap .ico.type30 {background-position:-900px -200px;}
.banner_wrap .ico.type31 {background-position:0 -300px;}
.banner_wrap .ico.type32 {background-position:-100px -300px;}
.banner_wrap .ico.type33 {background-position:-200px -300px;}
.banner_wrap .ico.type34 {background-position:-300px -300px;}
.banner_wrap .ico.type35 {background-position:-400px -300px;}
.banner_wrap .ico.type36 {background-position:-500px -300px;}
.banner_wrap .ico.type37 {background-position:-600px -300px;}
.banner_wrap .ico.type38 {background-position:-700px -300px;}
.banner_wrap .ico.type39 {background-position:-800px -300px;}
.banner_wrap .ico.type40 {background-position:-900px -300px;}
.banner_wrap .ico.type41 {background-position:0 -400px;}
.banner_wrap .ico.type42 {background-position:-100px -400px;}
.banner_wrap .ico.type43 {background-position:-200px -400px;}
.banner_wrap .ico.type44 {background-position:-300px -400px;}
.banner_wrap .ico.type45 {background-position:-400px -400px;}
.banner_wrap .ico.type46 {background-position:-500px -400px;}
.banner_wrap .ico.type47 {background-position:-600px -400px;}
.banner_wrap .ico.type48 {background-position:-700px -400px;}
.banner_wrap .ico.type49 {background-position:-800px -400px;}
.banner_wrap .ico.type50 {background-position:-900px -400px;}
.banner_wrap .ico.type51 {background-position:0 -500px;}
.banner_wrap .ico.type52 {background-position:-100px -500px;}
.banner_wrap .ico.type53 {background-position:-200px -500px;}
.banner_wrap .ico.type54 {background-position:-300px -500px;}
.banner_wrap .ico.type55 {background-position:-400px -500px;}
.banner_wrap .ico.type56 {background-position:-500px -500px;}
.banner_wrap .ico.type57 {background-position:-600px -500px;}
.banner_wrap .ico.type58 {background-position:-700px -500px;}
.banner_wrap .ico.type59 {background-position:-800px -500px;}
.banner_wrap .ico.type60 {background-position:-900px -500px;}
.banner_wrap .ico.type61 {background-position:0 -600px;}
.banner_wrap .ico.type62 {background-position:-100px -600px;}
.banner_wrap .ico.type63 {background-position:-200px -600px;}
.banner_wrap .ico.type64 {background-position:-300px -600px;}
.banner_wrap .ico.type65 {background-position:-400px -600px;}
.banner_wrap .ico.type66 {background-position:-500px -600px;}
.banner_wrap .ico.type67 {background-position:-600px -600px;}
.banner_wrap .ico.type68 {background-position:-700px -600px;}
.banner_wrap .ico.type69 {background-position:-800px -600px;}
.banner_wrap .ico.type70 {background-position:-900px -600px;}
.banner_wrap .ico.type71 {background-position:0 -700px;}
.banner_wrap .ico.type72 {background-position:-100px -700px;}
.banner_wrap .ico.type73 {background-position:-200px -700px;}
.banner_wrap .ico.type74 {background-position:-300px -700px;}
.banner_wrap .ico.type75 {background-position:-400px -700px;}
.banner_wrap .ico.type76 {background-position:-500px -700px;}
.banner_wrap .ico.type77 {background-position:-600px -700px;}
.banner_wrap .ico.type78 {background-position:-700px -700px;}
.banner_wrap .ico.type79 {background-position:-800px -700px;}
.banner_wrap .ico.type80 {background-position:-900px -700px;}
.banner_wrap .ico.type81 {background-position:0 -800px;}
.banner_wrap .ico.type82 {background-position:-100px -800px;}
.banner_wrap .ico.type83 {background-position:-200px -800px;}
.banner_wrap .ico.type84 {background-position:-300px -800px;}
.banner_wrap .ico.type85 {background-position:-400px -800px;}
.banner_wrap .ico.type86 {background-position:-500px -800px;}
.banner_wrap .ico.type87 {background-position:-600px -800px;}
.banner_wrap .ico.type88 {background-position:-700px -800px;}
.banner_wrap .ico.ico_gy.type89 {background:url('/common/img/vin/common/ico_gy_yolotalk.png') no-repeat left top;}
.banner_wrap .ico.ico_wt.type89 {background:url('/common/img/vin/common/ico_wt_yolotalk.png') no-repeat left top;}

/* ¾ÆÀÌÄÜ ³¹°³ - white : ucyber Âü°í¿ë  */
.banner_wrap .ico.wt_type89 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type89.png') no-repeat left top;}
.banner_wrap .ico.wt_type90 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type90.png') no-repeat left top;}
.banner_wrap .ico.wt_type91 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type91.png') no-repeat left top;}
.banner_wrap .ico.wt_type92 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type92.png') no-repeat left top;}
.banner_wrap .ico.wt_type93 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type93.png') no-repeat left top;}
.banner_wrap .ico.wt_type94 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type94.png') no-repeat left top;}
.banner_wrap .ico.wt_type95 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type95.png') no-repeat left top;}
.banner_wrap .ico.wt_type96 {width:100px; height:100px; background:url('/common/img/vin/common/icon_wt_type96.png') no-repeat left top;}

/* ¾ÆÀÌÄÜ ³¹°³ - color : ucyber Âü°í¿ë  */
.banner_wrap .ico.color_type89 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type89.png') no-repeat left top;}
.banner_wrap .ico.color_type90 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type90.png') no-repeat left top;}
.banner_wrap .ico.color_type91 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type91.png') no-repeat left top;}
.banner_wrap .ico.color_type92 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type92.png') no-repeat left top;}
.banner_wrap .ico.color_type93 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type93.png') no-repeat left top;}
.banner_wrap .ico.color_type94 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type94.png') no-repeat left top;}
.banner_wrap .ico.color_type95 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type95.png') no-repeat left top;}
.banner_wrap .ico.color_type96 {width:100px; height:100px; background:url('/common/img/vin/common/icon_color_type96.png') no-repeat left top;}


.product_modules_wrap {overflow:hidden;}
.product_modules_slider {position:relative; overflow:hidden; margin-left:-30px;}
.product_modules_slider ul {width:10000px;}
.product_modules_slider ul:after {content:''; display:block; clear:both; width:0; height:0;}
.product_modules_slider .banner_wrap li.banner_list {margin-top:0; margin-left:30px;}
.product_modules_slider .control_btn a {display:none; position:absolute; top:50%; width:32px; height:70px; margin-top:-35px; background:rgba(34,34,34,.55);}
.product_modules_slider .control_btn a span.hide {display:inline-block; overflow:hidden; line-height:99999px; width:14px; height:14px; margin-top:26px; margin-left:10px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); opacity:1; border:1px solid #fff; border-top:none; border-left:none;}
.product_modules_slider .control_btn a.next span.hide {margin-left:4px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}



.product_modules_slider .control_btn a.prev {left:30px; background-position:0 0;}
.product_modules_slider .control_btn a.next {right:0; background-position:right 0;}
.product_modules_slider .control_btn a.disabled {display:none !important;}

.ico.ico_re.type01 {background-position:0 0;}
.ico.ico_re.type02 {background-position:-50px 0;}
.ico.ico_re.type03 {background-position:-100px 0;}
.ico.ico_re.type04 {background-position:-150px 0;}
.ico.ico_re.type05 {background-position:-200px 0;}
.ico.ico_re.type06 {background-position:-250px 0;}
.ico.ico_re.type07 {background-position:-300px 0;}
.ico.ico_re.type08 {background-position:-350px 0;}
.ico.ico_re.type09 {background-position:-400px 0;}
.ico.ico_re.type10 {background-position:-450px 0;}
.ico.ico_re.type11 {background-position:0 -50px;}
.ico.ico_re.type12 {background-position:-50px -50px;}
.ico.ico_re.type13 {background-position:-100px -50px;}
.ico.ico_re.type14 {background-position:-150px -50px;}
.ico.ico_re.type15 {background-position:-200px -50px;}
.ico.ico_re.type16 {background-position:-250px -50px;}
.ico.ico_re.type17 {background-position:-300px -50px;}
.ico.ico_re.type18 {background-position:-350px -50px;}
.ico_notice_tit {font-size:24px; font-weight:500; line-height:30px; box-sizing:border-box; padding-left:38px; color:#ff5a20; background:url('/common/img/vin/common/notice_icon.png') no-repeat left top;}
.ico.img {text-indent:0; background:none;}
.ico.img img {width:100%;}

/* process step */
.process_list_wrap {padding:50px; background:#f8f6f5;}
.process_list_wrap .process_order {overflow:hidden; margin:0 -20px -30px -20px;}
.process_list_wrap .process_order .lists {position:relative; float:left; font-size:18px; font-weight:500; line-height:27px ; margin:0 20px 30px 20px;}
.process_list_wrap .process_order .lists:after {content:''; display:inline-block; position:absolute; top:50%; right:-20px; width:8px; height:8px; margin-top:-5px; transform:rotate(-45deg); border:2px solid #e9002d; border-top:none; border-left:none;}
.process_list_wrap .process_order .lists.arr_none:after,.process_list_wrap .process_order .lists:last-child:after {content:''; width:0; height:0; border:none;}
.process_list_wrap .process_order .lists .num {display:inline-block; margin-right:6px; color:#ff5a20;}
.progress_list_wrap .progress_list {display:table; width:100%;}
.progress_list_wrap .progress_list > li {display:table-cell; position:relative; height:178px; padding:36px 30px 30px; vertical-align:top; border-style:solid; border-color:#fff; border-top-width:0; border-right-width:0; border-bottom-width:0; background-color:#f8f6f5;}
.progress_list_wrap .progress_list > li ~ li:after {content:''; display:inline-block; position:absolute; top:50%; width:10px; height:17px; margin-top:-9px; background:url('/common/img/vin/common/arr_10_17_grd.png') no-repeat;}
.progress_list_wrap .progress_list > li .tit_area {font-size:18px; font-weight:500; line-height:27px; margin-bottom:4px; color:#222;}
.progress_list_wrap .progress_list.size_3 {width:calc(100% + 20px); margin-left:-20px;}
.progress_list_wrap .progress_list.size_4 {width:calc(100% + 20px); margin-left:-20px;}
.progress_list_wrap .progress_list.size_5 {width:calc(100% + 30px); margin-left:-30px;}
.progress_list_wrap .progress_list.size_5_s {width:calc(100% + 20px); margin-left:-20px;}
.progress_list_wrap .progress_list.size_4 > li {width:25%; border-left-width:20px;}
.progress_list_wrap .progress_list.size_4 > li:after {left:-15px;}
.progress_list_wrap .progress_list > li .em,.progress_list_wrap .progress_list > li .tit_area .num {color:#ff4800;}
.progress_list_wrap .progress_list.size_3 > li {width:calc(100% / 3); border-left-width:20px;}
.progress_list_wrap .progress_list.size_3 > li:after {left:-15px;}
.progress_list_wrap .progress_list.size_5 > li {width:20%; border-left-width:30px;}
.progress_list_wrap .progress_list.size_5 > li:after {left:-19px;}
.progress_list_wrap .progress_list.size_5_s > li {width:20%; border-left-width:20px;}
.progress_list_wrap .progress_list.size_5_s > li:after {left:-15px;}

/* icon lists */
[class^='ico_list'] .list_container.size_2 {width:66.6%;}
[class^='ico_list'] .list_container.size_3 {width:99.9%;}
[class^='ico_list'] .list_container.size_1 {width:33.3%;}
[class^='ico_list'] .list_container {display:table; overflow:hidden; width:100%; table-layout:fixed;}
[class^='ico_list'] .lists {display:table-cell ; box-sizing:border-box; width:33.3%; padding:0 34px; text-align:center; border-left:1px solid #dddbda;}
[class^='ico_list'] .lists .list_wrap {margin:0;}
[class^='ico_list'] .lists:first-child {border:none;}
[class^='ico_list'] .lists .txt_wrap {font-size:15px; line-height:23px; margin-top:20px; color:#666;}
[class^='ico_list'] .lists .txt_wrap .expand_txt {display:block; font-size:15px; line-height:23px; color:#898786;}
[class^='ico_list'] .list_container.next_list {margin-top:40px;}
[class^='ico_list'] .list_container {position:relative;}
[class^='ico_list'] .list_container.size_3 .lists:nth-child(1):after {top:50%; left:-webkit-calc(33.3% - 20px); left:-ms-calc(33.3% - 20px); left:-moz-calc(33.3% - 20px); left:-o-calc(33.3% - 20px); left:calc(33.3% - 20px); margin-top:-20px;}
[class^='ico_list'] .list_container.size_3 .lists:nth-child(2):after {top:50%; left:-webkit-calc(66.6% - 20px); left:-moz-calc(66.6% - 20px); left:-o-calc(66.6% - 20px); left:-ms-calc(66.6% - 20px); left:calc(66.6% - 20px); margin-top:-20px;}
[class^='ico_list'] .list_container.size_2 .lists:nth-child(1):after {top:50%; left:-webkit-calc(50% - 20px); left:-moz-calc(50% - 20px); left:-o-calc(50% - 20px); left:-ms-calc(33.3% - 20px); left:calc(50% - 20px); margin-top:-20px;}
.ico_list02 .lists:not(:last-child):after {content:''; display:inline-block; position:absolute; top:50%; right:-21px; z-index:2; width:40px; height:40px; margin-top:-20px; background:url('/common/img/vin/common/ico_list_plus.png') no-repeat left top;}
.ico_list02 .lists .tit_sy {display:block; font-size:20px; line-height:30px; width:100%; margin-bottom:6px; color:#ff5a20;}
.ico_list02 .lists .txt_wrap {font-size:15px; line-height:23px;}

/* l_ico_box */
.list_wrap .l_ico_box {min-height:198px;}
.list_wrap .l_ico_box {padding:30px 40px 30px 140px;}
.list_wrap .l_ico_box .ico {top:40px; left:30px;}
.list_wrap .l_ico_box dl dd {margin-top:10px;}
.l_ico_box {display:block; position:relative; box-sizing:border-box; padding:44px 40px 40px 140px; border:1px solid #ddd;}
.l_ico_box a {display:block;}
.l_ico_box .ico {position:absolute; top:48px; left:40px;}
.l_ico_box dl dt {font-size:24px; font-weight:500; line-height:36px;}
.l_ico_box dl dt .add_txt {display:block; font-family:'notokr'; font-size:15px; font-weight:400; line-height:23px; color:#898786;}
.l_ico_box dl dd {font-size:15px; line-height:23px; color:#666;}
.ico_type02_list.box {padding:40px; border:1px solid #eeeceb;}
.ico_type02_list {overflow:hidden;}
.ico_type02_list .list_container {overflow:hidden; margin-bottom:-50px;}
.ico_type02_list .lists {float:left; box-sizing:border-box; width:50%; margin-bottom:50px;}
.ico_type02_list .lists:nth-child(2n-1) {padding-right:67px;}
.ico_type02_list .lists .list_wrap {display:table; overflow:hidden; margin:0;}
.ico_type02_list .lists .list_wrap .ico_wrap {display:table-cell; padding-right:30px;}
.ico_type02_list .lists .list_wrap .txt_wrap {display:table-cell; font-size:15px; line-height:23px; width:270px; vertical-align:middle; word-break:keep-all; color:#666;}
.gray_bg_wrap.size_2 .org_num_list .lists {width:50%;}
.gray_bg_wrap.size_3 .org_num_list .lists {width:33.3%;}
.gray_bg_wrap .org_num_list {overflow:hidden;}
.gray_bg_wrap .org_num_list .list_container {overflow:hidden; margin:0 -10px -10px 0;}
.gray_bg_wrap .org_num_list .lists {float:left;}
.gray_bg_wrap .org_num_list .lists .lists_con {position:relative; font-size:16px; line-height:24px; box-sizing:border-box; height:144px; margin:0 10px 10px 0; padding:36px 30px; color:#666; background:#f8f6f5;}
.gray_bg_wrap .org_num_list .lists .num {display:inline-block; padding-right:3px; color:#ff4800;}

/* step_list */
.step_wrap:after {content:''; display:block; clear:both; overflow:hidden; width:0; height:0;}

.step_wrap .step_list {position:relative; left:-50%; float:right;}
.step_wrap .step_list:after {content:''; display:block; clear:both;}
.step_wrap .step_list .lists {position:relative; position:relative; left:50%; float:left; width:158px; margin-right:50px; text-align:center;}
.step_wrap .step_list .lists:last-child {margin-right:0;}
.step_wrap .step_list .lists:last-child::after {content:none;}
.step_wrap .step_list .lists::after {content:''; display:inline-block; position:absolute; top:41px; right:-21px; box-sizing:border-box; width:12px; height:12px; -webkit-transform:translate3d(0, 0, 0) rotate(-45deg); -moz-transform:translate3d(0, 0, 0) rotate(-45deg); -ms-transform:translate3d(0, 0, 0) rotate(-45deg); -o-transform:translate3d(0, 0, 0) rotate(-45deg); transform:translate3d(0, 0, 0) rotate(-45deg); border:2px solid #666; border-top:none; border-left:none;}
.step_wrap .step_list .lists .step_cir {display:inline-block; box-sizing:border-box; width:42px; height:42; border:1px solid #dddbda; border-radius:50%; background:#f8f6f5;}
.step_wrap .step_list .lists .step_cir.minus .ico {margin-right:-9px;}
.step_wrap .step_list .lists .step_txt {font-size:24px; font-weight:500; line-height:36px; margin-top:20px; color:#222;}
.step_wrap .step_list .lists .step_txt .em {display:block; font-size:18px; line-height:27px;}

.step_wrap .step_list .lists .step_txt .add_txt {display:block; font-family:'notokr' ; font-size:15px; font-weight:400; line-height:23px; color:#666;}
.quotes_wrap .quotes_txt {text-align:center;}
.quotes_wrap .quotes_txt strong {display:inline-block; font-size:30px; font-weight:500; line-height:45px; padding:0 51px; color:#222;}
.quotes_wrap .quotes_txt .txt {font-size:18px; line-height:27px; margin-top:20px; word-break:keep-all; color:#666;}
.quotes_wrap .quotes_txt .txt .m_txt {display:block; font-weight:500; margin-top:27px;}
.quotes_wrap .quotes_txt .img_wrap {margin-top:40px;}
.quotes_wrap .btn_wrap {font-size:0;}
.quotes_wrap .btn_wrap .btn {margin:0 5px;}
.pro_checkbox_list {overflow:hidden; margin:0 -30px -30px 0;}
.pro_checkbox_list .item {float:left; box-sizing:border-box; width:370px; height:170px; margin:0 30px 30px 0;;}
.pro_checkbox_list .item .check_inner_wrap {position:relative; box-sizing:border-box; height:100%; padding:40px 30px; border:1px solid #cccac9;}
.pro_checkbox_list .item .check_inner_wrap .service_explain {margin-right:125px;}
.pro_checkbox_list .item .check_inner_wrap .ico {position:absolute; top:30px; right:30px;}
.pro_checkbox_list .item .check_inner_wrap .detail_txt {font-size:15px; line-height:22px; margin-top:6px; color:#666;}
.pro_checkbox_list .item .check_inner_wrap .chk_wrap label {font-size:26px; font-weight:500; line-height:39px; color:#222;}
.pro_checkbox_list .item .check_inner_wrap .chk_wrap label:after {top:50%; margin-top:-9px;}
.pro_checkbox_list .item.on .check_inner_wrap,.pro_checkbox_list .item:hover .check_inner_wrap,.pro_checkbox_list .item:focus .check_inner_wrap {padding:39px 29px; border:2px solid #ff5a20;}
.pro_checkbox_list .item.on .check_inner_wrap .ico,.pro_checkbox_list .item:hover .check_inner_wrap .ico,.pro_checkbox_list .item:focus .check_inner_wrap .ico {top:29px; right:29px;}
.service_banner_wrap {min-width:1170px; margin:0 auto;}
.service_banner_wrap .service_area_banner {position:relative;}
.service_banner_wrap .service_area_banner .banner_txt {padding:50px 0;}
.service_banner_wrap .service_area_banner .banner_txt .banner_tit {font-size:24px; line-height:36px; color:#222;}
.service_banner_wrap .service_area_banner .banner_txt .banner_tit + p {font-size:15px; line-height:23px; margin-top:10px; color:#666;}
.service_banner_wrap .service_area_banner .banner_txt .btn {margin-top:30px;}
.service_banner_wrap .service_area_banner .banner_txt .btn span {display:inline-block; padding-left:25px; background:url('/common/img/vin/common/service_pin.png') no-repeat left 50%;}
.service_banner_wrap .service_area_banner .service_icon {position:absolute; right:0; bottom:0;}
.no_result.inner_con_top {padding:0;}

/* flag */
.flag {display:inline-block; font-size:13px; line-height:22px; height:22px; padding:0 24px; text-align:center; vertical-align:top; color:#fff; background:#ff5a20;}
.flag i {display:inline-block; vertical-align:top;}
.flag.reple {box-sizing:border-box; min-width:68px; padding:0 10px;}
.flag.reple.gray {background:#898786;}

.line_flag {display:inline-block; font-size:13px; line-height:26px; box-sizing:border-box; min-width:68px; height:26px; text-align:center; color:#ff5a20; border:1px solid #ff5a20;}.line_flag.nega {color:#666; border-color:#666;}

/* breadcrumb */
.crumb_wrap {box-sizing:content-box; width:1170px; height:20px; margin:0 auto; padding:20px 0;}
.crumb_wrap:after {content:''; display:block; clear:both;}
.crumb_nav {float:right;}
.crumb_nav .crumb_list:after {content:''; display:block; clear:both;}
.crumb_nav .crumb_list > li {position:relative; float:left;}
.crumb_nav .crumb_list > li:not(:first-child) {padding-left:25px;}
.crumb_nav .crumb_list > li:not(:first-child):before {content:''; display:inline-block; position:absolute; top:5px; left:10px; width:7px; height:11px; background:url('/common/img/vin/common/depth_arr.png') no-repeat 0 0;}
.crumb_nav .crumb_list > li button {font-size:13px; text-align:left; color:#898786;}
.crumb_nav .crumb_list > li button span.hide {padding-right:0;}
.crumb_nav .crumb_list > li button span {display:inline-block; position:relative; line-height:22px; padding-right:22px;}
.crumb_nav .crumb_list > li button span:after {content:''; display:block; position:absolute; top:-2px; right:0; overflow:hidden; width:22px; height:22px; background:url('/common/img/vin/common/crum_arr_down.png') no-repeat center center;}
.crumb_nav .crumb_list > li.on button span:after {background-image:url('/common/img/vin/common/crum_arr_up.png');}
.crumb_nav .crumb_list > li button span.hide {padding:0;}
.crumb_nav .crumb_list > li:last-child button {font-weight:500; color:#666;}
.crumb_nav .crumb_list > li .menu_list {display:none; position:absolute; top:20px; right:-17px; z-index:100; padding-top:10px;}
.crumb_nav .crumb_list > li .menu_list ul {position:relative; font-size:13px; box-sizing:border-box; width:210px; padding:14px; border:1px solid #eeeceb; background:#fff; box-shadow:4px 4px 8px 0 rgba(0,0,0,.1);}
.crumb_nav .crumb_list > li.on .menu_list {display:block;}

.crumb_nav .crumb_list > li .menu_list ul:after {content:''; display:block; position:absolute; top:-7px; right:18px; overflow:hidden; width:12px; height:12px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); border-top:1px solid #eeeceb; border-right:1px solid #eeeceb; background:#fff;}
.crumb_nav .crumb_list > li .menu_list ul li {margin-top:4px;}
.crumb_nav .crumb_list > li .menu_list ul li:first-child {margin-top:0;}
.crumb_nav .crumb_list > li .menu_list ul li a {display:block; position:relative; line-height:20px; padding-left:9px;}
.crumb_nav .crumb_list > li .menu_list ul li a:after {content:''; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-3px; background:#666;}


.visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button {color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.5);}
.visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button span:after {top:0; background-image:url('/common/img/vin/common/crum_arr_down_shadow.png');}
.visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li.on button span:after {background-image:url('/common/img/vin/common/crum_arr_up_shadow.png');}

/* data null case */
.no_data {padding:120px 0; text-align:center; color:#666;}

/* top visual sec */
.visual_wrap.temp {background-image:url('/common/img/vin/@temp/pro_img.png');}
.visual_wrap {min-width:1170px; height:500px; background:#f8f6f5; background-repeat:no-repeat; background-position:50% top;}
.visual_wrap .visual_inner {position:relative; width:1170px; height:100%; margin:0 auto;}
.visual_wrap .visual_inner .crumb_wrap {position:absolute; top:0; right:0; width:100%;}
.visual_wrap .visual_inner .txt_wrap {display:table; height:100%;}
.visual_wrap .visual_inner .txt_wrap .visual_text {display:table-cell; vertical-align:middle; color:#fff;}
.visual_wrap .visual_inner .txt_wrap .visual_text .v_tit {font-size:52px; line-height:68px; text-shadow:0 2px 4px rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);}
.visual_wrap .visual_inner .txt_wrap .visual_text .v_tit .small {display:block; font-size:28px; line-height:42px; margin-bottom:10px;}
.visual_wrap .visual_inner .txt_wrap .visual_text .v_txt {font-size:18px; line-height:27px; margin-top:20px; text-shadow:0 2px 4px rgba(0,0,0,.5);}

/* banner  */
.banner_disct a,.banner_disct .none_link {display:block; position:relative; box-sizing:border-box; min-height:236px; padding:30px; border:1px solid #dddbda; background:#fff;}
.banner_disct .sm_tit {font-size:15px; line-height:23px; margin-bottom:10px; color:#666;}
.banner_disct .disct_tit {position:relative; min-height:80px; padding-right:130px;}
.banner_disct .disct_tit p {font-size:30px; font-weight:500; line-height:45px; word-break:keep-all; color:#222;}
.banner_disct .disct_tit i {position:absolute; top:50%; right:10px; margin-top:-40px;}
.banner_disct .arrow_txt {display:inline-block; position:absolute; bottom:30px; left:30px; font-size:14px; line-height:21px; color:#222;}
.banner_disct .arrow_txt:after {content:' '; display:inline-block; box-sizing:border-box; width:6px; height:10px; margin-top:-2px; margin-left:8px; vertical-align:middle; background:url('/common/img/vin/common/arr_6_10.png') 0 no-repeat;}
/* .banner_disct .none_link dl {margin-top:20px;} */
.banner_disct dt.tit {font-size:26px; line-height:39px; color:#222;}
.banner_disct dd.txts {margin-top:10px; color:#666;}
.banner_disct dl + .ico {position:absolute; top:50px; right:40px;}
.banner_disct .none_link dl.mt_0{margin-top:0;}
.banner_disct .none_link dl.mt_0 dd.txts{margin-top:0;}

/* products banner*/
.recommend_wrap {overflow:hidden;}
.recommend_list {overflow:hidden; margin-right:-30px;}
.recommend_list:after {content:''; display:block; clear:both;}
.recommend_list .re_item {float:left; margin-right:30px;}
.recommend_list .re_item .re_link {display:block;}
.recommend_box {position:relative; width:570px; height:160px; padding:30px; background:#f8f6f5;}
.recommend_box .re_pro {position:absolute; top:50%; left:30px; width:380px; -ms-transform:translateY(-50%); transform:translateY(-50%);}
.recommend_box .re_pro .pro_tit {font-size:24px; line-height:36px; color:#222;}
.recommend_box .re_pro .pro_txt {font-size:15px; line-height:23px; margin-top:10px; word-break:keep-all; color:#666;}
.recommend_box .ico {margin-left:400px;}

/* products service ancher sec */
.service_ch_wrap {padding:30px 40px 40px; border:1px solid #eeeceb;}
.service_ch_wrap .service_tit {font-size:30px; line-height:46px; padding:0 0 30px 40px; color:#222; border-bottom:1px solid #eeeceb;}
.service_ch_wrap .service_tit span {display:inline-block; position:relative; min-height:110px; padding-left:130px;}
.service_ch_wrap .service_tit span em {display:inline-block; font-weight:500; vertical-align:middle;}
.service_ch_wrap .service_tit span em.sub_txt {font-size:15px; font-weight:300; line-height:23px; color:#666;}
.service_ch_wrap .service_tit span .ico {position:absolute; top:0; left:0;}

.service_ch_wrap .service_tit span:after {content:''; display:inline-block; height:110px; vertical-align:middle;}
.service_ch_wrap .service_list {padding-top:40px;}

.service_ch_wrap.case {position:relative; padding:46px 80px 46px 210px;}
.service_ch_wrap.case .service_tit {padding:0 0 10px 0; border:none;}
.service_ch_wrap.case .service_tit .ico {position:absolute; top:50%; left:80px; margin-top:-55px;}
.service_ch_wrap.case .service_txt p {color:#666;}

/* link box */
.go_link_box {padding:40px 30px; background:#f8f6f5;}
.go_link_box .item_wrap {position:relative;}

.go_link_box .link_define .link_tit {font-size:24px; line-height:36px; color:#222;}
.go_link_box .link_define .link_txt {font-size:15px; margin-top:8px; color:#666;}
.go_link_box .ico_wrap {position:absolute; top:0; right:0;}
.go_link_box .search_wrap {margin-top:24px;}
.go_link_box .search_wrap .select_group {float:left; width:404px;}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group {float:left; width:204px;}
.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group.size_1 {float:left; width:100%;}
.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group .selects{width:100%; margin:0 0 10px;; float:none;}
.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group .selects:last-child{margin-bottom:0;}
.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group.size_1  .selects{margin-bottom:10px;}
.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap button{height:50px; line-height:48px;}

.go_link_box.with_cir .link_define {min-height:100px;}
.go_link_box.with_cir .ico_wrap {position:absolute; top:0; right:0; width:100px; height:100px; text-align:center; border-radius:100%; background:#fff;}
.go_link_box.with_cir .ico_wrap .ico {position:static; margin-top:25px;}
.input_btn_container .select_group + .btn {margin-left:6px;}

/* .link_box_wrap {overflow:hidden;} */
.link_box_wrap .link_box_list {margin-right:-30px;}
.link_box_wrap .link_box_list:after {content:''; display:block; clear:both;}
.link_box_wrap .link_box_list .box_item {float:left; width:570px; margin-right:30px;}
/* À¯¹«¼± Àü¹®¸ÅÀå ã±â Àû¿ë ¿¹Á¤ */
.link_box_wrap .link_box_list .box_item.search{width:370px;}
.link_box_wrap .link_box_list .box_item a{display: block} /* À¥Á¢±Ù¼º¼öÁ¤_3Â÷ [ Ãß°¡ ] */
.head_box {padding:50px 40px; text-align:center; background:#f8f6f5;}
.head_box .em {color:#ff4800;}
.head_box .box_tit {font-size:24px; font-weight:500; line-height:36px; color:#222;}
.head_box .box_txt {font-size:14px; line-height:21px; margin-top:12px; color:#666;}
.head_box .box_txt_sub {font-size:14px; line-height:21px; margin-top:30px; color:#898786;}
.head_box .box_btn {margin-top:10px;}
.bg_purple {background:#f4f3fb;}
.bg_purple .em {color:#ff4800;}

/* authentication */
.id_wrap {padding:60px 0; border-top:2px solid #222; border-bottom:1px solid #dddbda;}
.id_wrap .id_list {display:table; overflow:hidden; width:100%; text-align:center;}
.id_wrap .id_list .id_box {display:table-cell; position:relative; width:33.3%; height:318px; padding:0 30px; text-align:center; border-left:1px solid #eeeceb;}
.id_wrap .id_list .id_box:first-child {border-left:none;}
.id_wrap .id_list .id_box:only-child {width:100%;}
.id_wrap .id_list .id_box .cir {display:inline-block; box-sizing:border-box; width:100px; height:100px; text-align:center; border:1px solid #dddbda; border-radius:100%; background:#f8f6f5;}
.id_wrap .id_list .id_box .cir .ico {margin-top:25px;}
.id_wrap .id_list .id_box .id_m dt {font-size:18px; font-weight:500; line-height:27px; margin-top:20px; color:#222;}
.id_wrap .id_list .id_box .id_m dd {font-size:14px; line-height:21px; margin-top:13px; color:#666;}
.id_wrap .id_list .id_box .id_m dd span {display:block;}
.id_wrap .id_list .id_box .btn {position:absolute; bottom:0; left:50%; width:100px; margin-left:-50px;}
.id_wrap .id_list .id_box .guide {display:inline-block; margin-top:10px;}
.id_wrap .id_list.case2 .id_box {display:inline-block;}


/* banner slider common */
.slide_wrap {position:relative; overflow:hidden; width:100%; min-width:1100px;}
.slide_wrap .slide_conts {position:relative; z-index:1;}
.slide_wrap .slide_conts .banner_txt {box-sizing:border-box; width:1170px; height:460px; margin:0 auto; padding:60px 0 0 100px;}
.slide_wrap .slide_conts .banner_txt .tit {font-size:48px; line-height:66px;}
.slide_wrap .slide_conts .banner_txt .sub_txt {font-size:18px; font-weight:500; line-height:27px; margin-top:20px;}
.slide_wrap .slide_conts .banner_txt .detail_view {margin-top:40px; color:#fff;border:1px solid #222;color:#222;min-width:240px;}
.slide_wrap .indi_wrap {position:absolute; bottom:30px; left:0; z-index:2; width:100%; text-align:center;}
.slide_wrap .indi_conts {display:inline-block; font-size:0; line-height:22px; height:22px; vertical-align:top;}
.slide_wrap .indi_conts li {display:inline-block; margin:0 2px; vertical-align:top;}
.slide_wrap .indi_conts .btn_indi {display:inline-block; width:12px; height:6px; -webkit-transition:width .5s; transition:.5s; vertical-align:middle; border-radius:12px 0 12px 0; background:#222;}
.slide_wrap .indi_conts .on .btn_indi {width:32px;}
.slide_wrap .indi_auto {display:inline-block; margin-left:5px;}
.slide_wrap .indi_auto button {display:inline-block; width:22px; height:22px; vertical-align:top;}

.slide_wrap .indi_auto button.stop {background:url(/common/img/vin/common/btn_pause_bk.png) no-repeat; background-size:100% auto;}
.slide_wrap .indi_auto button.play {background:url(/common/img/vin/common/btn_play_bk.png) no-repeat; background-size:100% auto;}

.slide_wrap .slide_content {position:relative;}
.slide_wrap .slide_content .conts {display:block; position:relative;}
.slide_wrap .slide_content .conts img {width:100%; height:auto;}

.slide_wrap .slide_content .btn_arrow {display:block; position:absolute; top:50%; z-index:2; line-height:25px; width:36px; height:66px; transform:translateY(-50%); text-align:center;}
.slide_wrap .slide_content .btn_arrow.prev {left:50%;margin-left:-585px;}
.slide_wrap .slide_content .btn_arrow.next {right:50%;margin-right:-585px;}
.slide_wrap .slide_content .btn_arrow span {display:inline-block; overflow:hidden; box-sizing:border-box; width:36px; height:66px; vertical-align:top; text-indent:-1000em;}
.slide_wrap .slide_content .btn_arrow {opacity:0;}
.slide_wrap.on .slide_content .btn_arrow {opacity:1;}
.slide_wrap .slide_content .btn_arrow.prev span {background:url(/common/img/vin/common/arr_left.png) no-repeat;}
.slide_wrap .slide_content .btn_arrow.next span {background:url(/common/img/vin/common/arr_right.png) no-repeat;}

.slide_wrap.set_bk .indi_conts .btn_indi {background:#000;}
.slide_wrap.set_bk .slide_content .btn_arrow span {border-color:#000;}
.slide_wrap.set_bk .indi_auto button.pause {background:url(/common/img/vin/common/btn_pause_bk.png) no-repeat; background-size:100% auto;}

/*white*/
.slide_wrap .white_slider.slide_conts .banner_txt .tit {color:#fff;}
.slide_wrap .white_slider.slide_conts .banner_txt .sub_txt {color:#fff;}
.slide_wrap.white .indi_auto button.stop {background-image:url(/common/img/vin/common/btn_pause_w_bk.png);}
.slide_wrap.white .indi_auto button.play {background-image:url(/common/img/vin/common/btn_play_w_bk.png);}
.slide_wrap.white .indi_conts .btn_indi {background:#fff;}
.slide_wrap.white .slide_content .btn_arrow.prev span {background:url(/common/img/vin/common/arr_left_w.png) no-repeat;}
.slide_wrap.white .slide_content .btn_arrow.next span {background:url(/common/img/vin/common/arr_right_w.png) no-repeat;}
.slide_wrap.white .slide_conts .banner_txt .detail_view {border-color:#fff;color:#fff;}
/* basket(BZ) */
.quick_bar {background-color:#3b3a40;}
.quick_bar .inner {position:relative; line-height:70px; width:100%; max-width:1170px; height:70px; margin:0 auto;}
.quick_bar .inner .tit {display:inline-block; font-size:24px; font-weight:500; line-height:36px; vertical-align:middle; color:#fff;}
.quick_bar .inner .tit .idx {font-size:16px; font-weight:normal; line-height:24px;}
.quick_bar .inner .tit .idx em {color:#ff4800;}
.quick_bar .inner .my_cart {display:inline-block; position:absolute; top:25px; right:273px; z-index:2; box-sizing:border-box; width:14px; height:14px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); text-indent:-9999em; border:2px solid #fff; border-top:none; border-left:none;}
.quick_bar .inner .my_cart.on {top:32px; -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -ms-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg);}
.quick_bar .quick_btn_wrap {position:absolute; top:0; left:50%; width:100%; max-width:1170px; transform:translateX(-50%); text-align:right;}
.quick_bar .quick_btn {position:absolute; top:0; right:0; font-size:0; line-height:70px; width:233px; height:70px; text-align:center; background-color:#ff5a20;}
.quick_bar .quick_btn span {font-size:20px; font-weight:500; line-height:30px; vertical-align:middle; color:#fff;}
.quick_bar .quick_btn .ico {margin-right:14px; vertical-align:middle;}
.quick_bar.open {position:fixed; right:0; bottom:0; left:0; z-index:2;}
.quick_bar .cart_list {padding:40px 0; border-top:1px solid #222;}
.quick_bar .cart_list .list_inner {width:100%; max-width:1170px; margin:0 auto;}
.quick_bar .cart_list .list_inner .cart_item {font-size:0; margin:-15px;}
.quick_bar .cart_list .list_inner .cart_item li {display:inline-block; font-size:16px; line-height:24px; margin:15px; color:#cccac9;}
.quick_bar .cart_list .list_inner .cart_item .delete {display:inline-block; width:16px; height:16px; margin-left:6px; text-indent:-9999em; background:url('/common/img/vin/common/ico_delete_gray.png') no-repeat 0 0;}

/* tooltip */
.tool_wrap {position:relative; text-align:left;}
.tool_wrap .tool_cont {position:absolute; top:50px; right:3px; box-sizing:border-box; padding:23px 30px; border:1px solid #dddbda; border-radius:10px; background:#fff;}
.tool_wrap .tool_cont .tool_arr {display:inline-block; position:absolute; top:-6px; box-sizing:border-box; width:12px; height:12px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); border:1px solid #dddbda; border-bottom:1px solid transparent; border-left:1px solid transparent; background:#fff;}
.tool_wrap .tool_close {position:absolute; top:28px; right:30px; height:16px;}
.tool_wrap .tool_close a {display:inline-block; position:relative; overflow:hidden; width:16px; height:16px; vertical-align:top;}
.tool_wrap .tool_close a:before {content:' '; display:inline-block; position:absolute; top:8px; right:-1px; width:20px; height:1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); background:#666;}
.tool_wrap .tool_close a:after {content:' '; display:inline-block; position:absolute; top:8px; right:-1px; width:20px; height:1px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); background:#666; ;}

/* list_wrap */
.list_wrap {overflow:hidden; margin:-30px -15px 0;}
.result_lists.list_wrap {overflow:visible;}
.list_wrap ul {font-size:0;}
.list_wrap .list {display:inline-block; font-size:15px; width:370px; margin:30px 15px 0; vertical-align:top;}
.list_wrap .list > a {display:block;}
.list_wrap.normal .list {width:385px; margin:30px 0 15px 15px; }
/*size*/
.list_wrap.size2 .list {width:570px;}
.list_wrap.size4 .list {width:270px;}
.list_wrap.size4 .list .thumb_con img {width:270px; height:385px;} 
/*tit_float_wrap list*/
.tit_float_wrap .flt_cont .list_wrap .list {width:420px;}
.tit_float_wrap .flt_cont .list_wrap .tit {float:none; font-weight:500; width:auto;}
.tit_float_wrap .flt_cont .tit_ico_list {float:none; width:auto;}

/*pro_box*/
.list_wrap .pro_box {min-height:300px;}
.list_wrap .pro_define dt {min-height:75px;}
.list_wrap .pro_define .pro_form {min-height:23px;}
.list_wrap .pro_define .price {height:39px;}
.pro_box {display:block; border:1px solid #eeeceb; background:#fff;}
.pro_define {padding:40px 40px 30px;}
.pro_define dt .flag {margin-bottom:14px;}
.pro_define dt .pro_title {font-size:26px; line-height:39px;}
.pro_define .pro_form {margin-top:6px; color:#666;}
.pro_define .price {font-size:26px; line-height:39px; margin-top:28px;}
.pro_define .price .s_txt {display:inline-block; font-size:13px; line-height:20px; margin-left:6px; color:#666;}
.pro_box .box_btn {overflow:hidden; border-top:1px solid #eee;}
.pro_box .box_btn .btn {display:inline-block; float:left; font-size:15px; line-height:60px; width:50%; height:60px; text-align:center;}
.pro_box .box_btn .btn:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.pro_box .box_btn .btn:first-child {box-sizing:border-box; border-right:1px solid #eee;}
.pro_box .box_btn .btn:only-child {width:100%; border-right:none;}
/*pro_box.ico_in*/
.pro_box.ico_in a {display:block; position:relative; height:100%;}
.pro_box.ico_in .pro_define {padding:40px;}
.pro_box.ico_in .pro_define dt {display:table; width:100%; height:110px; padding-right:115px;}
.pro_box.ico_in .pro_define dt .pro_title {display:table-cell; vertical-align:middle;}
.pro_box.ico_in .pro_define .pro_location {font-size:13px; line-height:20px; margin-top:12px;}
.pro_box.ico_in .pro_define .pro_form {height:auto; margin-top:10px;}
.pro_box.ico_in .ico {position:absolute; top:40px; right:40px;}
/*tit_ico_list*/
.list_wrap .tit_ico_list a {min-height:194px;}
.list_wrap .tit_ico_list dt {min-height:36px;}
.list_wrap .tit_ico_list dd {min-height:46px;}
.tit_ico_list a {display:block; box-sizing:border-box; padding:50px; border:1px solid #dddbda;}
.tit_ico_list dt {font-size:24px; line-height:36px;}
.tit_ico_list dt .ico {margin-right:20px;}
.tit_ico_list dd {margin-top:10px; color:#666;}
/*search_btm_banner*/
.search_btm_banner {position:relative; padding:40px; background:#f8f6f5;}
.search_btm_banner dt {font-size:24px; font-weight:500; line-height:36px; color:#222;}
.search_btm_banner dd {margin-top:8px; color:#898786;}
.search_btm_banner .ico_wrap {position:absolute; top:40px; right:40px; width:90px; height:90px; border-radius:50%; background:#fff;}
.search_btm_banner .ico_wrap .ico {display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; transform:translate(-50%,-50%); background:url('/common/img/vin/common/ico_search_btm_banner.png') no-repeat 0 0;}
.search_btm_banner .ico_wrap .ico01 {background-position:0 0;}
.search_btm_banner .ico_wrap .ico02 {background-position:-50px 0;}
/*r_ico_box*/
.list_wrap .r_ico_box a {min-height:192px;}
.r_ico_box a {display:block; position:relative; box-sizing:border-box; padding:34px 160px 38px 30px; border:1px solid #ddd;}
.r_ico_box dt {font-size:26px; font-weight:500; line-height:39px;}
.r_ico_box dd {margin-top:10px; color:#666;}
.r_ico_box .ico {position:absolute; top:50%; right:30px; margin-top:-55px;}
.list_wrap .r_ico_box2 a {box-sizing:border-box; min-height:152px; border:1px solid #ddd;}
.r_ico_box2 {position:relative; text-align:center;}
.r_ico_box2 a {display:block; padding:40px;}
.r_ico_box2 dl {margin-top:10px;}
.r_ico_box2 dt {font-size:20px; line-height:30px; color:#222;}
.r_ico_box2 dd {font-size:15px; margin-top:4px; color:#666;}

/*youtube*/
.youtube_wrap a {display:block;}
.youtube_wrap a:focus {outline:1px dotted #333; outline:-webkit-focus-ring-color auto 5px;}
.youtube_wrap .thumb {position:relative;}
.youtube_wrap .thumb img {display:block; width:100%;}
.youtube_wrap .thumb.size1 img {width:245px;height:137px;}
.youtube_wrap .thumb:before,.youtube_wrap .thumb:after {content:''; display:block; position:absolute; clear:both;}
.youtube_wrap .thumb:before {top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4);}
.youtube_wrap .thumb:after {top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url('/common/img/vin/common/video_play.png') no-repeat 0 0;}
.youtube_wrap .txt {font-size:18px; line-height:27px; margin-top:10px;}

/*thumb*/
.thumb_con a {display:block;}
.thumb_con img {width:100%; vertical-align:top;}
.thumb_con.fixed img {height:33vw;}

.thumb_con .thumb_info {font-size:18px; line-height:27px; margin-top:10px;}

/*no_result*/
.no_result {padding:150px 0; text-align:center;}
.no_result .no_result_main_txt p {font-size:24px; font-weight:500; line-height:36px; margin-top:30px;}
.no_result .bull_list {margin-top:20px; text-align:center;}
.no_result .bull_list li {font-size:14px; line-height:21px; margin-top:4px; color:#666;}
.no_result .bull_list li:first-child {margin-top:0;}
.no_result .bull_list .square:before {content:''; display:inline-block; clear:both; width:3px; height:3px; margin:7px 6px 0 0; vertical-align:top; background:#888;}
.no_result .bull_list .square:after {display:none;}
.search_result_conts .no_result {padding:120px 0; background-color:#f3f1f0;}
.search_result_conts .no_result .no_result_main_txt p {font-size:30px; line-height:45px; margin-top:20px;}

/*ico_cont*/
.ico_txt_wrap {width:770px; margin:100px auto; text-align:center;}
.ico_txt_wrap.no_pd {margin:0 auto;}
.ico_txt_wrap.mg2 {margin:150px auto;}
.ico_txt_wrap .b_txt {font-size:24px; font-weight:500; line-height:36px; margin-top:30px;}
.ico_txt_wrap .b_txt.mt2 {margin-top:20px;}
.ico_txt_wrap .s_txt {font-size:14px; line-height:21px; margin-top:10px;}
.ico_txt_wrap .s_txt2 {font-size:15px; line-height:23px; margin-top:10px; color:#666;}
.ico_txt_wrap .gray_box {margin-top:40px; padding:10px; background:#f8f6f5;}
.ico_txt_wrap .gray_box .em_txt {font-size:30px; line-height:45px; color:#ff4800;}

/* product top visual */
.products_top_visual {background:#f2f6ff;}
.products_top_visual .em {color:#ff4800;}
.products_top_visual .inner {position:relative; width:1170px; margin:0 auto; padding:30px 0 90px;}
.products_top_visual .top {font-size:0; min-height:120px;}
.products_top_visual .top:after {content:''; display:block; clear:both; overflow:hidden;}
.products_top_visual .top .ico_img,.products_top_visual .top .product_price {display:inline-block; vertical-align:top;}
.products_top_visual .top .ico_img {min-width:120px;}
.products_top_visual .top .ico_img.moving {width:130px; height:82px;}
.products_top_visual .top .ico_img.giga {width:130px; height:100px;}
.products_top_visual .top .ico_img.giga img {width:130px;}
.products_top_visual .top .ico_img.giga.double {width:230px; height:100px;}
.products_top_visual .top .product_price {padding-left:15px;}
.products_top_visual .top .product_price dt {font-size:40px; font-weight:500; line-height:54px; color:#222;}
.products_top_visual .top .product_price dt .small_txt {font-size:32px; line-height:50px;}
.products_top_visual .top .product_price dd {font-size:18px; line-height:27px; margin-top:12px; color:#666;}
.products_top_visual .top .product_price dd .txt_info{font-size:14px; line-height:18px; margin-top:10px; color:#666;}
.products_top_visual .top .product_price dd a{width:260px; display:block; font-size:13px; color:#666; text-align:center; padding:2px 0px 3px; background:#fff; border:1px solid #dddbda; box-sizing:border-box; margin-top:20px;}
.products_top_visual .price_data_wrap {position:absolute; top:30px; right:0;}
.products_top_visual .price_data {text-align:right;}
.products_top_visual .price_data p.price {font-size:29px; font-weight:500; line-height:45px;}
.products_top_visual .price_data p.price .em {font-size:36px; line-height:54px;}
.products_top_visual .price_data p.vat {font-size:13px; line-height:20px; color:#666;}
.products_top_visual .period_select {margin:50px 0 -30px;}
.products_top_visual .period_select .select_nav {font-size:0;}
.products_top_visual .period_select .select_nav li {display:inline-block; padding:0 7px; vertical-align:top;}
.products_top_visual .period_select .select_nav li:first-child {padding-left:0;}
.products_top_visual .period_select .select_nav li:last-child {padding-right:0;}
.products_top_visual .period_select .select_nav li > a {display:block; box-sizing:border-box; min-height:142px; padding:30px; border:2px solid #eeeceb; border-radius:0 20px 0 20px; background:#eeeceb; ;}
.products_top_visual .period_select .select_nav li.on > a {border-color:#ff5a20; background:#fff; box-shadow:6px 6px 10px 0 rgba(0,0,0,.2);}
.products_top_visual .period_select .select_nav li dl {position:relative; height:100%; padding-left:32px;}
.products_top_visual .period_select .select_nav li dl:after {content:''; display:block; position:absolute; top:0; left:0; overflow:hidden; width:22px; height:22px; background:url('/common/img/vin/product/check_top_info.png') no-repeat left top;}
.products_top_visual .period_select .select_nav li.on dl:after {background-position:left bottom;}
.products_top_visual .period_select .select_nav li dt {font-size:20px; font-weight:500; color:#222;}
.products_top_visual .period_select .select_nav li dd {font-size:15px; min-height:40px; margin-top:6px;}
.products_top_visual .period_select .select_nav li dd sup {font-size:9px;}
.products_top_visual .period_select.size2 .select_nav li {width:50%;}
.products_top_visual .period_select.size3 .select_nav li {width:33.3333%;}
.products_top_visual .period_select.size3 .select_nav li:first-child {width:33.3334%;}
.products_top_visual .period_select.size4 .select_nav li {width:25%;}
.products_top_visual .period_select .select_conts {position:absolute; top:30px; right:0;}
.products_top_visual .period_select .select_conts .cont {display:none;}
.products_top_visual .period_static {margin:50px 0 -30px;}
.products_top_visual .period_static:after {content:''; display:block; clear:both; overflow:hidden;}
.products_top_visual .period_static li {position:relative; float:left; width:530px; height:120px; text-align:center; border-radius:0 20px 0 20px; background:#fff;}
.products_top_visual .period_static li .plus {position:absolute; top:50%; left:-66px; width:22px; height:22px; margin-top:-11px;}
.products_top_visual .period_static li .plus:after {content:''; display:block; position:absolute; top:0; bottom:0; left:50%; width:2px; margin-left:-1px; background:#ff4800;}
.products_top_visual .period_static li .plus:before {content:''; display:block; position:absolute; top:50%; right:0; left:0; height:2px; margin-top:-1px; background:#ff4800;}
.products_top_visual .period_static li:last-child {float:right;}
.products_top_visual .period_static li .ico_img,.products_top_visual .period_static li .txts {display:inline-block; vertical-align:middle;}
.products_top_visual .period_static li .txts {font-size:16px; font-weight:500; padding-left:20px; color:#222;}
.products_top_visual .period_static li > div {padding-top:20px;}
.corp .products_top_visual .product_price_txts {color:#222;}
.corp .products_top_visual .inner:after {content:''; display:block; clear:both; overflow:hidden;}
.corp .products_top_visual .inner .txts_group {float:left;}
.corp .products_top_visual .product_price_txts .tit {font-size:50px; font-weight:500; line-height:72px;}
.corp .products_top_visual .product_price_txts .sm_txt {display:block; font-size:30px; line-height:45px;}
.corp .products_top_visual .product_price_txts .sub_txt {font-size:16px; line-height:24px; margin-top:10px;}
.corp .products_top_visual .product_price {margin-top:40px; padding-left:0;}

.corp .products_top_visual .product_price .tit {font-size:24px; font-weight:500; line-height:36px; color:#222;}
.corp .products_top_visual .product_price .sub_txt {font-size:15px; line-height:23px; margin-top:6px; color:#898786;}
.corp .products_top_visual .ico_n_btns {float:right; padding:35px 95px 0 0; text-align:center;}
.corp .products_top_visual .ico_n_btns .btn_wrap {margin-top:10px;}
.corp .products_top_visual .ico_n_btns .btn {color:#ff4800; border:2px solid #ff4800;}

/*big_img_case*/
.products_top_visual.big_case .inner {padding:0 0 60px;}
.products_top_visual.big_case .top .product_price {padding:30px 0 0 66px;}
/* box: */

/*  event view cont admin add conts  */
.view_conts .title1 {font-weight:500; color:#ff5a20;}
.view_conts .title2 {font-weight:500; color:#009;}
.view_conts .prize_name {font-size:24px; line-height:30px; margin-bottom:20px; padding:30px; text-align:center; background:#f8f6f5;}
.view_conts .lft_section,.view_conts .rgt_section {box-sizing:border-box; width:50%;}
.view_conts .lft_section {float:left; padding-right:15px;}
.view_conts .rgt_section {float:right; padding-left:15px;}
.view_conts .rgt_section:after{content:'';display:block;claer:both;}
.board_view .view_conts .lft_section table td:first-child,
.board_view .view_conts .rgt_section table td:first-child,
.board_view .view_conts .lft_section table th:first-child,
.board_view .view_conts .rgt_section table th:first-child {border-left:1px solid #eeeceb;}
.view_conts table th {font-size:15px; line-height:24px; padding:16px 14px; text-align:center; border:1px solid #eeeceb; border-left:1px solid #eeeceb; background:#f8f6f5;}
.view_conts td {font-size:15px; line-height:21px; padding:16px 14px; text-align:center; color:#666; border:1px solid #eeeceb; background:#fff;}
.view_conts .evt_winner_delivery {clear:both; padding-top:30px;}
.view_conts .uio-btn-area {margin-top:30px; text-align:center;}
.view_conts .uio-btn-atype {display:inline-block; font-size:13px; line-height:34px; box-sizing:border-box; min-width:163px; height:34px; padding:0 20px; text-align:center; vertical-align:top;}
.view_conts .uio-btn-atype.gray {color:#ff5a20; border:1px solid #ff5a20; background:#fff;}
.view_conts .uio-btn-atype.red {color:#fff; background:#ff5a20;}
.view_conts .careful {margin-top:30px;}
.view_conts .asis_frame {width:724px; margin:0 auto;}
.view_conts strong + table {margin-top:20px;}


.view_conts .summary {width:90%; min-width:320px; margin-top:20px; padding-bottom:25px; background:url('/img/common/boardNotice_summaryBack.gif') repeat-x bottom;}

.view_conts .summary .top {text-align:center; background:url('/img/common/boardNotice_summaryBack.gif') repeat-x 50%;}
.view_conts .summary .top p {width:42px; margin:0 auto; padding:0; text-align:center; background:#fff;}
.view_conts .summary .list {margin:20px 0 0 17px;}
.view_conts .summary .list li {margin-top:10px;}
.view_conts .summary .list li.first {margin-top:3px;}
.view_conts .summary .listOl {margin:20px 0 0 17px; list-style-position:inside; list-style-type:decimal;}
.view_conts .summary .listOl li {margin-top:10px;}
.view_conts .summary .listOl li.first {margin-top:3px;}
.view_conts .summary li {text-align:justify;}
.view_conts .summary ol li p {margin-top:10px;}
.view_conts .summary ol li ol,.view-cont .summary ol li ul {margin-left:13px;}
.view_conts .summary a {vertical-align:top; text-decoration:underline; color:#707070;}

/* »óÇ° ¹Ú½º */
.list_wrap .list .pro_box2 {position:relative; min-height:314px; padding:30px; border:1px solid #eeeceb;}
.list_wrap .list .pro_box2 .box_btn {overflow:hidden;}
.list_wrap .list .pro_box2 .box_btn .btn {display:block; float:left; font-size:13px; line-height:16px; box-sizing:border-box; width:151px; height:44px; margin-left:6px; padding:13px 0; color:#222; border:1px solid #dddbda;}
.list_wrap .list .pro_box2 .box_btn .btn:first-child {margin-left:0;}
.list_wrap .list .pro_box2 .box_btn .btn span {display:inline-block; line-height:16px; vertical-align:top;}
.list_wrap .list .pro_box2 .box_btn .btn:before {content:' '; display:inline-block; width:18px; height:16px; margin-right:4px; vertical-align:top; background:url('/common/img/vin/common/icon_prod_btn.png') no-repeat;}
.list_wrap .list .pro_box2 .box_btn .btn.ico_type1:before {background-position:0 0;}
.list_wrap .list .pro_box2 .box_btn .btn.ico_type2:before {background-position:-18px 0;}
.list_wrap .list .pro_box2 .price {font-size:24px; line-height:36px; margin-top:0; padding-bottom:26px; color:#222;}
.list_wrap .list .pro_box2 .price .price_info {display:block; font-size:13px; line-height:20px; margin-top:1px; color:#666;}

.list_wrap.box_type .list .pro_box2 .pro_tit {font-size:18px; height:auto; color:#666;}
.list_wrap.box_type .list .pro_box2 .pro_dec {font-size:24px; font-weight:500; line-height:36px; margin-top:6px; padding-bottom:24px; word-break:keep-all; color:#222;}
.list_wrap.box_type .list .pro_box2 .pro_info {position:absolute; right:auto; bottom:30px; left:30px;}

.list_wrap.board_type {margin:-20px 0 0 0;}
.list_wrap.board_type .list {box-sizing:border-box; width:100%; height:144px; margin:20px 0 0 0;}
.list_wrap.board_type .list .pro_box2 {position:relative; height:100%; min-height:auto; padding:37px 30px 37px 40px;}
.list_wrap.board_type .list .pro_box2 .pro_intro .pro_tit {font-size:26px; font-weight:500; line-height:39px; padding:0 ; color:#222; border:none;}
.list_wrap.board_type .list .pro_box2 .pro_intro .pro_dec {font-size:16px; font-weight:400; line-height:24px; margin-top:6px; color:#666;}
.list_wrap.board_type .list .pro_box2 .pro_info {position:absolute; top:23px; right:30px; left:auto;}
.list_wrap.board_type .list .pro_box2 .pro_info .price {float:left; padding:20px 20px 0 0; text-align:right;}
.list_wrap.board_type .list .pro_box2 .pro_info .box_btn {float:right; width:151px;}
.list_wrap.board_type .list .pro_box2 .pro_info .box_btn .btn {margin:0;}
.list_wrap.board_type .list .pro_box2 .pro_info .box_btn .btn:first-child {margin-bottom:10px;}

.mobile_view_link{background:#F3F1F0;text-align:center;padding:40px 0;}
.mobile_view_link p{color:#666;}
.mobile_view_link a.btn{margin-top:20px;}

/* margin & padding */
.ac {text-align:center !important;}
.mt_0 {margin-top:0px !important;}
.mt-04 {margin-top:-4px !important;}
.mt10 {margin-top:10px !important;} 
.mt20 {margin-top:20px !important;} 
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mb20 {margin-bottom:20px !important;}
.clefix:after {content:'';display:block;clear:both;}

.txtB {font-weight:bold !important;}