|
|
@ -1,43 +1,75 @@
|
|
|
|
@charset "UTF-8";
|
|
|
|
@charset "UTF-8";
|
|
|
|
/*웹폰트*/
|
|
|
|
/*
|
|
|
|
|
|
|
|
!*웹폰트*!
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
src: url("../webfonts/font/notoKR-Bold/notokr-bold.eot");
|
|
|
|
src: url('../webfonts/font/notoKR-Bold/notokr-bold.eot');
|
|
|
|
src: url("../webfonts/font/notokr-bold/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/font/notoKR-Bold/notokr-bold.woff2") format("woff2"), url("../webfonts/font/notoKR-Bold/notokr-bold.woff") format("woff"), url("../webfonts/font/notoKR-Bold/notokr-bold.ttf") format("truetype");
|
|
|
|
src: url('../webfonts/font/notokr-bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
|
|
|
|
font-weight: normal;
|
|
|
|
url('../webfonts/font/notoKR-Bold/notokr-bold.woff2') format('woff2'),
|
|
|
|
font-style: normal; }
|
|
|
|
url('../webfonts/font/notoKR-Bold/notokr-bold.woff') format('woff'),
|
|
|
|
|
|
|
|
url('../webfonts/font/notoKR-Bold/notokr-bold.ttf') format('truetype');
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: 'notokr-medium';
|
|
|
|
font-family: 'notokr-medium';
|
|
|
|
src: url("../webfonts/font/notoKR-Medium/notokr-medium.eot");
|
|
|
|
src: url('../webfonts/font/notoKR-Medium/notokr-medium.eot');
|
|
|
|
src: url("../webfonts/font/notoKR-Medium/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/font/notoKR-Medium/notokr-medium.woff2") format("woff2"), url("../webfonts/font/notoKR-Medium/notokr-medium.woff") format("woff"), url("../webfonts/font/notoKR-Medium/notokr-medium.ttf") format("truetype");
|
|
|
|
src: url('../webfonts/font/notoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
|
|
|
|
font-weight: normal;
|
|
|
|
url('../webfonts/font/notoKR-Medium/notokr-medium.woff2') format('woff2'),
|
|
|
|
font-style: normal; }
|
|
|
|
url('../webfonts/font/notoKR-Medium/notokr-medium.woff') format('woff'),
|
|
|
|
|
|
|
|
url('../webfonts/font/notoKR-Medium/notokr-medium.ttf') format('truetype');
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: 'notokr-regular';
|
|
|
|
font-family: 'notokr-regular';
|
|
|
|
src: url("../webfonts/font/notoKR-Regular/notokr-regular.eot");
|
|
|
|
src: url('../webfonts/font/notoKR-Regular/notokr-regular.eot');
|
|
|
|
src: url("../webfonts/font/notoKR-Regular/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/font/notoKR-Regular/notokr-regular.woff2") format("woff2"), url("../webfonts/font/notoKR-Regular/notokr-regular.woff") format("woff"), url("../webfonts/font/notoKR-Regular/notokr-regular.ttf") format("truetype");
|
|
|
|
src: url('../webfonts/font/notoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
|
|
|
|
font-weight: normal;
|
|
|
|
url('../webfonts/font/notoKR-Regular/notokr-regular.woff2') format('woff2'),
|
|
|
|
font-style: normal; }
|
|
|
|
url('../webfonts/font/notoKR-Regular/notokr-regular.woff') format('woff'),
|
|
|
|
|
|
|
|
url('../webfonts/font/notoKR-Regular/notokr-regular.ttf') format('truetype');
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: "Nanumsquare_L";
|
|
|
|
font-family: "Nanumsquare_L";
|
|
|
|
src: url("../webfonts/font/nanumsquare/NanumSquare_acL.eot?") format("eot"), url("../webfonts/font/nanumsquare/NanumSquare_acL.woff") format("woff"), url("../webfonts/font/nanumsquare/NanumSquare_acL.ttf") format("truetype");
|
|
|
|
src: url("../webfonts/font/nanumsquare/NanumSquare_acL.eot?") format("eot"),
|
|
|
|
font-weight: normal;
|
|
|
|
url("../webfonts/font/nanumsquare/NanumSquare_acL.woff") format("woff"),
|
|
|
|
font-style: normal; }
|
|
|
|
url("../webfonts/font/nanumsquare/NanumSquare_acL.ttf") format("truetype");
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: "Nanumsquare_B";
|
|
|
|
font-family: "Nanumsquare_B";
|
|
|
|
src: url("../webfonts/font/nanumsquare/NanumSquare_acB.eot?") format("eot"), url("../webfonts/font/nanumsquare/NanumSquare_acB.woff") format("woff"), url("../webfonts/font/nanumsquare/NanumSquare_acB.ttf") format("truetype");
|
|
|
|
src: url("../webfonts/font/nanumsquare/NanumSquare_acB.eot?") format("eot"),
|
|
|
|
font-weight: normal;
|
|
|
|
url("../webfonts/font/nanumsquare/NanumSquare_acB.woff") format("woff"),
|
|
|
|
font-style: normal; }
|
|
|
|
url("../webfonts/font/nanumsquare/NanumSquare_acB.ttf") format("truetype");
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: "S-CoreDream-3Light";
|
|
|
|
font-family: "S-CoreDream-3Light";
|
|
|
|
src: url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.eot?") format("eot"), url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.woff") format("woff"), url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.ttf") format("truetype");
|
|
|
|
src: url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.eot?") format("eot"),
|
|
|
|
font-weight: normal;
|
|
|
|
url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.woff") format("woff"),
|
|
|
|
font-style: normal; }
|
|
|
|
url("../webfonts/font/S-CoreDream-3Light/S-CoreDream-3Light.ttf") format("truetype");
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: "S-CoreDream-5Medium";
|
|
|
|
font-family: "S-CoreDream-5Medium";
|
|
|
|
src: url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.eot?") format("eot"), url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.woff") format("woff"), url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.ttf") format("truetype");
|
|
|
|
src: url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.eot?") format("eot"),
|
|
|
|
font-weight: normal;
|
|
|
|
url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.woff") format("woff"),
|
|
|
|
font-style: normal; }
|
|
|
|
url("../webfonts/font/S-CoreDream-5Medium/S-CoreDream-5Medium.ttf") format("truetype");
|
|
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
}*/
|
|
|
|
/* 기본 폰트 색상 설정 */
|
|
|
|
/* 기본 폰트 색상 설정 */
|
|
|
|
/* default */
|
|
|
|
/* default */
|
|
|
|
/* white */
|
|
|
|
/* white */
|
|
|
@ -509,7 +541,10 @@ label {
|
|
|
|
.main-banner .main_inner .mainVisual_text {
|
|
|
|
.main-banner .main_inner .mainVisual_text {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: 245px;
|
|
|
|
top: 245px;
|
|
|
|
left: 181px; }
|
|
|
|
left: 181px;
|
|
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
letter-spacing: -2.6px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.main-banner .main_inner .mainVisual_text .mainVisual_tit {
|
|
|
|
.main-banner .main_inner .mainVisual_text .mainVisual_tit {
|
|
|
|
font-family: "S-CoreDream-5Medium";
|
|
|
|
font-family: "S-CoreDream-5Medium";
|
|
|
|
font-size: 48px;
|
|
|
|
font-size: 48px;
|
|
|
@ -819,11 +854,13 @@ header {
|
|
|
|
border-radius: 7px; }
|
|
|
|
border-radius: 7px; }
|
|
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
.title {
|
|
|
|
font-family: "S-CoreDream-5Medium";
|
|
|
|
/*font-family: "S-CoreDream-5Medium";*/
|
|
|
|
border: 0px solid green;
|
|
|
|
border: 0px solid green;
|
|
|
|
border-bottom: 1px solid #c3c3c3;
|
|
|
|
border-bottom: 1px solid #c3c3c3;
|
|
|
|
font-size: 15px;
|
|
|
|
font-size: 15px;
|
|
|
|
font-weight: bold; }
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
letter-spacing: -1.6px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.conttitle .title {
|
|
|
|
.conttitle .title {
|
|
|
|
font-size: 20px !important; }
|
|
|
|
font-size: 20px !important; }
|
|
|
@ -863,11 +900,13 @@ header {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
height: auto;
|
|
|
|
height: auto;
|
|
|
|
width: 98%;
|
|
|
|
width: 98%;
|
|
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
letter-spacing: -2.5px;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
border-bottom: 2px solid #222328;
|
|
|
|
border-bottom: 2px solid #222328;
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: 'notokr-bold'; }
|
|
|
|
/*font-family: 'notokr-bold'; */ }
|
|
|
|
.tab-list-ui .detailList dd {
|
|
|
|
.tab-list-ui .detailList dd {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
z-index: 10;
|
|
|
|
z-index: 10;
|
|
|
@ -915,7 +954,7 @@ header {
|
|
|
|
cursor: default;
|
|
|
|
cursor: default;
|
|
|
|
border-bottom: 2px solid #222328;
|
|
|
|
border-bottom: 2px solid #222328;
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 20px;
|
|
|
|
font-family: 'notokr-bold'; }
|
|
|
|
/*font-family: 'notokr-bold'; */ }
|
|
|
|
.tab-list-ui .detailList.sel dd {
|
|
|
|
.tab-list-ui .detailList.sel dd {
|
|
|
|
display: block; }
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
|
|
|
@ -1012,7 +1051,8 @@ header {
|
|
|
|
font-size: 23px;
|
|
|
|
font-size: 23px;
|
|
|
|
/* font-family: 'notokr-medium'; */
|
|
|
|
/* font-family: 'notokr-medium'; */
|
|
|
|
padding: 12px 0px;
|
|
|
|
padding: 12px 0px;
|
|
|
|
padding-left: 23px; }
|
|
|
|
padding-left: 23px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.conttitle .popup_01 {
|
|
|
|
.conttitle .popup_01 {
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 20px;
|
|
|
|
border-bottom: 2px solid #ccc; }
|
|
|
|
border-bottom: 2px solid #ccc; }
|
|
|
@ -1039,7 +1079,7 @@ header {
|
|
|
|
.shipmentInfo .titleBox_02 {
|
|
|
|
.shipmentInfo .titleBox_02 {
|
|
|
|
border: 0px solid red;
|
|
|
|
border: 0px solid red;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
/*font-family: 'notokr-bold'; */
|
|
|
|
color: #000;
|
|
|
|
color: #000;
|
|
|
|
padding: 6px 0px; }
|
|
|
|
padding: 6px 0px; }
|
|
|
|
|
|
|
|
|
|
|
@ -1097,7 +1137,7 @@ header {
|
|
|
|
float:left;
|
|
|
|
float:left;
|
|
|
|
padding:0 5px 0 0;
|
|
|
|
padding:0 5px 0 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.newField{
|
|
|
|
.newField{
|
|
|
|
.btnSearch{
|
|
|
|
.btnSearch{
|
|
|
|
position:static;
|
|
|
|
position:static;
|
|
|
@ -1131,7 +1171,9 @@ header {
|
|
|
|
background: #44539e;
|
|
|
|
background: #44539e;
|
|
|
|
line-height: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
font-size: 11px;
|
|
|
|
font-size: 11px;
|
|
|
|
color: #fff; }
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.search .btnOpen {
|
|
|
|
.search .btnOpen {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
@ -1158,10 +1200,13 @@ header {
|
|
|
|
transform: translateY(-50%) rotate(-45deg); }
|
|
|
|
transform: translateY(-50%) rotate(-45deg); }
|
|
|
|
.search .defalt, .search .detail_02, .search .defalt_03 {
|
|
|
|
.search .defalt, .search .detail_02, .search .defalt_03 {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
text-align: left; }
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
top:6px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.search > .detailGroup_02 {
|
|
|
|
.search > .detailGroup_02 {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
border-top: 1px solid #d0d0d0; }
|
|
|
|
border-top: 1px solid #d0d0d0;
|
|
|
|
|
|
|
|
}
|
|
|
|
.search > .detail .detailGroup_02 > li {
|
|
|
|
.search > .detail .detailGroup_02 > li {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
padding: 0 15px 5px 0; }
|
|
|
|
padding: 0 15px 5px 0; }
|
|
|
@ -1191,7 +1236,7 @@ header {
|
|
|
|
padding: 0 15px 0 0; }
|
|
|
|
padding: 0 15px 0 0; }
|
|
|
|
.search .detailGroup_02 > li span {
|
|
|
|
.search .detailGroup_02 > li span {
|
|
|
|
border: 0px solid red;
|
|
|
|
border: 0px solid red;
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
/*font-family: 'notokr-bold'; */
|
|
|
|
font-size: 14px; }
|
|
|
|
font-size: 14px; }
|
|
|
|
|
|
|
|
|
|
|
|
.search_02 {
|
|
|
|
.search_02 {
|
|
|
@ -1248,7 +1293,9 @@ header {
|
|
|
|
transform: translateY(-50%) rotate(-45deg); }
|
|
|
|
transform: translateY(-50%) rotate(-45deg); }
|
|
|
|
.search_02 .defalt, .search_02 .detail_02 {
|
|
|
|
.search_02 .defalt, .search_02 .detail_02 {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
text-align: left; }
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
top:6px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.search .defalt_03 {
|
|
|
|
.search .defalt_03 {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
@ -1259,7 +1306,8 @@ header {
|
|
|
|
border-top: 1px solid #d0d0d0; }
|
|
|
|
border-top: 1px solid #d0d0d0; }
|
|
|
|
.search_02 > .detail .detailGroup_02 > li {
|
|
|
|
.search_02 > .detail .detailGroup_02 > li {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
padding: 0 15px 5px 0; }
|
|
|
|
padding: 0 15px 5px 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
.search_02 > .detail .detailGroup_02 > li.width100 {
|
|
|
|
.search_02 > .detail .detailGroup_02 > li.width100 {
|
|
|
|
width: 100%; }
|
|
|
|
width: 100%; }
|
|
|
|
.search_02 > .detail .detailGroup_02 > li.last {
|
|
|
|
.search_02 > .detail .detailGroup_02 > li.last {
|
|
|
@ -1286,7 +1334,7 @@ header {
|
|
|
|
padding: 0 15px 0 0; }
|
|
|
|
padding: 0 15px 0 0; }
|
|
|
|
.search_02 .detailGroup_02 > li span {
|
|
|
|
.search_02 .detailGroup_02 > li span {
|
|
|
|
border: 0px solid red;
|
|
|
|
border: 0px solid red;
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
/*font-family: 'notokr-bold'; */
|
|
|
|
font-size: 14px; }
|
|
|
|
font-size: 14px; }
|
|
|
|
|
|
|
|
|
|
|
|
/* ** 컨텐츠 기본 가이드 ** */
|
|
|
|
/* ** 컨텐츠 기본 가이드 ** */
|
|
|
@ -1407,7 +1455,7 @@ header {
|
|
|
|
/* background: #eee; */
|
|
|
|
/* background: #eee; */
|
|
|
|
background: #f0f5ff;
|
|
|
|
background: #f0f5ff;
|
|
|
|
font-size: 13px;
|
|
|
|
font-size: 13px;
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
/*font-family: 'notokr-bold'; */
|
|
|
|
color: #101010;
|
|
|
|
color: #101010;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
@ -1462,7 +1510,7 @@ header {
|
|
|
|
/* background: #eee; */
|
|
|
|
/* background: #eee; */
|
|
|
|
background: #f0f5ff;
|
|
|
|
background: #f0f5ff;
|
|
|
|
font-size: 13px;
|
|
|
|
font-size: 13px;
|
|
|
|
font-family: 'notokr-bold';
|
|
|
|
/*font-family: 'notokr-bold'; */
|
|
|
|
color: #101010;
|
|
|
|
color: #101010;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
@ -1513,13 +1561,14 @@ header {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
padding: 10px 0;
|
|
|
|
padding: 10px 0;
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
|
|
|
|
padding-top:35px;
|
|
|
|
/*2021.09.24 박소영 새로추가*/ }
|
|
|
|
/*2021.09.24 박소영 새로추가*/ }
|
|
|
|
.bottomBtnArea > .list,
|
|
|
|
.bottomBtnArea > .list,
|
|
|
|
.topBtnArea > .list {
|
|
|
|
.topBtnArea > .list {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
padding-top: 18px;
|
|
|
|
padding-top: 18px;
|
|
|
|
font-family: 'notokr-bold'; }
|
|
|
|
/*font-family: 'notokr-bold'; */ }
|
|
|
|
|
|
|
|
|
|
|
|
.centerBtnArea {
|
|
|
|
.centerBtnArea {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
@ -1634,7 +1683,7 @@ button {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
padding-top: 18px;
|
|
|
|
padding-top: 18px;
|
|
|
|
font-family: 'notokr-bold'; }
|
|
|
|
/*font-family: 'notokr-bold'; */ }
|
|
|
|
|
|
|
|
|
|
|
|
.conttitle .bottom_Btn {
|
|
|
|
.conttitle .bottom_Btn {
|
|
|
|
border: 0px solid red;
|
|
|
|
border: 0px solid red;
|
|
|
@ -1677,7 +1726,7 @@ button {
|
|
|
|
padding: 15px 0px 15px 17px;
|
|
|
|
padding: 15px 0px 15px 17px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
cursor: default;
|
|
|
|
cursor: default;
|
|
|
|
font-family: 'notokr-bold'; }
|
|
|
|
/*font-family: 'notokr-bold'; */}
|
|
|
|
.lnb > li > span.active > a {
|
|
|
|
.lnb > li > span.active > a {
|
|
|
|
color: #fff; }
|
|
|
|
color: #fff; }
|
|
|
|
.lnb > li.sel > .toggle::after {
|
|
|
|
.lnb > li.sel > .toggle::after {
|
|
|
@ -1719,9 +1768,11 @@ button {
|
|
|
|
transform: translate(-50%, -50%) rotate(90deg); }
|
|
|
|
transform: translate(-50%, -50%) rotate(90deg); }
|
|
|
|
.lnb li a, .lnb li.active a, .lnb li.sel a {
|
|
|
|
.lnb li a, .lnb li.active a, .lnb li.sel a {
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
letter-spacing: -0.6px;
|
|
|
|
letter-spacing: -1.6px;
|
|
|
|
color: #222;
|
|
|
|
color: #222;
|
|
|
|
text-decoration: none; }
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
|
|
|
}
|
|
|
|
.lnb li a:hover, .lnb li a.focus {
|
|
|
|
.lnb li a:hover, .lnb li a.focus {
|
|
|
|
/*color: #ea002c;*/ }
|
|
|
|
/*color: #ea002c;*/ }
|
|
|
|
.lnb li.active a:hover, .lnb li.active a.focus {
|
|
|
|
.lnb li.active a:hover, .lnb li.active a.focus {
|
|
|
@ -1820,16 +1871,16 @@ button {
|
|
|
|
padding: 0 10px;
|
|
|
|
padding: 0 10px;
|
|
|
|
background-color: #edf4ff;
|
|
|
|
background-color: #edf4ff;
|
|
|
|
line-height: 15px;
|
|
|
|
line-height: 15px;
|
|
|
|
/* .depth_04::before{
|
|
|
|
/* .depth_04::before{
|
|
|
|
content:'';
|
|
|
|
content:'';
|
|
|
|
display:inline-block;
|
|
|
|
display:inline-block;
|
|
|
|
width:4px;
|
|
|
|
width:4px;
|
|
|
|
height:4px;
|
|
|
|
height:4px;
|
|
|
|
margin:-5px 8px 0 0;
|
|
|
|
margin:-5px 8px 0 0;
|
|
|
|
vertical-align:middle;
|
|
|
|
vertical-align:middle;
|
|
|
|
background:#868686;
|
|
|
|
background:#868686;
|
|
|
|
border-radius:50%
|
|
|
|
border-radius:50%
|
|
|
|
}*/ }
|
|
|
|
}*/ }
|
|
|
|
.lnb .dep4 > li > span {
|
|
|
|
.lnb .dep4 > li > span {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
padding: 13px 5px 11px;
|
|
|
|
padding: 13px 5px 11px;
|
|
|
@ -1944,15 +1995,15 @@ button {
|
|
|
|
|
|
|
|
|
|
|
|
/* ** 개인화 영역 가이드 ** */
|
|
|
|
/* ** 개인화 영역 가이드 ** */
|
|
|
|
.personalArea {
|
|
|
|
.personalArea {
|
|
|
|
background: #ede9e7;
|
|
|
|
background: #ffffff;
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
overflow: hidden; }
|
|
|
|
overflow: hidden; }
|
|
|
|
.personalArea .infoArea {
|
|
|
|
.personalArea .infoArea {
|
|
|
|
display: inline-block;
|
|
|
|
/*display: inline-block;*/
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 80px;
|
|
|
|
/*height: 80px;*/
|
|
|
|
margin: 0 10px;
|
|
|
|
/*margin: 0 10px;*/
|
|
|
|
padding: 36px 0 10px; }
|
|
|
|
padding: 36px 0 25px; }
|
|
|
|
.personalArea .infoArea .faceArea {
|
|
|
|
.personalArea .infoArea .faceArea {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
@ -1971,12 +2022,17 @@ button {
|
|
|
|
-webkit-box-shadow: 0 5px #d5d1cf;
|
|
|
|
-webkit-box-shadow: 0 5px #d5d1cf;
|
|
|
|
box-shadow: 0 5px #d5d1cf; }
|
|
|
|
box-shadow: 0 5px #d5d1cf; }
|
|
|
|
.personalArea .infoArea .txtArea {
|
|
|
|
.personalArea .infoArea .txtArea {
|
|
|
|
padding: 7px 0;
|
|
|
|
/*padding: 7px 0;*/
|
|
|
|
color: #666; }
|
|
|
|
color: #666;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
.personalArea .infoArea .txtArea strong {
|
|
|
|
.personalArea .infoArea .txtArea strong {
|
|
|
|
color: #666;
|
|
|
|
color: #666;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: bold; }
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
padding-bottom: 15px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.personalArea .infoArea .txtArea em {
|
|
|
|
.personalArea .infoArea .txtArea em {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
font-style: normal;
|
|
|
|
font-style: normal;
|
|
|
@ -1988,20 +2044,23 @@ button {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
padding: 0 3px; }
|
|
|
|
padding: 0 3px; }
|
|
|
|
.personalArea .infoArea .txtArea .btnArea > li a {
|
|
|
|
.personalArea .infoArea .txtArea .btnArea > li a {
|
|
|
|
padding: 4px 3px;
|
|
|
|
/*padding: 4px 3px;*/
|
|
|
|
border-radius: 2px;
|
|
|
|
/*border-radius: 2px;*/
|
|
|
|
background: #444;
|
|
|
|
background: #636b97;
|
|
|
|
|
|
|
|
padding:6px;
|
|
|
|
font-size: 11px;
|
|
|
|
font-size: 11px;
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
text-decoration: none; }
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.personalArea .workArea {
|
|
|
|
.personalArea .workArea {
|
|
|
|
background: #d0d0d0; }
|
|
|
|
background: #f5f6f7; }
|
|
|
|
.personalArea .workArea button {
|
|
|
|
.personalArea .workArea button {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
background: #7f7f7f;
|
|
|
|
background: #4b84c1;
|
|
|
|
color: #fff; }
|
|
|
|
color: #fff; }
|
|
|
|
.personalArea .workArea button::before, .personalArea .workArea button::after {
|
|
|
|
.personalArea .workArea button::before, .personalArea .workArea button::after {
|
|
|
|
content: "\f0d7";
|
|
|
|
content: "\f0d7";
|
|
|
@ -2013,7 +2072,7 @@ button {
|
|
|
|
.personalArea .workArea dl {
|
|
|
|
.personalArea .workArea dl {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
padding: 10px 10px;
|
|
|
|
padding: 10px 10px;
|
|
|
|
color: #555;
|
|
|
|
color: #000;
|
|
|
|
font-size: 12px; }
|
|
|
|
font-size: 12px; }
|
|
|
|
.personalArea .workArea dl dt {
|
|
|
|
.personalArea .workArea dl dt {
|
|
|
|
font-weight: 700;
|
|
|
|
font-weight: 700;
|
|
|
|