/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table
2-2. button
2-3. product

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer

4. Page:
4-1. 메인
4-2. 상점
4-3. 회원
4-4. 마이페이지
4-5. 추가페이지

5. ETC

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('https://www.samwoosnt.com/_skin/samwoosnt/img/etc/PretendardVariable.woff2') format('woff2-variations');
}

html {color:#000; font-size:12px; font-family:'Lato', 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; line-height:1.6; -ms-content-zooming: none; -ms-touch-action: pan-x pan-y;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
*,
*::before,
*::after {box-sizing:border-box; color:inherit; letter-spacing:-0.02em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {height:100%; margin:0; padding:0; overflow:auto; word-break:break-all; -webkit-text-size-adjust:none; /*overscroll-behavior:none;*/}
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {text-decoration:none; cursor:pointer;}
h1, h2, h3, h4, button, input, label {line-height:1.1;}
h1, h2, h3, h4 {text-wrap:balance;}
img {height:auto;}
input, button, textarea, select {color:inherit; font:inherit;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea, select {-webkit-appearance:none;}
input[type=checkbox] {-webkit-border-radius:0;}
textarea:not([rows]) {min-height:10em;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin: 0;}

/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/
#qdBackground {width:100% !important;}
#ui-datepicker-div {z-index:10 !important;}


.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#D50C0C !important;}
.p_cursor {cursor:pointer;}
.i_info {display:inline-block; position:relative; width:16px; height:16px; margin:-2px 0 0 2px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_info.png') no-repeat center/16px auto; font-style:normal; font-weight:normal; line-height:1; vertical-align:middle;}
.empty {padding:80px 0 !important; text-align:center; color:#ccc; font-size:1.25rem;}

@media all and (max-width:767px) {
	.empty {padding:60px 0 !important; font-size:1.167rem;}
}

/* input 기본 스타일 */
.form_input {display:inline-flex; height:48px; padding:0 14px; border:1px solid #E5E5E5; border-radius:6px; background:#fff; font-family:'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:1.25rem; letter-spacing:-0.01em; transition:all .3s ease;} 
.form_input:focus {position:relative; z-index:1; border-color:#000; outline:none !important;}
.form_input.block {display:flex; width:100% !important;}
.form_input:-ms-input-placeholder {color:#999; font-family:'Lato', 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-webkit-input-placeholder {color:#999; font-family:'Lato', 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-moz-placeholder {color:#999; font-family:'Lato', 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input.readonly {background:#e0e0e0 !important;}
.form_input.gray {background:#fafafa;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto; padding:14px;}
input[type=file].form_input {padding:10px 14px;}

@media all and (max-width:767px) {
	.form_input {font-size:1.167rem;}
}

/* 셀렉트 */
select {max-width:100%; height:48px; padding:0 30px 0 15px; border:1px solid #E5E5E5; border-radius:6px; font-family:inherit; font-size:1.25rem; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#fff url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_select.png') no-repeat right 5px center /30px auto; cursor:pointer;}
select.block {width:100%;}
select:focus {outline:none !important;}
 
@media all and (max-width:767px) {
	select {height:44px; font-size:1.167rem;}
}

/* 페이징 */
.paging {margin-top:30px; font-size:0; text-align:center;}
.paging li {display:inline-block; margin:0 15px; color:#888; font-size:1.25rem; vertical-align:middle;}
.paging li strong {color:#000; font-weight:600;}
.paging li a.arrow {display:block; width:17px; height:17px; background-repeat:no-repeat; background-position:center; background-size:8px auto; color:transparent; font-size:0;}
.paging li a.prev {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/button/paging_prev.png');}
.paging li a.next {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/button/paging_next.png');}

/* 하단 줄 */
.underline {display:inline-block; position:relative;}
.underline:after {position:absolute; left:50%; bottom:-7px; width:0; height:2px; background-color:#151515; content:''; transition:all .3s ease;}
.underline:before {position:absolute; right:50%; bottom:-7px; width:0; height:2px; background-color:#151515; content:''; transition:all .3s ease;}
.underline:hover:after,
.underline:hover:before,
.underline.active:after,
.underline.active:before {width:50%;}
.underline.active {font-weight:bold;}
.underline.white:after {background-color:#fff;}
.underline.white:before {background-color:#fff;}

/* 체크박스, 라디오 */
input[type=checkbox] {width:20px; height:20px; margin:0 5px 0 0; outline:0; background:no-repeat left center /20px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/ckbox.png') no-repeat center /20px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; vertical-align:middle; transition:background .2s;}
input[type=checkbox]::-ms-check {display:none;}
input[type=checkbox]:checked {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/ckbox_on.png');} 
input[type=checkbox][disabled] {opacity:.5;}
input[type=radio] {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/radio.png') no-repeat left center /20px; border:none; vertical-align:middle; appearance:none;-webkit-appearance:none; -moz-appearance:none; outline:none; transition:background .2s;}
input[type=radio]:checked {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/radio_on.png');}
label {display:inline-block; font-size:1.25rem; line-height:20px; letter-spacing:-0.01em; vertical-align:middle; cursor:pointer;}
label:has(input:disabled){opacity:.5; cursor:default;}
@media all and (max-width:767px) {
	label {font-size:1.167rem;}
}

/* 스크롤바 없애기 */
.noscroll::-webkit-scrollbar {display:none;}
.noscroll {-ms-overflow-style: none; scrollbar-width: none;}

/* datepicker - 이후 엔진에서 수정 필요 - datepicker 플러그인 변경/사용하는 방법도 고려 */
.ui-datepicker {width:260px !important; padding:20px 12px 15px !important; border-color:#E5E5E5; border-radius:4px !important; box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.03);}
.ui-datepicker .ui-widget-header {padding:0 !important; background:none !important; border:none !important; font-weight:normal;}
.ui-datepicker .ui-datepicker-title select {height:30px; margin:0 5px !important; padding:0 30px 0 10px; border-radius:4px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_cal_select.png') no-repeat right center /30px auto; font-family:'Pretendard', Malgun Gothic,'맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:1.083rem !important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:50% !important; width:24px !important; height:24px !important; margin-top:-12px !important;}
.ui-datepicker .ui-datepicker-prev {left:0 !important;}
.ui-datepicker .ui-datepicker-next {right:0 !important;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {position:static !important; width:100% !important; height:100% !important; margin:0 !important; }
.ui-datepicker .ui-datepicker-prev span {background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_cal_prev.png') no-repeat center /24px !important;}
.ui-datepicker .ui-datepicker-next span {background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_cal_next.png') no-repeat center /24px !important;}
.ui-datepicker .ui-state-hover {border:1px solid #eee !important; background-color:#eee !important;}
.ui-datepicker .ui-datepicker-prev-hover span,
.ui-datepicker .ui-datepicker-next-hover span {position:static !important;}
.ui-datepicker select.ui-datepicker-month {width:65px !important;}
.ui-datepicker select.ui-datepicker-year {width:90px !important;}
.ui-datepicker table {margin:15px 0 0 0 !important;}
.ui-datepicker th {padding:6px 0 !important;}
.ui-datepicker th span {color:#000 !important; font-size:1.083rem !important; font-weight:400 !important;}
.ui-datepicker td {padding:1px !important;}
.ui-datepicker td a {padding:4px 0 !important; border-color:#fff !important; border-radius:4px; background:#fff !important; color:#000 !important; font-size:1rem; text-align:center !important; letter-spacing:-0.24px;}
.ui-datepicker td a.ui-state-highlight {color:#fff !important; background-color:#000 !important;}
.ui-datepicker .ui-datepicker-buttonpane {border:none !important;}
.ui-datepicker .ui-datepicker-buttonpane button {margin:0 !important; padding:8px 14px !important; background-color:#fff; border-radius:4px; border-color:#EFEFEF !important; color:#000 !important; font-family:'Pretendard', Malgun Gothic,'맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:1.083rem !important; font-weight:400 !important; opacity:1 !important;}
.ui-datepicker button.ui-state-hover {border:1px solid #eee !important; background-color:#eee !important;}


/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center;}
.box_btn > * {display:inline-flex; align-items:center; justify-content:center; min-width:70px; height:44px; margin:0; padding:0 10px; border:1px solid #000; border-radius:6px; outline:none; background-color:#000; color:#fff; font-size:1.25rem; font-family:'Lato', 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight:normal; line-height:44px; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#222;}

@media all and (max-width:767px) {
	.box_btn > * {font-size:1.167rem;}
}

/* 버튼스타일 - 라운드 */
.box_btn.radius > * {min-width:auto; height:38px; padding:0 15px; border-radius:30px; font-size:1.167rem; line-height:38px;}
.box_btn.radius.mini > * {height:30px; line-height:30px;}

@media all and (max-width:767px) {
	.box_btn.radius > * {height:34px; font-size:1.083rem; line-height:34px;}
}

/* 버튼스타일 - 크기 */
.box_btn.mini > * {height:36px; font-size:1.167rem; line-height:36px;}
.box_btn.small > * {height:40px; line-height:40px;}
.box_btn.large > * {height:48px; line-height:48px;}
.box_btn.huge > * {height:54px; font-size:1.417rem !important; font-weight:600; line-height:54px;}

@media all and (max-width:767px) {
	.box_btn.mini > * {font-size:1.083rem !important;}
	.box_btn.small > * {font-size:1.167rem !important;}
	.box_btn.large > * {height:50px; font-size:1.167rem !important; line-height:50px;}
	.box_btn.huge > * {height:50px; font-size:1.33rem !important; line-height:50px;}
}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px; min-width:50px;}
.box_btn.w90 > * {width:90px;}
.box_btn.w110 > * {width:110px;}
.box_btn.w115 > * {width:115px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w160 > * {width:160px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w300 > * {width:300px;}

/* 버튼스타일 - 색상 */
.box_btn.white > * {border-color:#000; background-color:#fff; color:#000;}
.box_btn.white:hover > *,
.box_btn.white:active > *,
.box_btn.white:focus > * {background-color:#000; color:#fff;}
.box_btn.gray > * {border-color:#F5F6F8; background-color:#F5F6F8; color:#333;}
.box_btn.gray:hover > *,
.box_btn.gray:active > *,
.box_btn.gray:focus > * {border-color:#000; background-color:#fff; color:#000;}
.box_btn.grline > * {border-color:#E5E5E5; background-color:#fff; color:#333;}
.box_btn.grline:hover > *,
.box_btn.grline:active > *,
.box_btn.grline:focus > * {background-color:#f6f6f6;}
.box_btn.lightgray > * {border-color:#e4e4e4; background-color:#e4e4e4; color:#fff;}

/* 나열 버튼 */
.btn_col {display:flex; gap:10px; align-items:center; justify-content:center;}
.btn_col2 {display:flex; gap:10px; align-items:center; justify-content:center; width:100%; margin:0 auto;}
.btn_col2 .box_btn {width:50%;}
.btn_col2 .box_btn > * {width:100%;}
.btn_col2.nogap {gap:0;}
.box_btn.mt {margin-top:5px;}

/* 우편번호 찾기(/common/zip_search.php) */
.zipcode {width:100%; max-width:420px; padding:20px; text-align:center;}
.zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;}
.zipcode .tab {height:32px; text-align:center;}
.zipcode .tab li {float:left; width:50%; vertical-align:bottom;}
.zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;}
.zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;}
.zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;}
.zipcode .ex span {display:block; color:#888;}
.zipcode .search {position:relative; padding-right:70px;}
.zipcode .search .form_input.block {border-radius:6px 0 0 6px;}
.zipcode .search .box_btn {position:absolute; right:0; top:0;}
.zipcode .search .box_btn input[type="submit"] {height:48px; border-radius:0px 6px 6px 0;}
.zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;}
.zipcode table th {font-size:0;}
.zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:top;}
.zipcode table td.addr {text-align:left;}
.zipcode table td.addr p {display:inline-block; padding:0 4px 0 23px; border-radius:3px; background:#ffeded url('https://www.samwoosnt.com/_skin/samwoosnt/img/shop/icon_addrwarring.png')no-repeat top 4px left 4px; color:#d83838; font-weight:600; letter-spacing:-0.05rem;}
.zipcode table td font {color:#d53838;}

/* 타이틀 */
div.title {display:table-cell; width:100vw; height:29.4vw; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/about.jpg') no-repeat center /cover; text-align:center; vertical-align:middle;}
div.title.brand1,
div.title.brand2,
div.title.brand3,
div.title.brand4 {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/brand1.jpg');}
div.title.media1,
div.title.media2,
div.title.media3 {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/media1.jpg');}
div.title.about {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/about.jpg');}
div.title.company {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/company.jpg');}
div.title.medi {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/medi.jpg');}
div.title.location {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/location.jpg');}
div.title.contact {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/contact.jpg');}
div.title.privacy {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/privacy.jpg');}
div.title.uselaw {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/uselaw.jpg');}
div.title.ptnr {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/ptnr.jpg');}
div.title.board {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/title/board.jpg');}

div.title > h2 {color:#fff; font-size:1.250rem; font-weight:400; opacity:0.6;}
div.title > p {color:#fff; font-size:3.125rem;}
h3.title {padding:7.55vw 0 2.6vw; color:#000; font-family:'Poppins'; font-size:2.5rem; font-weight:500;}

@media all and (max-width:767px) {
	div.title {height:250px;}
	div.title > h2 {font-size:1rem;}
	div.title > p {font-size:1.667rem;}
	h3.title {padding:90px 0 25px; color:#000; font-size:2.083rem;}
}

/* tab */
.tab_menu {width:75%; margin:0 auto; padding-top:3.125vw; padding-bottom:15px; font-size:0; text-align:center !important;}
.tab_menu > li {display:inline-block; position:relative; width:auto; min-width:120px; padding:0 20px;}
.tab_menu > li:after {display:inline-block; position:absolute; right:0; top:50%; width:1px; height:27px; margin-top:-13px; background-color:rgba(0,0,0,0.1); content:'';}
.tab_menu > li:last-child:after {display:none;}
.tab_menu > li > a {color:#888; font-family:'Poppins','Pretendard'; font-size:1.417rem;}
.tab_menu > li > a.active {color:#151515; font-weight:600;}

@media all and (max-width:767px) {
	.tab_menu_swipe {padding:20px 15px 10px !important;}
	.tab_menu {padding:0;}
	.tab_menu {width:100%;}
	.tab_menu > li {min-width:85px; padding:0 15px;}
	.tab_menu > li:after {display:none;}
	.tab_menu > li > a {font-size:1.167rem;}
}

/* tab */
.tab_merck {padding-top:3.125vw; padding-bottom:15px; justify-content:center;}
.tab_merck > li {display:inline-block; position:relative; width:auto; min-width:120px; padding:0 20px;}
.tab_merck > li:after {display:inline-block; position:absolute; right:0; top:50%; width:1px; height:27px; margin-top:-13px; background-color:rgba(0,0,0,0.1); content:'';}
.tab_merck > li:last-child:after {display:none;}
.tab_merck > li > a {color:#888; font-family:'Poppins','Pretendard'; font-size:1.417rem;}
.tab_merck > li > a.active {color:#151515; font-weight:600;}

@media all and (max-width:767px) {
	.tab_merck {padding-top:20px; justify-content:flex-start;}
	.tab_merck > li {min-width:auto; width:auto; max-width:155px; padding:0 15px;}
	.tab_merck > li:after {display:none;}
	.tab_merck > li > a {font-size:1.167rem;}
}

/* fullpage paging */
.fullpage_paging {display:none; position:fixed; top:50%; left:5.2vw; z-index:5; text-align:center;}
.fullpage_paging > li > a {display:inline-block; position:relative; width:8px; height:8px; margin:9px 0; border-radius:50%; background-color:#212121; color:transparent; font-size:0; opacity:.2; transition:2s;}
.fullpage_paging > li.active > a {width:16px; height:16px; opacity:1;}
.fullpage_paging.themw > li > a {background-color:#fff;}

@media all and (max-width:1400px) {
	.fullpage_paging {display:none;}
}

/* family site */
.select_family {width:170px; height:40px; border-color:#181818 !important; background-color:#424242 !important; color:#fff; font-size:0.750rem !important; line-height:40px;}
.select_family * {font-size:0.750rem !important;}

/* transition */
.fadein {opacity:0; -webkit-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out;}
.fadein.active {opacity:1;}
.fadeup {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(50px); transform:translateY(50px);}
.fadeup.active {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.fadedown {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(-50px); transform:translateY(-50px);}
.fadedown.active {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.fadeleft {opacity:0; -webkit-transition:transform 1s ease-in-out, opacity 1s ease-in-out; transition:transform 1s ease-in-out, opacity 1s ease-in-out; -webkit-transform:translateX(-100px); transform:translateX(-100px);}
.fadeleft.active {opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}

/* slide btn */
.swiper-button-prev:after,
.swiper-button-next:after {display:none;}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}
body.view_detail {overflow:hidden;}
body.view_detail #dimmed {display:block;}
body.dimmed_on {overflow:hidden;}
body.dimmed_on #dimmed {display:block; z-index:55;}
#wrapper {position:relative; text-align:left;}
.wrap_inner,
.wrap_inner2 {width:100%; max-width:1280px; margin:0 auto;}

@media all and (max-width:1400px) {
	.wrap_inner,
	.wrap_inner2 {width:100%; padding-left:30px !important; padding-right:30px !important;}
}

@media all and (max-width:767px) {
	.wrap_inner {width:100%;}
	.wrap_inner2 {padding:0 8.33% !important;}
}


/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/
header {position:relative; z-index:10; width:100%; height:0; background-color:#fff; transition:all .4s; letter-spacing:-0.05rem;}
header {position:fixed; left:0; top:0; height:0;}
header h1 > a {display:block; position:absolute; top:0; left:60px; width:170px; height:80px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/logo/logo.png') no-repeat top 18px center /contain; color:transparent; font-size:0; transition:.2s;}
header ul.cate {padding-left:295px; border:1px solid transparent; font-size:0; transition:background-color .2s, border-color .2s;}
header ul.cate > li {display:inline-block; position:relative; margin-right:35px; vertical-align:top;}
header ul.cate > li > a {display:block; height:80px; color:#26262d; font-size:1.5rem; font-weight:500; line-height:80px; transition:color .2s;}
header ul.cate > li > a::after {position:absolute; left:50%; bottom:16px; width:5px; height:5px; margin-left:-2px; border-radius:50%; background-color:#26262d; content:''; transition:.2s; opacity:0;}
header ul.cate > li > ul.depth {visibility:hidden; opacity:0; position:absolute; top:100%; left:50%; width:150px; margin-left:-75px; padding:20px 0; background-color:#000; text-align:center; transition:.2s;}
header ul.cate > li > ul.depth li a {display:block; position:relative; padding:6px 0; color:#fff; font-size:1.33rem;}
header ul.cate > li:hover > a::after,
header ul.cate > li.active > a::after {opacity:1;}
header ul.cate > li:hover > ul.depth {visibility:visible; opacity:1;}
header .menu_right {position:absolute; top:0; right:60px;}
header .menu_right ul.language {display:inline-block; vertical-align:top;}
header .menu_right ul.language li {display:inline-block; margin-left:18px; vertical-align:top;}
header .menu_right ul.language li a {display:block; transition:color .2s;}
header .menu_right ul.language li a.on {opacity:1;}
header .menu_right a.allmenu {display:inline-block; width:40px; height:80px; margin-left:20px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/hd_menu.png') no-repeat center /contain; vertical-align:top; color:transparent; font-size:0; transition:.2s; cursor:pointer;}

/* 구글번역위젯 */
header .google_translate {}
header .goog-logo-link {display: none !important;}
header .goog-te-gadget {color: transparent !important;}
header .goog-te-gadget-simple {width:126px; height:80px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_translate.png') no-repeat center /100% auto; border:none; padding:0;}
header .goog-te-gadget-simple img {display:none;}
header .goog-te-gadget-simple span {display:none;}



/* 메인 */
header.main,
header.fixed {position:fixed; left:0; top:0; height:0;} 
header.fixed ul.cate {border-color:#e0e0e0; background-color:#fff;}
header.themw {background-color:transparent;} 
header.themw h1 > a {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/logo/logo_w.png');}
header.themw ul.cate > li > a {color:#fff;}
header.themw ul.cate > li > a::after {background-color:#fff;}
header.themw ul.cate > li > ul.depth {background-color:#000;}
header.themw ul.cate > li > ul.depth li a {color:#fff;}
header.themw .menu_right ul.language li a {color:#fff;}
header.themw .menu_right a.allmenu {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/hd_menu_w.png');}

nav {overflow:auto; position:fixed; visibility:hidden; top:0; right:-740px; z-index:20; width:740px; height:100vh; padding:175px 100px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/nav_bg.jpg') no-repeat center /cover #fff; color:#212121; transition:0.5s all cubic-bezier(0,0,0,1); letter-spacing:-0.05rem; -webkit-overflow-scrolling:touch;}
nav .logo {display:none;}
nav .btn_close {display:block; position:absolute; top:0; right:0; width:80px; height:80px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/hd_close_w.png') no-repeat center /30px auto #212121; cursor:pointer;}
nav > ul {width:200px;}
nav > ul > li {position:relative; margin-bottom:30px;}
nav > ul > li a {display:block; position:relative; color:#888; font-size:1.5rem; font-weight:600; transition:color .2s;}
nav > ul > li a:hover,
nav > ul > li a.on {color:#212121;}
nav > ul > li a.on::after {position:absolute; top:50%; left:-27px; width:8px; height:8px; margin-top:-4px; border-radius:50%; background-color:#212121; content:'';}
nav > ul > li > a {display:block; color:#212121; font-size:3rem; font-weight:500;}
nav > ul > li ul.depth {display:none; position:absolute; top:15px; left:calc(100% + 40px); width:150px;}
nav > ul > li ul.depth li {margin-bottom:18px;}
nav > ul > li ul.depth li ul.depth2 {top:0;}
nav.is_show {visibility:visible; right:0;}

@media all and (max-width:1023px) {
	header ul.cate {display:none;}
}

@media all and (max-width:767px) {
	header h1 > a {left:8.33vw; width:107px; height:73px;}
	header .menu_right {right:8.33vw;}
	header.themw .menu_right ul.language li a {height:73px; line-height:73px;}
	header .menu_right a.allmenu {width:30px; height:73px;}
	header.fixed .scroll_hide {display:none !important;}
	header .goog-te-gadget-simple {height:73px;}
	
	nav {display:table; right:-100%; width:100%; padding:0 9vw;}
	nav .logo {display:block;}
	nav .logo a {display:block; position:absolute; top:0; left:8.33vw; width:107px; height:73px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/logo/logo.png') no-repeat center /contain; color:transparent; font-size:0;}
	nav .btn_close {height:73px; background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/hd_close.png'); background-color:transparent;}
	nav > ul {display:table-cell; width:100%; vertical-align:middle;}
	nav > ul > li {width:130px;}
	nav > ul > li a {font-size:1.167rem;}
	nav > ul > li a.on {color:#212121;}
	nav > ul > li a.on::after {left:-18px; width:4px; height:4px; margin-top:-2px;}
	nav > ul > li > a {font-size:2rem;}
	nav > ul > li ul.depth {top:8px; left:calc(100% + 20px); width:120px;}
}


/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/

#cnt {width:100%; padding-bottom:12.5rem;}
#cnt .cntbody {width:100%; max-width:1400px; margin:0 auto;}

@media all and (max-width:1400px) {
	#cnt .cntbody {width:100%;}
}

@media all and (max-width:1023px) {
	#cnt {padding-bottom:120px;}
}

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

footer,
.footer {background-color:#1d222b;}
.ft_cnt {width:1280px; margin:0 auto; padding:9vw 0 6.7vw;}
.ft_cnt .ft_top {height:auto; min-height:290px;}
.ft_cnt .ft_top::after {display:block; clear:both; content:'';}
.ft_cnt .ft_top .cate {float:left; width:170px;}
.ft_cnt .ft_top .cate > li {position:relative; margin-bottom:15px;}
.ft_cnt .ft_top .cate > li a {display:block; position:relative; color:#757575; font-size:1.5rem; font-weight:500; transition:color .2s;}
.ft_cnt .ft_top .cate > li a:hover,
.ft_cnt .ft_top .cate > li a.on {color:#fff;}
.ft_cnt .ft_top .cate > li a.on::after {position:absolute; top:50%; left:-27px; width:8px; height:8px; margin-top:-4px; border-radius:50%; background-color:#fff; content:'';}
.ft_cnt .ft_top .cate > li > a {display:block; color:#fff; font-size:3rem; font-weight:500;}
.ft_cnt .ft_top .cate > li ul.depth {display:none; position:absolute; top:15px; left:calc(100% + 90px); width:140px;}
.ft_cnt .ft_top .cate > li ul.depth li {margin-bottom:14px;}
.ft_cnt .ft_top .cate > li ul.depth li ul.depth2 {top:0;}
.ft_cnt .ft_top .info_wrap {float:right; padding-right:9.375vw;}
.ft_cnt .ft_top .info_wrap dl {padding-bottom:45px;}
.ft_cnt .ft_top .info_wrap dl dt {color:#fff; font-size:1.5rem; font-weight:700;}
.ft_cnt .ft_top .info_wrap dl dd {padding-top:18px; color:#757575; font-size:1.167rem;}
.ft_cnt .ft_top .info_wrap dl.tel dd {padding-top:10px; font-size:2rem;}
.ft_cnt .ft_top .info_wrap dl.tel dd * {color:inherit; font:inherit;}
.ft_cnt .ft_bottom {margin-top:19vh; border-top:1px solid rgba(255,255,255,0.1);}
.ft_cnt .ft_bottom .link {padding-top:60px; font-size:0;}
.ft_cnt .ft_bottom .link li {display:inline-block; margin-right:10px; vertical-align:top;}
.ft_cnt .ft_bottom .link li a {display:block; color:#757575; font-size:1.167rem;}
.ft_cnt .ft_bottom .link li a strong {color:#fff; font:inherit;}
.ft_cnt .ft_bottom address {padding-top:20px;}
.ft_cnt .ft_bottom address span {margin-right:10px; color:#757575; font-size:1.167rem; line-height:24px; font-style:normal;}
.ft_cnt .ft_bottom address span * {color:inherit; font:inherit;}
.ft_cnt .ft_bottom .copyright {padding-top:12px; color:#757575;}
.ft_cnt .ft_bottom .copyright a {color:inherit; font:inherit; transition:.2s;}
.ft_cnt .ft_bottom .copyright a strong {color:#28a8e0; font:inherit;}
.ft_cnt .ft_bottom .copyright a:hover {color:#28a8e0;} 
.ft_cnt .btn_top,
#main .btn_main_top {display:none; position:fixed; top:20px; right:50px; z-index:5; width:40px; height:40px; border-radius:50%; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_top_w.png') no-repeat center; color:inherit; font-size:0; cursor:pointer;}

#dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.5);}

@media all and (max-width:1400px) {
	.ft_cnt {width:100%; padding-left:30px !important; padding-right:30px !important;}
}

@media all and (max-width:767px) {
	.ft_cnt {padding:17.5vw 8.33% 13.8vw !important;}
	.ft_cnt .ft_top .cate {float:none; position:relative; width:90px;}
	.ft_cnt .ft_top .cate > li {position:static; margin-bottom:10px;}
	.ft_cnt .ft_top .cate > li a {font-size:1.167rem;}
	.ft_cnt .ft_top .cate > li a.on::after {left:-18px; width:4px; height:4px; margin-top:-2px;}
	.ft_cnt .ft_top .cate > li > a {font-size:1.5rem;}
	.ft_cnt .ft_top .cate > li ul.depth {top:2px; left:calc(100% + 35px); width:55px;}
	.ft_cnt .ft_top .info_wrap {float:none; padding-top:10.4vw; padding-right:0;}
	.ft_cnt .ft_top .info_wrap dl {padding-bottom:15px; border-top:1px solid rgba(255,255,255,0.1);}
	.ft_cnt .ft_top .info_wrap dl dt {padding-top:15px; font-size:1rem;}
	.ft_cnt .ft_top .info_wrap dl dd {padding-top:10px; font-size:1rem;}
	.ft_cnt .ft_top .info_wrap dl.tel dd {padding-top:5px; font-size:1.5rem;}
	.ft_cnt .ft_bottom {margin-top:0;}
	.ft_cnt .ft_bottom .link {padding-top:20px;}
	.ft_cnt .ft_bottom .link li a {color:#424242; font-size:1rem;}
	.ft_cnt .ft_bottom address span {color:#424242; font-size:1rem; line-height:17px; letter-spacing:-0.05rem;}
	.ft_cnt .ft_bottom .copyright {color:#424242;}
	.ft_cnt .btn_top,
	#main .btn_main_top {top:auto; right:20px; bottom:20px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_top.png') no-repeat center /12px auto rgba(224,224,224,0.5);}
}


/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 4-1. 메인
/*-----------------------------------------------------------------*/

/* 메인 공통 */
#main {text-align:left;}
#main .section .tit h2.subtitle {padding-bottom:5px; color:#212121; font-size:4.286rem; line-height:1.6;}
#main .section .tit h2.subtitle span {display:block; margin-bottom:-10px; color:inherit; font-size:1.5rem; font-weight:700;}
#main .section .tit h2.subtitle + h3 {color:#757575; font-size:1.5rem; font-weight:300; letter-spacing:-0.02rem; line-height:1.6; word-break:keep-all;}
#main .section .tit.themw h2.subtitle {color:#fff;}
#main .section .tit.themw h2.subtitle span {color:#83b0d6;}

/* 메인 첫번째 섹션 */
#main .section.visual .swiper-slide > span {display:block; position:relative; overflow:hidden; width:100vw; height:100dvh;}
#main .section.visual .swiper-slide .yt_wrap:has(img) {width:100%; height:100%;}
#main .section.visual .swiper-slide > span img {display:block; width:100%; height:100%; object-fit:cover;}
#main .section.visual .swiper-slide .yt_wrap:has(iframe) {position:absolute; top:50%; left:50%; z-index:1; width:100vw; height:56.25vw; min-height:100dvh; min-width:177.78dvh; transform:translate(-50%,-50%);}
#main .section.visual .swiper-slide .yt_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;}
#main .section.visual .swiper-slide .text {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; left:50%; z-index:5; width:1280px; height:100vh;  margin-left:-640px;}
#main .section.visual .swiper-slide .text h2, 
#main .section.visual .swiper-slide .text p {opacity:0; transition:.4s ease-in-out; -webkit-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transform:translateY(-30px); -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px);}
#main .section.visual .swiper-slide .text h2 {color:#fff; font-size:5.857rem; font-weight:700; line-height:82px; letter-spacing:0; transition-delay:.3s;}
#main .section.visual .swiper-slide .text p {padding-top:25px; color:#fff; font-size:1.5rem; font-weight:300; word-break:keep-all; transition-delay:.4s;}
#main .section.visual .swiper-slide-active .text h2,
#main .section.visual .swiper-slide-active .text p {opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
#main .section.visual .indicator {position:absolute; bottom:26.7vh; left:50%; z-index:5; padding:0 35px; margin-left:-640px;}
#main .section.visual .indicator .swiper-button-prev {top:50%; left:0; width:25px; height:20px; margin:-10px 0 0 0; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/visual_prev.png') no-repeat left center /9px auto;}
#main .section.visual .indicator .swiper-button-next {top:50%; right:0; width:25px; height:20px; margin:-10px 0 0 0; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/visual_next.png') no-repeat right center /9px auto;}
#main .section.visual .indicator .swiper-fraction {display:inline-block; color:#fff; font-size:1.133rem; vertical-align:middle;}
#main .section.visual .indicator .swiper-fraction span {color:inherit; font:inherit;}
#main .section.visual .indicator .swiper-fraction span.current {font-size:2rem; font-weight:700;}
#main .section.visual .indicator .swiper-pagination {display:inline-block; position:static; width:auto; margin:-3px 0 0 27px; text-align:left; vertical-align:middle;}
#main .section.visual .indicator .swiper-pagination span {border-radius:0; width:20px; height:2px; margin:0 4px; background-color:#fff; transition:.2s;}
#main .section.visual .indicator .swiper-pagination span.swiper-pagination-bullet-active {width:60px;}
#main .section.visual .indicator .btn_play {display:inline-block; width:20px; height:16px; margin-left:20px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/visual_btn_play.png') no-repeat center /contain; color:transparent; font-size:0; vertical-align:middle; cursor:pointer;}
#main .section.visual .indicator .btn_play.play {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/visual_btn_pause.png');}

/* 메인 두번째 섹션 */
#main .section.brand {text-align:center;}
#main .section.brand .brand_slide {padding-top:60px; text-align:left;}
#main .section.brand .brand_slide .swiper-slide .img {position:relative; overflow:hidden; border-radius:5px 5px 5px 0;}
#main .section.brand .brand_slide .swiper-slide .img img {width:100%; height:auto; transition:.3s;}
#main .section.brand .brand_slide .swiper-slide .img:hover img {transform:scale(1.1,1.1);}
#main .section.brand .brand_slide .swiper-slide .img .text {position:absolute; left:0; bottom:0; width:75%; padding:25px 20px 5px; background-color:#fff;}
#main .section.brand .brand_slide .swiper-slide .img .text h4 {color:#212121; font-size:2.5rem; font-weight:700; line-height:36px;}
#main .section.brand .brand_slide .swiper-slide .info {padding-left:18px;}
#main .section.brand .brand_slide .swiper-slide .info p {padding-top:15px; color:#757575; font-family:'Pretendard'; font-size:1.33rem; font-weight:300; line-height:26px; letter-spacing:-0.03rem; word-break:keep-all;}
#main .section.brand .brand_slide .swiper-slide .info .btn_more {display:block; height:33px; margin-top:30px; padding-left:40px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more.png') no-repeat left center /33px; color:#212121; font-size:1.33rem; font-weight:500; line-height:33px; letter-spacing:-0.05rem; transition:.2s;}
#main .section.brand .brand_slide .swiper-slide .info .btn_more:hover {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more_on.png');}

/* 메인 세번째 섹션 */
#main .section.channel {background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/channel_bg.jpg') no-repeat center/cover;}
#main .section.channel .wrap_inner2 {font-size:0;}
#main .section.channel .thumb {display:inline-block; width:54.2%; vertical-align:middle;}
#main .section.channel .thumb img {width:100%; height:auto;}
#main .section.channel .tit {display:inline-block; width:45.8%; padding-left:5.2vw; vertical-align:middle;}
#main .section.channel .tit h2.subtitle {padding-bottom:15px; word-break:keep-all; line-height:1.3;}
#main .section.channel .tit .btn_more {display:inline-block; height:44px; margin-top:40px; padding-right:65px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more_w.png') no-repeat right 1px center /44px; color:#fff; font-size:1.5rem; font-weight:500; line-height:44px; letter-spacing:-0.05rem; transition:.2s; vertical-align:middle;}
#main .section.channel .tit .btn_more:hover {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more_w_on.png');}
#main .section.channel .tit .btn_more img {display:inline-block; width:26px; height:auto; margin:-3px 6px 0 0; vertical-align:middle;}

/* 메인 네번째 섹션 */
#main .section.vision {overflow:hidden;}
#main .section.vision .wrap_inner2 {position:relative; height:59.8vh; margin:0 auto;}
#main .section.vision .vision_tit_slide {padding-top:9.3vw; padding-right:calc(50% + 20px);}
#main .section.vision .vision_tit_slide .swiper-slide {opacity:0 !important; transition:opacity .2s;}
#main .section.vision .vision_tit_slide .swiper-slide-active {opacity:1 !important;}
#main .section.vision .vision_tit_slide .swiper-slide .btn_more {display:inline-block; height:45px; margin-top:35px; padding-right:60px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more.png') no-repeat right center /contain; color:#212121; font-size:1.5rem; font-weight:500; line-height:45px; letter-spacing:-0.05rem;}
#main .section.vision .slide_wrap {position:absolute; overflow:hidden; left:50%; top:0; width:50vw;}
#main .section.vision .vision_slide {overflow:visible; width:530px;  margin:0; padding-top:30px;}
#main .section.vision .vision_slide .swiper-slide {overflow:hidden; opacity:.3; border-radius:5px; transition:opacity .2s;}
#main .section.vision .vision_slide .swiper-slide-active {opacity:1;}
#main .section.vision .vision_slide .swiper-slide img {width:100%; height:auto;}
#main .section.vision .vision_slide .swiper-pagination {position:absolute; top:0; left:0; bottom:auto; width:auto; color:#757575; font-size:1.333rem; line-height:1.2;}
#main .section.vision .vision_slide .swiper-pagination span {color:inherit; font-size:inherit; line-height:1.2;}
#main .section.vision .vision_slide .swiper-pagination span.swiper-pagination-current {color:#212121; font-weight:700;}
#main .section.vision .vision_slide .arrow .swiper-arrow {top:50%; width:50px; height:74px; margin-top:-22px; background-repeat:no-repeat; background-position:center; background-color:rgba(33,33,33,.6); background-size:12px auto;}
#main .section.vision .vision_slide .arrow .swiper-arrow.swiper-button-prev {left:0; background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/slide_prev.png');}
#main .section.vision .vision_slide .arrow .swiper-arrow.swiper-button-next {right:0; background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/main/slide_next.png');}
#main .section.vision .vision_slide .arrow .swiper-arrow.swiper-button-disabled {opacity:0;}

/* 메인 다섯번째 섹션 */
#main .section.news .tit {text-align:center;}
#main .section.news .news_slide {padding-top:45px !important; font-size:0;}
#main .section.news .news_slide .swiper-slide .img {overflow:hidden; border-radius:5px;}
#main .section.news .news_slide .swiper-slide .img img {width:100%; height:auto; transition:.3s;}
#main .section.news .news_slide .swiper-slide .img:hover img {transform:scale(1.1,1.1);}
#main .section.news .news_slide .swiper-slide h3 {padding-top:20px; color:#212121; font-size:2rem; font-weight:500; letter-spacing:-0.05rem;}
#main .section.news .news_slide .swiper-slide p {padding-top:15px; color:#757575; font-size:1.33rem; font-weight:300; letter-spacing:-0.05rem;}
#main .section.news .news_slide .swiper-slide .btn_more {display:block; height:33px; margin-top:30px; padding-left:40px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more.png') no-repeat left center /33px; color:#212121; font-size:1.33rem; font-weight:500; line-height:33px; letter-spacing:-0.05rem; transition:.2s;}
#main .section.news .news_slide .swiper-slide .btn_more:hover {background-image:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more_on.png');}

@media all and (max-width:1280px) {
	#main .section.visual .swiper-slide .text {left:0; width:100%; margin-left:0; padding:0 13vw;}
	#main .section.visual .indicator {left:13vw; margin-left:0;}
}
@media all and (max-width:1023px) {
	#main .section.brand .wedo.wrap_inner {padding:0 !important;}
	#main .section.brand .brand_slide {margin-top:45px;}
	#main .section.channel .thumb {display:block; width:100%;}
	#main .section.channel .tit {display:block; width:100%; padding:45px 0 0 0;}
	#main .section.vision .wrap_inner2 {height:auto; padding-right:0 !important;}
	#main .section.vision .vision_tit_slide {padding-top:0; padding-right:5vw;}
	#main .section.vision .vision_tit_slide .swiper-slide .btn_more {display:none;}
	#main .section.vision .slide_wrap {position:static; width:100%; margin-top:60px;}
	#main .section.vision .vision_slide {width:350px;}
	#main .section.news .wrap_inner2 {height:auto;}
}
@media all and (max-width:767px) {
	/* 메인 공통 */
	#main .section .tit h2.subtitle {padding-bottom:5px; color:#212121; font-size:2.5rem;}
	#main .section .tit h2.subtitle span {font-size:1.25rem; margin-bottom:-3px;}
	#main .section .tit h2.subtitle + h3 {font-size:1.25rem;}

	/* 메인 첫번째 섹션 */
	#main .section.visual .swiper-slide .text {padding:0 8.3vw;}
	#main .section.visual .swiper-slide .text h2 {font-size:3rem; line-height:41px;}
	#main .section.visual .swiper-slide .text p {width:80%; padding-top:20px; font-size:1.25rem; line-height:1.4;}
	#main .section.visual .indicator {left:50%; bottom:15vh; width:83vw; margin-left:-41.5vw; padding:0 25px; text-align:center;}
	#main .section.visual .indicator .swiper-button-prev,
	#main .section.visual .indicator .swiper-button-next {background-size:8px auto;}
	#main .section.visual .indicator .swiper-fraction {font-size:1.25rem;}
	#main .section.visual .indicator .swiper-pagination {margin-left:20px;}
	#main .section.visual .indicator .btn_play {height:13px; margin-left:10px;}

	/* 메인 두번째 섹션 */
	#main .section.brand {text-align:left;}
	#main .section.brand .brand_slide .swiper-slide .img .text {padding:24px 15px 0;}
	#main .section.brand .brand_slide .swiper-slide .img .text h4 {font-size:2rem; line-height:29px;}
	#main .section.brand .brand_slide .swiper-slide .info {padding-left:15px;}
	#main .section.brand .brand_slide .swiper-slide .info p {padding-top:22px; font-size:1.25rem;}
	#main .section.brand .brand_slide .swiper-slide .info .btn_more {height:25px; margin-top:22px; padding-left:32px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/btn_more.png') no-repeat left center /25px; font-size:1rem; line-height:25px;}

	/* 메인 세번째 섹션 */
	#main .section.channel .tit .btn_more {height:33px; margin-top:30px; padding-right:45px; background-size:33px; font-size:1.25rem; line-height:33px;}

	/* 메인 네번째 섹션 */
	#main .section.vision .wrap_inner2 {padding-right:0 !important;}
	#main .section.vision .slide_wrap {margin:0;}
	#main .section.vision .vision_slide {width:260px; margin-top:40px;}
	#main .section.vision .vision_slide .swiper-pagination {font-size:1.25rem;}
	#main .section.vision .vision_slide .arrow .swiper-arrow {width:30px; height:40px; margin-top:-5px; background-size:8px auto;}

	/* 메인 다섯번째 섹션 */
	#main .section.news .tit {text-align:left;}
	#main .section.news .news_slide .swiper-slide h3 {padding-top:15px; font-size:1.25rem;}
	#main .section.news .news_slide .swiper-slide p {padding:10px 10px 0 0; font-size:1.25rem; line-height:1.4; word-break:keep-all;}
	#main .section.news .news_slide .swiper-slide p br {display:none;}
	#main .section.news .news_slide .swiper-slide .btn_more {height:25px; margin-top:16px; padding-right:45px; background-size:25px; font-size:1rem; line-height:25px;}
}


/*-----------------------------------------------------------------*/
/* 4-2. About
/*-----------------------------------------------------------------*/

#about {padding-top:110px;}
#about .bnr_list li + li {margin-top:140px;}
#about .bnr_list li .bnr img {width:100%;}
#about .bnr_list li dl {display:grid; grid-template-columns:0.4fr 1fr; margin-top:50px;}
#about .bnr_list li dl dt {color:#212121; font-size:30px; font-weight:600; letter-spacing:-1.2px;}
#about .bnr_list li dl dd {padding-right:140px; color:#212121; font-size:20px; line-height:1.5; word-break:keep-all;}

#about .vision {position:relative; margin-top:150px; padding:100px 0 120px; text-align:center;}
#about .vision::after {position:absolute; top:0; left:50%; z-index:-1; width:100vw; height:100%; margin-left:-50vw; background:#025F9B; content:'';}
#about .vision h3 {padding-bottom:55px; color:#fff; font-size:36px; font-weight:600;}
#about .vision ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:200px;}
#about .vision ul li {min-width:123px;}
#about .vision ul li img {width:80px;}
#about .vision ul li span {display:block; padding-top:5px; color:#fff; font-size:24px; font-weight:500;}

#about .grid_box .box  {margin-top:160px;}
#about .grid_box .box h3 {padding-bottom:40px; color:#212121; font-size:36px; font-weight:600; text-align:center;}
#about .grid_box .box ul {display:grid; grid-template-columns:repeat(2, 1fr); border-top:2px solid #212121;}
#about .grid_box .box ul li {display:flex; gap:25px; padding:45px 30px; border-bottom:1px solid #E5E5E5; color:#555; font-size:18px; letter-spacing:-0.9px;}
#about .grid_box .box ul li.full {grid-column:1 / 3;}
#about .grid_box .box ul li span {flex:0 0 100px; color:#212121; font-size:inherit; font-weight:600;}

#about .partner {margin-top:160px;}
#about .partner h3 {padding-bottom:55px; color:#212121; font-size:32px; font-weight:700; text-align:center;}
#about .partner ul {display:flex; flex-wrap:wrap; gap:40px 80px;}
#about .partner ul li img {height:50px;}

@media all and (max-width:1430px) {
	#about .bnr_list li dl,
	#about .grid_box,
	#about .partner {padding:0 30px;}
}

@media all and (max-width:1023px) {
	#about .bnr_list li dl,
	#about .grid_box,
	#about .partner {padding:0 15px;}
	
	#about .bnr_list li dl dt {font-size:26px;}
	#about .bnr_list li dl dd {padding-right:0; font-size:18px;}
	
	#about .vision h3 {font-size:32px;}
	#about .vision ul li span {font-size:22px;}
	
	#about .grid_box .box h3 {font-size:32px;}
	#about .grid_box .box ul li {font-size:16px;}
	
	#about .partner h3 {font-size:30px;}
}

@media all and (max-width:767px) {
	#about {padding-top:55px;}

	#about .bnr_list li + li {margin-top:70px;}
	#about .bnr_list li dl {grid-template-columns:1fr; margin-top:25px;}
	#about .bnr_list li dl dt {padding-bottom:15px; font-size:20px;}
	#about .bnr_list li dl dd {font-size:14px;}
	
	#about .vision {margin-top:75px; padding:50px 0 60px;}
	#about .vision h3 {padding-bottom:28px; font-size:24px;}
	#about .vision ul {gap:35px;}
	#about .vision ul li {min-width:82px;}
	#about .vision ul li img {width:60px;}
	#about .vision ul li span {padding-top:2px; font-size:16px;}
	
	#about .grid_box .box {margin-top:80px;}
	#about .grid_box .box h3 {padding-bottom:22px; font-size:24px;}
	#about .grid_box .box ul {grid-template-columns:repeat(1, 1fr);}
	#about .grid_box .box ul li {gap:15px; padding:20px 15px;font-size:14px;}
	#about .grid_box .box ul li.full {grid-column:1 / 2;}
	#about .grid_box .box ul li span {flex:0 0 80px;}
	
	#about .partner {margin-top:80px;}
	#about .partner h3 {padding-bottom:28px; font-size:24px;}
	#about .partner ul {gap:20px 30px;}
	#about .partner ul li img {height:30px;}
}


/*-----------------------------------------------------------------*/
/* 4-4. 조직도
/*-----------------------------------------------------------------*/

#organization {padding-top:150px;}
#organization .dia img {width:100%;}

@media all and (max-width:767px) {
	#organization {padding-top:75px;}
	#organization .dia {margin:0 -35px;}
}


/*-----------------------------------------------------------------*/
/* 4-5. CEO인사말
/*-----------------------------------------------------------------*/

#ceo {padding-top:150px;}
#ceo .info h3 {padding-bottom:30px; color:#212121; font-size:35px; font-weight:400; letter-spacing:-1.75px;}
#ceo .info h3 strong {color:#2541B2; font-weight:700;}
#ceo .info p {color:#555; font-size:18px; line-height:1.8; letter-spacing:-0.9px; word-break:keep-all;}
#ceo .info p + p {margin-top:30px;}
#ceo .info p strong {display:block; color:#212121; font-size:28px; font-weight:600;}
#ceo .img img {width:100%;}

@media all and (max-width:1430px) {
	#ceo {padding-left:30px; padding-right:30px;}
}

@media all and (max-width:1023px) {
	#ceo {gap:50px;}
	#ceo .info h3 {font-size:30px;}
	#ceo .info p {font-size:16px;}
	#ceo .info p strong {font-size:24px;}
}

@media all and (max-width:767px) {
	#ceo {padding:75px 15px 0;}
	#ceo .info {order:1;}
	#ceo .info h3 {padding-bottom:15px; font-size:20px;}
	#ceo .info p {font-size:14px;}
	#ceo .info p + p {margin-top:15px;}
	#ceo .info p strong {font-size:20px;}
	#ceo .img {order:0;}
}


/*-----------------------------------------------------------------*/
/* 4-5. 연혁
/*-----------------------------------------------------------------*/

#history {padding-top:150px;}
#history .list {}
#history .list > li {position:relative; display:flex; padding-left:calc(50% + 80px); padding-right:60px;}
#history .list > li::after {position:absolute; top:33px; left:50%; width:1px; height:calc(100% + 30px); background:#3B3B3B; content:'';}
#history .list > li + li {margin-top:30px;}
#history .list > li .info {flex-grow:1;}
#history .list > li .info h3 {position:relative; margin-bottom:15px; color:#3B3B3B; font-family:'Pretendard'; font-size:60px; font-weight:700; line-height:1; letter-spacing:-3px;}
#history .list > li .info h3::after {position:absolute; top:50%; left:-83px; width:8px; height:8px; margin-top:-4px; background:#3B3B3B; content:'';}
#history .list > li .info ul li {color:#777; font-size:17px; line-height:1.8; letter-spacing:-0.85px;}
#history .list > li .img {flex-basis:236px; font-size:0;}
#history .list > li .img img {max-width:100%;}
#history .list > li:nth-child(2n) {padding-left:60px; padding-right:calc(50% + 80px);}
#history .list > li:nth-child(2n) .info {order:1; text-align:right;}
#history .list > li:nth-child(2n) .img {order:0;}
#history .list > li:nth-child(2n) .info h3::after {left:auto; right:-85px;}
#history .list > li:last-child::after {display:none;}

@media all and (max-width:1430px) {
	#history {padding-left:30px; padding-right:30px;}
	#history .list > li {padding-right:0;}
	#history .list > li:nth-child(2n) {padding-left:0;}
}

@media all and (max-width:1023px) {
	#history .list > li {display:block;}
	#history .list > li::after {top:25px;}
	#history .list > li .info h3 {font-size:48px;}
	#history .list > li .info ul li {font-size:15px;}
	#history .list > li .img {margin-top:25px;}
}

@media all and (max-width:1023px) {
	#history {padding:75px 15px 0;}
	#history .list > li {padding:0 0 0 50px !important;}
	#history .list > li::after {top:15px; left:15px;}
	#history .list > li .info {text-align:left !important;}
	#history .list > li .info h3 {margin-bottom:10px; font-size:30px;}
	#history .list > li .info h3::after {left:-38px !important; right:auto !important; width:7px; height:7px; margin-top:-3px;}
	#history .list > li .info ul li {font-size:13px;}
	#history .list > li .img {margin-top:18px;}
}


/*-----------------------------------------------------------------*/
/* 4-6. 연혁
/*-----------------------------------------------------------------*/

#global {padding-top:150px;}
#global .map img {width:100%;}

@media all and (max-width:767px) {
	#global {padding-top:75px;}
}


/*-----------------------------------------------------------------*/
/* 4-7. Contact us
/*-----------------------------------------------------------------*/

#contact .address > h3 {padding:7.89vw 0 0; color:#999; font-size:14px; font-weight:normal;}
#contact .address > p {padding:18px 0 74px; color:#000; font-size:1.875rem; font-weight:600;}
#contact .address > iframe {width:100%; height:580px;}
#contact .way {width:88%; margin:0 auto; padding-top:50px; font-size:0;}
#contact .way > li {display:inline-block; width:50%; text-align:left; vertical-align:top;}
#contact .way > li > h4 {color:#000; font-size:1.5rem;}
#contact .way > li > p {padding-top:25px; color:#000; font-size:1.5rem; word-break:keep-all;}
#contact .way > li > .subway {padding-top:30px;}
#contact .way > li > .subway span {color:#888; font-size:1.33rem;}
#contact .way > li > .subway span.nine:before {display:inline-block; width:28px; height:28px; margin-right:10px; border-radius:50%; background-color:#bf9e44; font-family:'Poppins'; color:#fff; font-size:1.167rem; font-weight:700; text-align:center; line-height:28px; content:'9';}
#contact .way > li > .bus {padding-top:30px; font-size:0;}
#contact .way > li > .bus > li {display:inline-block; margin-right:5px;}
#contact .way > li > .bus span {display:inline-block; padding:2px 8px; border-radius:5px; font-family:'Poppins'; color:#fff; font-size:1.167rem; font-weight:700;}
#contact .way > li > .bus span.green {background-color:#5ebf44;}
#contact .way > li > .bus span.blue {background-color:#2a54be;}
#contact .way > li > .bus span.red {background-color:#d65116;}

@media all and (max-width:767px) {
	#contact .address > h3 {padding-top:95px;}
	#contact .address > p {padding:32px 8.33% 30px; font-size:2.083rem; line-height:35px;}
	#contact .address > iframe {width:100vw; height:70vw;}
	#contact .way {width:83.34%; padding-top:0;}
	#contact .way > li {width:100%; padding-top:30px;}
	#contact .way > li > h4 {font-size:1.167rem;}
	#contact .way > li > p {padding-top:15px; font-size:1.167rem; line-height:23px;}
	#contact .way > li > .subway {padding-top:12px;}
	#contact .way > li > .subway span {font-size:1rem;}
	#contact .way > li > .subway span.nine:before {width:20px; height:20px; font-size:1rem; font-weight:500; line-height:20px;}
	#contact .way > li > .bus {padding-top:12px;}
	#contact .way > li > .bus span {font-size:1rem; font-weight:500;}
}


/*-----------------------------------------------------------------*/
/* 5. ETC
/*-----------------------------------------------------------------*/

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw * {color:#666; font-size:1.167rem;}
#uselaw > ol > li > dl > dt {padding:25px 0 10px; color:#000; font-size:1.25rem; font-weight:600; letter-spacing:-0.01em;}
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol {padding-left:10px;}
@media all and (max-width:767px) {
	#uselaw * {font-size:1.083rem;}
}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy * {color:#666; font-size:1.167rem;}
#privacy > ul > li > dl > dt {padding:36px 0 6px; color:#000; font-size:1.25rem; font-weight:600; line-height:23px; letter-spacing:-0.01em;}
.privacy_ul_list {width:100% !important;}
.privacy_ul_list li {padding:12px 0; border:1px solid #E8E8E8; border-width:1px 0 0;}
.privacy_ul_list li:first-child {border-top:0;}
.privacy_ul_list li:last-child {border-width:1px 0 1px;}
.privacy_ul_list .privacy_li_title {margin-bottom:5px; color:#000 !important; font-weight:700; line-height:23px;}
.privacy_ul_list .privacy_li_sub {font-weight:400; line-height:23px;}

@media all and (max-width:767px) {
	#privacy * {font-size:1.083rem;}
}

/* 이용안내(/content/content.php?cont=guide) */
#guide * {color:#666; font-size:1.167rem;}
#guide > dl > dt {padding:25px 0 10px; color:#000; font-size:1.25rem; font-weight:600; letter-spacing:-0.01em;}
#guide > dl > dt a {color:inherit; font:inherit;}
#guide > dl > dd {padding-left:10px; color:#666; word-break:keep-all;}
#guide > dl > dd > ul,
#guide > dl > dd > ol {padding-left:10px; color:#666;}
@media all and (max-width:767px) {
	#guide * {font-size:1.083rem;}
}


/* Partners 공통 */
.common_ptnr .bnr_text {padding:100px 0 0; font-family:'Pretendard'; font-size:1.667rem; text-align:center; word-break:keep-all;}
.common_ptnr .list {display:flex; flex-wrap:wrap; gap:90px 3%; margin-top:100px;}
.common_ptnr .list > li {width:22.75%}
.common_ptnr .list > li .box {}
.common_ptnr .list > li .box .img {overflow:hidden; border:1px solid #eaeaea; text-align:center;}
.common_ptnr .list > li .box .img img {display:block; width:100%; height:auto; transition:.3s;}
.common_ptnr .list > li .box:hover .img img {transform:scale(1.1,1.1);}
.common_ptnr .list > li .box dl {padding:35px 10px 0; word-break:keep-all; font-family:'Pretendard'; text-align:center;}
.common_ptnr .list > li .box dl dt {color:#111; font-size:1.5rem; font-weight:500; transition:.2s;}
.common_ptnr .list > li .box dl dd {padding-top:10px; color:#333; font-size:1.33rem; line-height:1.4;}
.common_ptnr .list > li .box:hover dl dt {font-weight:600;}

@media all and (max-width:1023px) {
	.common_ptnr .bnr_text {font-size:1.417rem;}
	.common_ptnr .list {gap:45px 0;}
	.common_ptnr .list > li {width:50%;}
	.common_ptnr .list > li:nth-child(even) {margin-left:-1px;}
	.common_ptnr .list > li .box dl {padding:10px 10px 0;}
	.common_ptnr .list > li .box dl dt {font-size:1.25rem;}
	.common_ptnr .list > li .box dl dd {padding-top:5px; font-size:1.167rem;}
}
@media all and (max-width:767px) {
	.common_ptnr .bnr_text {padding-top:60px; font-size:1.25rem;}
	.common_ptnr .list {margin-top:60px;}
	.common_ptnr .list > li {width:100%}
	.common_ptnr .list > li:nth-child(even) {margin-left:0;}
}




/* 댓글 - 리스트, 쓰기 (게시판, 상품리뷰) */
.comment_wrap {margin-top:100px; padding:30px; border:1px solid #EFEFEF; border-radius:6px;}
.list_comment {position:relative; text-align:left;}
.list_comment > ul > li {display:flex; gap:5px; align-items:flex-start; padding:14px 20px; border-radius:6px; background-color:#F6F6F6; word-break:break-all; word-wrap:break-word;}
.list_comment > ul > li + li {margin-top:4px;}
.list_comment > ul > li .name {display:block; width:70px; flex-shrink:0; font-size:1.167rem; font-weight:600;}
.list_comment > ul > li .content {width:100%; font-size:1.167rem;}
.list_comment > ul > li .date {width:140px; flex-shrink:0; margin-left:auto; text-align:right;}
.list_comment > ul > li .date span {padding-right:5px; color:#888; font-size:1.083rem;}
.list_comment > ul > li .date img {margin-top:3px;}
.write_comment {margin-top:10px; padding:30px; border:1px solid #EFEFEF; border-radius:6px;}
.write_comment .user {display:flex; gap:5px; overflow:auto; padding-bottom:10px; text-align:left;}
.write_comment .inputbox {overflow:hidden; position:relative; padding-right:88px;}
.write_comment .inputbox textarea.form_input {min-height:80px; border-radius:6px 0 0 6px;}
.write_comment .inputbox .btn_comment {display:block; position:absolute; right:0; top:0; width:88px; height:100%; text-align:center; border:1px solid #000; border-radius:0 6px 6px 0; background-color:#000; color:#fff; font-size:1.33rem; cursor:pointer;}

@media all and (max-width:1023px) {
	.comment_wrap {margin-top:0; padding:25px;}
	.write_comment {padding:25px;}
}

@media all and (max-width:767px) {
	.comment_wrap {padding:20px;}
	.list_comment > ul > li {display:block; position:relative;}
	.list_comment > ul > li .name {width:100%; padding-right:140px;}
	.list_comment > ul > li .content {padding-top:5px; font-size:1.083rem;}
	.list_comment > ul > li .date {position:absolute; top:14px; right:20px;}
	.list_comment > ul > li .date span {font-size:1rem;}
	.write_comment {padding:20px;}
	.write_comment .inputbox {padding-right:60px;}
	.write_comment .inputbox .btn_comment {width:60px; font-size:1.25rem;}
}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {width:100% !important; background:#fff;}
#product_search_frm .pop_layer {width:560px; margin-left:-280px;}
#product_search_frm .pop_layer .inner {max-height:620px;}
#product_search_frm .pop_layer .frame {margin-top:20px;}
#product_search_frm .frame .search_box {margin-bottom:20px;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write .box_btn > a > span {display:inline-block; padding-right:18px; background:url('https://www.samwoosnt.com/_skin/samwoosnt/img/common/icon_arrow_right.png') no-repeat right center /6px auto;}
.related_prd_write > .prd_basic {padding-top:20px;}
.related_prd_write > .prd_basic .box .name a {padding-top:12px;}
.related_prd_write > .prd_basic .box .price {padding-top:0;}
.related_prd_write > .prd_basic .box .box_btn {margin-top:10px;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view > h3.title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;}

/* 관리자 - 인용구 */
blockquote.se2_quote1 {_zoom:1; margin:0 15px 30px 20px; padding:0 8px; border-left:2px solid #ccc; color:#888;}
blockquote.se2_quote1 * {color:inherit;}
blockquote.se2_quote2 {_zoom:1; margin:0 0 30px 13px; padding:0 8px 0 16px; background:url(http://static.se2.naver.com/static/img/bg_quote2.gif) 0 3px no-repeat;  color:#888;}
blockquote.se2_quote2 * {color:inherit;}
blockquote.se2_quote3 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px dashed #ccc;  color:#888;}
blockquote.se2_quote3 * {color:inherit;}
blockquote.se2_quote4 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px dashed #66b246;  color:#888;}
blockquote.se2_quote4 * {color:inherit;}
blockquote.se2_quote5 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px dashed #ccc; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');  color:#888;}
blockquote.se2_quote5 * {color:inherit;}
blockquote.se2_quote6 {_zoom:1; margin:0 0 30px 0; padding:10px ;border:1px solid #e5e5e5;  color:#888;}
blockquote.se2_quote6 * {color:inherit;}
blockquote.se2_quote7 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px solid #66b246;  color:#888;}
blockquote.se2_quote7 * {color:inherit;}
blockquote.se2_quote8 {_zoom:1; margin:0 0 30px 0; padding:10px; border:1px solid #e5e5e5; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');  color:#888;}
blockquote.se2_quote8 * {color:inherit;}
blockquote.se2_quote9 {_zoom:1; margin:0 0 30px 0; padding:10px; border:2px solid #e5e5e5;  color:#888;}
blockquote.se2_quote9 * {color:inherit;}
blockquote.se2_quote10 {_zoom:1; margin:0 0 30px 0; padding:10px; border:2px solid #e5e5e5; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');  color:#888;}
blockquote.se2_quote10 * {color:inherit;}

/* 관리자 - 에디터 폰트 스타일 */
b, b *, u, u *, i, i *, strike, strike * {color:inherit; font-size:inherit;}

/* 기본 ui 수정 */
.ui-draggable * {font-family: 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;}
.ui-draggable .ui-dialog-titlebar {display:none;}
.ui-widget-content {border-color:#333; border-radius:0;}
.ui-dialog {width:450px !important; padding:0 !important;}
.ui-dialog .ui-dialog-titlebar {height:45px; padding:0.9em 1em !important; border:0; background:#f1f1f1 !important; text-align:center !important;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {font-size:14px !important; font-weight:500 !important;}
.ui-dialog .ui-dialog-titlebar-close {top:10px; right:10px; margin:0;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {border:none; background:none;}
.ui-state-default .ui-icon {margin-left:-10px; width:20px; height:20px;}
.ui-state-default .ui-icon {background-image:url('/_skin/sw_kor_bcc/img/button/alert_close.png') !important; background-position:center;}
.ui-dialog .ui-dialog-content {display:table; width:100% !important; height:120px !important; padding:2.5em 0 !important; font-size:15px; text-align:center; letter-spacing:-0.05rem;}
.ui-dialog .ui-dialog-content > span {display:table-cell; font-size:14px; vertical-align:middle;}
.ui-dialog .ui-dialog-buttonpane {margin:0 !important; margin-bottom:40px !important; padding:0 !important; border:0;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:inherit !important; height:45px !important; text-align:center;}
.ui-dialog .ui-dialog-buttonpane button {width:150px; height:45px; margin:0 5px !important; border:0; border-radius:6px; background:#000; color:#fff; font-family: 'Pretendard', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:14px !important;}
.ui-dialog .ui-dialog-buttonpane button span {padding:10px; background:#aaa; color:#fff; font-size:13px;}
.ui-dialog .ui-dialog-buttonpane button:nth-child(2) {border:1px solid #000 !important; background:#fff !important; color:#000 !important;}

/* tooltip 스타일 */
[data-tooltip] {position:relative;}
[data-tooltip]::after {visibility:hidden; display:flex; align-items:center; justify-content:center; position:absolute; top:100%; left:0; z-index:10; height:28px; padding:0 6px; border-radius:4px; background:#000; color:#fff; font-size:1rem; text-indent:0; white-space:pre; transform:translateY(-10px); opacity:0; content:attr(data-tooltip);}
[data-tooltip]:hover::after {visibility:visible; margin-top:5px; opacity:1; transform:translateY(0); transition:all 0.4s;}
[data-tooltip][fix]::after {left:50%; transform:translate(-50% , -10px); margin-top:-14px;}
[data-tooltip][fix]:hover::after {transform:translate(-50% , 0);}
[data-tooltip][top]:after {top:0;}
[data-tooltip][top]:hover::after {transform:translateY(-100%);}
[data-tooltip][right]::after {left:auto; right:0;}
[data-tooltip][high] {z-index:15;}
[data-tooltip][leftOut]::after {top:50%; left:auto; right:100%; margin-top:-14px;}

@media all and (max-width:1023px) {
	[data-tooltip]::after {display:none;}
}