@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700,800,900');
/*--------------------------------------------------------------------------------

	Reset 

--------------------------------------------------------------------------------*/

div,
body {
    word-wrap: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

strong {
    font-weight: 700;
    color: #444;
}

/* 커서 */
.cursor {
    cursor: pointer;
}

/*--------------------------------------------------------------------------------

	List style [ul, ol]

--------------------------------------------------------------------------------

ul li {
	font-size: 13px;
	font-weight:300;
	line-height:19px;
	list-style: none !important;
	word-break: keep-all;
	color:#555;
	
}

ol li{
	font-size: 15px;
	font-weight:300;
	line-height:28px;
	color:#555;
}
*/

.entry ul {
    /* total theme */
    margin: 0px !important;
    margin-top: 20px;
}

.entry ol {
    /* total theme */
    margin: 0px 0px 0px 20px !important;
}


/*--------------------------------------------------------------------------------

	Font [ family, size, weight, letter-spacing, align ]

--------------------------------------------------------------------------------*/

/* Font Noto Sans 400, 700, 800 */
body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
dd,
dt,
li,
.title,
body h3,
.row .col h3 {
    font-family: 'Roboto', 'Noto Sans KR', '맑은고딕', 'MalgunGothic', sans-serif;
}

/* 머리글 폰트 */
h1 {
    font-size: 27px;
    line-height: 30px;
}

h2 {
    font-size: 33px;
    line-height: 39px;
}

h3 {
    font-size: 26px;
    line-height: 32px;
}

h4 {
    font-size: 21px;
    line-height: 27px;
}

h5 {
    font-size: 17px;
    line-height: 23px;
}

h6 {
    font-size: 15px;
    line-height: 21px;
}

p {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: #555;
}

/* 사이즈 */
.ft11 {
    font-size: 11px;
    line-height: 11px;
}

.ft11 {
    font-size: 11px;
    line-height: 11px;
}

.ft13 {
    font-size: 13px;
    line-height: 15px;
}

.ft14 {
    font-size: 14px;
    line-height: 24px;
}

.ft15 {
    font-size: 15px;
    line-height: 25px;
}

.ft16 {
    font-size: 16px;
    line-height: 26px;
}

.ft17 {
    font-size: 17px;
    line-height: 28px;
}

.ft18 {
    font-size: 18px;
    line-height: 26px;
}

.ft19 {
    font-size: 19px;
    line-height: 27px;
}

.ft20 {
    font-size: 20px;
    line-height: 30px;
}

.ft21 {
    font-size: 21px;
    line-height: 31px;
}

.ft23 {
    font-size: 23px;
    line-height: 31px;
}

.ft24 {
    font-size: 24px;
    line-height: 34px;
}

.ft26 {
    font-size: 26px;
    line-height: 40px;
}

.ft28 {
    font-size: 28px;
    line-height: 40px;
}

.ft32 {
    font-size: 32px;
    line-height: 52px;
}

.ft34 {
    font-size: 34px;
    line-height: 34px;
}

.ft36 {
    font-size: 36px;
    line-height: 48px;
}

.ft38 {
    font-size: 38px;
    line-height: 48px;
}

.ft42 {
    font-size: 42px;
    line-height: 46px;
}

/* 두께 */
.ft_ultrathin {
    font-weight: 100;
}

.ft_thin {
    font-weight: 300;
}

.ft_normal {
    font-weight: 400;
}

.ft_semibold {
    font-weight: 500;
}

.ft_bold {
    font-weight: 700;
}

/* 자간 */
.ft_letters_05 {
    letter-spacing: -.5px;
}

.ft_letters_1 {
    letter-spacing: -1px;
}

/* 정렬 */
.txt_center {
    text-align: center;
}

.txt_center_left {
    text-align: center;
}

.txt_center_right {
    text-align: center;
}

.txt_left {
    text-align: left;
}

.txt_right {
    text-align: right;
}

.txt_justify {
    text-align: justify;
}

/*--------------------------------------------------------------------------------

	Object display [ display, float, overflow ]

--------------------------------------------------------------------------------*/

/* 디스플레이 */
.slider_view_full {
    display: block;
}

.slider_view {
    display: none;
}

.hide_all {
    display: none;
}

.pc_show {
    display: block;
}

.pc_hidden {
    display: none;
}

.pc_tablet_show {
    display: block;
}

.mobile_show {
    display: none;
}

.tablet_show {
    display: none;
}

.tablet_mobile_show {
    display: none !important;
}

.medium_hidden {
    display: block;
}

.medium_block {
    display: none;
}

.small_pc_show {
    display: none !important;
}


/* 정렬 */
.floatL {
    float: left;
}

.floatR {
    float: right;
}

.clr_both {
    clear: both;
}

/* 넘침 */
.overflow_xScroll {
    overflow: scroll-x;
}

.overflow_yScroll {
    overflow: scroll-y;
}


/*--------------------------------------------------------------------------------

	Layout, Grid

--------------------------------------------------------------------------------*/

/* 넓이 */
.width_third {
    width: 32%;
}

.width_half {
    width: 50%;
}

/* 높이 */
.min_hgt130 {
    min-height: 130px;
}

.min_hgt250 {
    min-height: 250px;
}

.min_hgt360 {
    min-height: 360px;
}

.min_hgt420 {
    min-height: 420px;
}


/*--------------------------------------------------------------------------------

	Section

--------------------------------------------------------------------------------*/

.section {
    padding: 30px 0px;
}

.section.first {
    padding: 50px 0px 30px;
}

.section.second {
    padding: 90px 0px 0px;
}

.section.endContents {
    border-top: 1px solid #dfdfdf;
    margin-top: 0px;
    padding: 45px 0px;
}

.section.border_bottom {
    margin-bottom: 10px;
    padding: 30px 0px 10px;
    border-bottom: 1px solid #bdbdbd;
}

.section.bgGray {
    /*회색*/
    background: #e8e8e8;
    color: #f1f1f1;
}

.section.bgGray_2tone {
    background: #e8e8e8 url('/wp-content/themes/total-child-theme/images/bg_gray.gif') 100% 0%;
    background-repeat: repeat-y;
    color: #f1f1f1;
}

.section.bgBlue {
    background: #53a4f0;
    color: #f1f1f1;
}

.section.bgGray {
    padding: 90px 0px;
    background: #e8e8e8;
}

.section.bgGray.last {
    padding: 90px 0px 0px;
    background: #e8e8e8;
}

.section.bgWhite {
    padding: 90px 0px;
    background: #fff;
}

.section.bgWhite.last {
    padding: 90px 0px 0px;
    background: #fff;
}

.section_border_white {
    padding: 40px 0px;
    border-bottom: 1px solid #ddd !important;
}

.section_border_white.first {
    padding: 45px 0px;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.section_border_white.firstEnd {
    padding: 45px 0px;
    border-top: 1px solid #ddd !important;
    border-bottom: 0px solid #ddd !important;
}

.section_padding_0 {
    padding: 0px;
}

.section_color_gray {
    padding: 90px 0px;
    background: #e8e8e8;
}


/*--------------------------------------------------------------------------------

	Row

--------------------------------------------------------------------------------*/

.inner_fix {
    padding: 0px 15px;
}

.inner_fix30 {
    padding: 0px 30px;
}


.row_pd_30b {
    padding-bottom: 30px;
}

.row_pd_70t {
    padding-top: 70px;
    padding-bottom: 70px;
}

.row_pd_100t {
    padding-top: 100px;
}

.row_pd_200t {
    padding-top: 200px;
}

.row_mg_70b {
    margin-bottom: 70px !important;
}

/* row paragraph */
.row_paragraph {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.row_paragraph_mgb50 {
    margin-bottom: 50px;
}

.row_paragraph_mgb70 {
    margin-bottom: 70px;
}

.row_paragraph_border {
    padding-bottom: 15px;
    margin: 0px 0px 15px;
    border-bottom: 1px solid #cecece;
}

.row_paragraph_bottomLine {
    padding-bottom: 60px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dcdcdc;
}


/*--------------------------------------------------------------------------------

	columns

--------------------------------------------------------------------------------*/

.col.bgBlue {
    background: #53a4f0;
    color: #f1f1f1;
}

.col.bgGreen {
    background: #90ca5a;
    color: #f1f1f1;
}


/*--------------------------------------------------------------------------------

	Padding & Margin

--------------------------------------------------------------------------------*/

/* zero padding & margin */
.pd0 {
    padding: 0 !important;
}

.mg0 {
    margin: 0 !important;
}

/* padding */
.pd_30 {
    padding: 30px;
}

.pd_60 {
    padding: 60px;
}

.pd_70tb {
    padding: 70px 0 70px;
}

.pd_200tb {
    padding: 200px 0 200px;
}

.pd_30L {
    padding-left: 30px;
}

.pd_60L {
    padding-left: 60px;
}

.pd_40b {
    padding-bottom: 40px;
}

.pd_70b {
    padding-bottom: 70px;
}

.pd_380L {
    padding-left: 380px;
}

.pd_45R {
    padding-right: 45px;
}

/* margin */
.mg_15t {
    margin-top: 15px;
}

.mg_20t {
    margin-top: 20px;
}

.mg_25t {
    margin-top: 25px;
}

.mg_90t {
    margin-top: 90px;
}

.mg_130t {
    margin-top: 50px;
}

.mg_15b {
    margin-bottom: 15px;
}

.mg_20b {
    margin-bottom: 20px;
}

.mg_30b {
    margin-bottom: 30px;
}

.mg_35b {
    margin-bottom: 35px;
}

.mg_40b {
    margin-bottom: 40px;
}

.mg_55b {
    margin-bottom: 55px;
}


/*--------------------------------------------------------------------------------

	Color

--------------------------------------------------------------------------------*/

/* Background accent*/
.bg_accent {
    background: url('/wp-content/themes/total-child-theme/images/bg_accent.gif') 0px 90%;
    background-repeat: repeat-x;
    color: #141515;
}

.bg_white {
    background: #284581;
    color: #f1f1f1;
}

.bg_blue {
    background: #333;
}

/* Accent */
.color_accent {
    color: #004a99;
}

.color_accent2 {
    color: #5b7751;
}

/* Orange */
.color_orange {
    color: #f1592a;
}

.color_orange2 {
    color: #ef4036;
}

/* White */
.color_wht_cr {
    color: #fff;
}

/* Gray */
.color_gray_b7 {
    color: #b7b7b7;
}

.color_gray90 {
    color: #999;
}

.color_gray80 {
    color: #888;
}

.color_gray30 {
    color: #333;
}


/*--------------------------------------------------------------------------------

	Button
	
	1. Button Group
	
	2. Pre, Next
	
	3. Outline button
	
	4. Underline button
	
	5. Flat button
	
	6. All button
	
	7. More button
	
--------------------------------------------------------------------------------*/

/* 버튼그룹 */
.wrap_group_button {
    margin-top: 40px;
    text-align: center;
}

/* 이전, 다음 페이지 */
.btn_nav {
    display: inline-block;
    width: 40px;
    min-height: 40px;
    padding: 20px 0px;
    margin-top: 50px;
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 40px;
    color: #333;
    text-align: center;
}

.btn_nav.btn_pre {
    float: left;
}

.btn_nav.btn_next {
    float: right;
}

/* Outline button */
.btn_outline {
    display: block;
    padding: .7em 1.5em;
    margin-top: 5px;
    border: 1px solid #777;
    font-size: 12px;
    color: #777;
    transition: all 0.3s ease 0s;
}

.btn_outline:hover {
    box-shadow: inset 0 0 0 2px #777;
}

.btn_outline.arrow {
    /* 화살표 추가 */
    background: url('')no-repeat 90% 0%;
}

/* Outline download */
.btn_outline.download {
    /* 화살표 추가 */
    padding-left: 50px;
    background: url('/wp-content/themes/salient-child/images/icon_download.png')no-repeat 10% 50%;
}

/* Outline color */
.btn_outline.blue {
    padding: .6em 1.5em;
    border: 1px solid #006dbb;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.5px;
    transition: all 0.3s ease 0s;
    color: #006dbb;
}

.btn_outline.blue:hover {
    box-shadow: inset 0 0 0 2px #006dbb;
}

.btn_outline.white {
    margin: 0 auto;
    padding: .3em 12px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.5px;
    transition: all 0.3s ease 0s;
    color: #fff;
}

.btn_outline.white:hover {
    box-shadow: inset 0 0 0 2px #fff;
}

/* Outline button round */
.btn_outline.round {
    border-radius: 20px;
    border: 1px solid #fff;
    color: #fff;
}

.btn_outline.round:hover {
    box-shadow: inset 0 0 0 20px #fff;
    color: #333;
}

/* Full width button */
.btn_outline.width_full {
    display: block;
    width: 100%;
    text-align: center;
}

.btn_outline.width_full.btn_download {
    padding: .5em 1em;
    border: 1px solid #868686;
    background: url('http://dasan93a.cdn3.cafe24.com/images/bg_btn_down.png')no-repeat 85% 50%;
    font-size: 13px;
    transition: all 0.3s ease 0s;
    text-align: left;
    color: #231f20;
}

.btn_outline.width_full.btn_download:hover {
    box-shadow: inset 0 0 0 2px #868686;
}

/* Underline Button */
.btn_underline {
    padding: .3em .3em;
    border-bottom: 1px solid #4a73cf;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}

.btn_underline.download {
    float: right;
    padding-left: 30px;
    background: url('/wp-content/themes/total-child-theme/images/icon_download.png')no-repeat 0 6px;
}

.btn_underline:hover {
    border-bottom: 1px solid #3f60aa;
}

.btn_underline.blue {
    color: #4a73cf;
}


/* Flat button */
.btn_flat {
    display: inline-block;
    margin: 0px auto 0px;
    padding: .7em 2.8em;
    background: #555;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    transition: all 0.2s ease 0s;
}

.btn_flat:hover {
    background: #333;
}

.btn_flat.green {
    background: #090;
}

.btn_flat.green:hover {
    background: #289246;
}

.btn_flat.red {
    background: #e6007f;
}

.btn_flat.red:hover {
    background: #b90066;
}

.btn_flat.white {
    border: 1px solid #c5cbd9;
    background: #fff;
    color: #585e69;
}

.btn_flat.white:hover {
    border: 1px solid #3f60aa;
    background: #3f60aa;
    color: #fff;
}

.btn_flat.yellow {
    background: #fcd418;
    color: #603d3d;
}

.btn_flat.yellow:hover {
    background: #ba9d12;
    color: #fff;
}

.btn_flat.blue {
    border: 1px solid #2d2d2d;
    background: #2d2d2d;
    color: #fff;
}

.btn_flat.blue:hover {
    background-color: #224489;
    color: #fff;
}

.btn_flat.arrow {
    background: #3060c1 url('/wp-content/themes/total-child-theme/images/btn_arrow.png')no-repeat 90% 50%;
}

.btn_flat.arrow:hover {
    background: #224489 url('/wp-content/themes/total-child-theme/images/btn_arrow.png')no-repeat 93% 50%;
}

.btn_flat.round {
    border-radius: 30px;
}

.btn_flat.mg_top {
    margin-top: 30px;
}

.btn_flat.small {
    width: 120px;
    margin: 2px auto 0px;
    padding: .2em 0em;
    border-radius: 4px;
    background: #2474c7;
    font-size: 13px;
    line-height: 26px;
    text-align: center !important;
}

/* 다운로드 */
.btn_flat.download {
    margin-top: 10px;
    text-align: left;
    border-radius: 2px;
}


/* all button */
.btn_all {
    padding: 0px 0px 0px 31px;
    margin-top: 16px;
    background: url('/images/btn_all.png')no-repeat;
    background-position: 0px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -.5px;
    transition: all 0.3s ease 0s;
    color: #333;
}

.btn_all:hover {
    color: #1a8e6e;
}

/* more button */
.btn_more {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #767a83;
    font-size: 25px;
    font-weight: 100;
    line-height: 30px;
    transition: all 0.3s ease 0s;
    color: #fff;
    text-align: center;
}

.btn_more:hover {
    background: #3f60aa;
    color: #fff;
}

.btn_more.bookreview {
    position: absolute;
    left: 20px;
    display: inline-block;
    background: url('/images/btn_bookreview.png')no-repeat;
    background-position: 0px 50%;
    font-size: 19px;
    font-weight: 400;
    line-height: 27px;
}

.btn_more.customer_center {
    position: absolute;
    left: 20px;
    display: inline-block;
    padding: 0px 0px 0px 44px;
    background: url('/images/btn_center.png')no-repeat;
    background-position: 0px 50%;
    font-size: 19px;
    font-weight: 400;
    line-height: 27px;
}


/* box link */
.box_link {
    position: relative;
    padding: 22px 20px 22px;
}

.box_link.underline_blue {
    border-bottom: 1px solid #2fbfd1;
}

.box_link.underline_purple {
    border-bottom: 1px solid #665991;
}


/*--------------------------------------------------------------------------------

	Line

--------------------------------------------------------------------------------*/

.line_C10 {
    width: 4%;
    height: 2px;
    margin: 0px auto 10px;
    background: #ff0400;
}

.line_L7 {
    float: left;
    width: 7%;
    height: 1px;
    background: #a5a5a5;
    margin: 10px 0px;
}

.line_L90 {
    float: left;
    width: 90%;
    height: 1px;
    background: #cecece;
}

.line_L100 {
    width: 100%;
    height: 1px;
    margin: 10px auto;
    background: #ccc;
}

.line_L100_section {
    width: 91%;
    height: 1px;
    margin: 0px auto 40px !important;
    background: #ccc;
}

.line_L30 {
    float: left;
    width: 30%;
    height: 1px;
    margin: 10px auto;
    background: #777;
}

.line_L70 {
    float: left;
    width: 70%;
    height: 1px;
    margin: 10px auto;
    background: #b7b7b7;
}

.line_R30 {
    float: right;
    width: 30%;
    height: 1px;
    margin: 10px auto;
    background: #777;
}


/*--------------------------------------------------------------------------------

	border

--------------------------------------------------------------------------------*/

.border_top {
    border-top: 1px solid #d2d2d2;
}

.border_right {
    border-right: 1px solid #d2d2d2;
}

.border_bottom {
    border-bottom: 1px solid #d2d2d2;
}

.border_left {
    border-left: 1px solid #d2d2d2;
}


/*--------------------------------------------------------------------------------

	프린트 

--------------------------------------------------------------------------------*/

@media print {}

/*채용 페이지 200914*/
.page-id-8664 .wpb_row,
.page-id-8664 .wpb_content_element {
    margin-bottom: 0px;
}

.sub_career_title h1 {
    font-size: 58px;
    line-height: 85px;
    letter-spacing: -2.6px;
    color: #fff;
    font-weight: 600 !important;
    padding: 350px 0 200px 160px !important;
}

.sub_career_box.wpb_column.column_container.vc_column_container {
    padding-left: 55px;
}

.sub_career_t p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    color: #31bff2;
    font-weight: 700 !important;
    padding-top: 5px;
}

.sub_career_t.white p {
    color: #fff;
}

.sub_career_t2 h3 {
    font-size: 30px;
    line-height: 48px;
    color: #333333;
    font-weight: 500 !important;
    letter-spacing: -1.4px;
}

.sub_career_t3 p {
    font-size: 19px;
    line-height: 36px;
    color: #4e4e4e;
    font-weight: 300 !important;
    letter-spacing: -0.8px;
}

.sub_career_benefit p {
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: 500 !important;
    letter-spacing: -0.8px;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    display: table;
    padding: 5px 16px !important;
}

.sub_career_benefit2 p {
    font-size: 17px;
    line-height: 35px;
    color: #333333;
    font-weight: 300 !important;
    letter-spacing: -0.8px;
    padding-top: 18px;
}

.sub_career_tab_title h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 57px;
    line-height: 67px;
    color: #000;
    font-weight: 700 !important;
}

.sub_career_tab_title.white h2 {
    color: #fff;
    text-align: center;
}

.sub_career_tab_title2 p {
    font-size: 30px;
    line-height: 40px;
    color: #242424;
    font-weight: 600 !important;
    letter-spacing: -1px;
    padding-top: 40px;
}

.sub_career_tab_title3 p {
    font-size: 19px;
    line-height: 34px;
    color: #333333;
    font-weight: 300 !important;
    letter-spacing: -0.8px;
    padding-top: 20px;
}

.sub_career_tab_t p {
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: 600 !important;
    letter-spacing: -0.8px;
    border-bottom: 1px solid #000;
    display: table;
}

.sub_career_tab_t2 p {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: 300 !important;
    letter-spacing: -0.8px;
    padding-top: 20px;
}

.sub_career_box .tabbed > ul li {
    width: 25%;
    text-align: center;
    font-size: 15px;
    font-weight: 400 !important;
}

.sub_career_box .tabbed[data-style*="material"] .wpb_tabs_nav {
    margin-bottom: 70px !important;
}

.sub_career_bg .row-bg.using-image {
    background-size: cover !important;
}

.sub_career_bg {
    padding-top: 235px !important;
    padding-bottom: 160px !important;
}

img.img-with-animation.sub_career_img.animated-in {
    top: 85px;
    position: relative;
}

.sub_career_num p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 92px;
    line-height: 92px;
    color: #fff;
    font-weight: 700 !important;
    text-align: center;
}

.sub_career_num2 p {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: -1px;
    padding-top: 24px;
    text-align: center;
}

.sub_career_num3 p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    font-weight: 300 !important;
    letter-spacing: -1px;
    padding-top: 15px;
    text-align: center;
}

.page-id-8664 .nectar-animated-title .nectar-animated-title-inner .wrap > * {
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    background: #66a1ff !important;
    font-family: 'Montserrat', sans-serif !important;
}

.page-id-8664 .nectar-animated-title h2 {
    padding: 7px 15px;
}

.sub_career_num_btn {
    font-size: 16px !important;
    letter-spacing: -0.1px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #565656 !important;
    padding: 0 0 13px 0 !important;
}

.sub_career_num_btn:hover {
    border-bottom: 2px solid #608fff !important;
    color: #608fff !important;
}

.page-id-8664 #call-to-action {
    background-color: #7d4de5 !important;
}

#call-to-action .container span {
    letter-spacing: -0.8px !important;
    line-height: 35px;
}

#call-to-action .container a {
    letter-spacing: -0.5px !important;
    -webkit-box-shadow: none !important;
}

@media screen and (max-width:1700px) {
    .sub_career_banner_wrap .row-bg.using-image {
        background-size: cover !important;
    }
}

@media screen and (max-width:999px) {
    .sub_career_title h1 {
        font-size: 30px !important;
        line-height: 45px;
        padding: 50px 0 50px 0px !important;
        word-break: keep-all;
    }

    .sub_career_box.wpb_column.column_container.vc_column_container {
        padding-left: 0px;
    }

    .sub_career_t p {
        font-size: 16px !important;
        line-height: 24px;
        padding-top: 0px;
    }

    .sub_career_t2 h3 {
        font-size: 20px !important;
        line-height: 28px;
        word-break: keep-all;
    }

    .sub_career_t3 p {
        font-size: 15px !important;
        line-height: 23px;
        word-break: keep-all;
    }

    .sub_career_benefit_wrap .vc_col-sm-3.wpb_column.column_container.vc_column_container {
        width: 50%;
        float: left;
    }

    .sub_career_benefit p {
        font-size: 14px !important;
        line-height: 22px;
        padding: 5px 16px !important;
    }

    .sub_career_benefit2 p {
        font-size: 14px !important;
        line-height: 25px;
        padding-top: 15px;
    }

    .sub_career_benefit_wrap2 .vc_col-sm-3.wpb_column.column_container.vc_column_container {
        width: 50%;
        float: left;
    }

    .sub_career_tab_title h2 {
        font-size: 35px !important;
        line-height: 43px;
    }

    .sub_career_tab_title2 p {
        font-size: 20px !important;
        line-height: 28px;
        padding-top: 10px;
    }

    .sub_career_tab_title3 p {
        font-size: 15px !important;
        line-height: 23px;
        padding-top: 16px;
    }

    .sub_career_tab_t p {
        font-size: 14px !important;
        line-height: 22px;
    }

    .sub_career_tab_t2 p {
        font-size: 13px !important;
        line-height: 21px;
        padding-top: 16px;
    }

    .sub_career_box .tabbed > ul li {
        width: 100%;
        text-align: center;
        font-size: 15px;
        font-weight: 400 !important;
    }

    .sub_career_box .tabbed[data-style*="material"] .wpb_tabs_nav {
        margin-bottom: 40px !important;
    }

    .sub_career_bg {
        padding-top: 75px !important;
        padding-bottom: 30px !important;
    }

    img.img-with-animation.sub_career_img.animated-in {
        top: 45px;
        position: relative;
    }

    .sub_career_num p {
        font-size: 35px !important;
        line-height: 43px;
    }

    .sub_career_num2 p {
        font-size: 16px !important;
        line-height: 24px;
        padding-top: 10px;
    }

    .sub_career_num3 p {
        font-size: 14px !important;
        line-height: 22px;
        padding-top: 12px;
    }

    .sub_career_num_icon {
        display: none !important;
    }

    .page-id-8664 .nectar-animated-title .nectar-animated-title-inner .wrap > * {
        font-size: 16px !important;
        line-height: 24px;
    }

    .page-id-8664 .nectar-animated-title h2 {
        padding: 7px 15px;
    }

    .sub_career_num_btn {
        font-size: 13px !important;
        line-height: 21px;
        padding: 0 0 13px 0 !important;
    }
}

/*220412 크로스메인페이지 리뉴얼-------------------------*/
.page-id-9698 #call-to-action {
    display: none;
}

/*스토리 공지사항-------------------------*/
.page-id-4648 .post-area.featured_img_left .article-content-wrap .post-content-wrap {
    left: 0% !important;
}

/*header-----------------------*/
#top nav > ul > li > a {
    font-size: 1vw !important;
    font-weight: 600 !important;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
    margin-left: 35px !important;
    margin-right: 0px !important;
}

/*스티커 메뉴 설정*/
#header-outer.small-nav .sf-menu.sf-js-enabled.sf-arrows {
    display: none !important;
}

#header-outer.small-nav {
    background: #ffffff00 !important;
}

header#top .buttons {
    display: none !important;
}

/*스티커 메뉴의 햄버거바*/
#header-outer.small-nav .buttons {
    display: block !important;
}

#header-outer.small-nav .buttons a {
    padding: 50px 0;
}

#header-outer.small-nav a#logo {
    display: none !important;
}

#header-outer .slide-out-widget-area-toggle a:after {
    border: none !important;
}

#header-outer.small-nav .slide-out-widget-area-toggle a {
    background: #c9dbff;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
    font-weight: 700 !important;
    font-size: 60px !important;
    line-height: 80px;
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a:hover {
    opacity: 0.4;
}

@media screen and (max-width:999px) {
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 30px !important;
        line-height: 40px;
    }

    div#header-outer {
        padding: 20px 0 !important;
    }
}


/*메인 코딩-----------------------------*/
/*메인슬라이드 sns*/
.newmain_work_sns li {
    float: left;
    margin-right: 58px;
}

.newmain_work_sns li:hover {
    opacity: 0.6 !important;
}

@media screen and (max-width:999px) {
    .newmain_work_sns li {
        display: none;
    }
}

/*메인슬라이드 버튼*/
@media screen and (max-width:999px) {
    .tp-rightarrow.tparrows.hesperiden {
        top: 50%;
        transform: inherit !important;
        left: 88% !important;
    }

    .tp-leftarrow.tparrows.hesperiden {
        top: 45% !important;
        transform: inherit !important;
        left: 88% !important;
    }
}

@media screen and (max-width:400px) {
    .tp-rightarrow.tparrows.hesperiden {
        top: 50%;
        left: 82% !important;
    }

    .tp-leftarrow.tparrows.hesperiden {
        top: 43% !important;
        left: 82% !important;
    }
}

/*works*/
.newmain_work_wrap .row-bg.viewport-desktop.using-image {
    background-size: cover !important;
}

.newmain_work_wrap .nectar-split-heading h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
    padding-bottom: 18px !important;
}

.newmain_work_wrap .nectar-split-heading h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -1px;
}

.newmain_work_wrap .work_t h2 {
    font-size: 1.7188vw;
    letter-spacing: -2px;
    font-weight: 600 !important;
    color: #000;
    line-height: 2.6vw;
    margin-top: 3vw !important;
}

img.img-with-animation.skip-lazy.newmain_work_timg {
    position: absolute;
    z-index: 100;
    top: -149px;
    left: -2.6042vw;
}

.nectar-cta.newmain_work_btn span.link_wrap {
    border-radius: 50px !important;
}

.nectar-cta.newmain_work_btn span.link_wrap a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}

@media screen and (max-width:1500px) {
    img.img-with-animation.skip-lazy.newmain_work_timg {
        top: -149px;
        left: -50px;
    }
}

@media screen and (max-width:999px) {
    .newmain_work_wrap .row-bg.viewport-desktop.using-image {
        background-size: cover !important;
        background-position: center bottom !important;
    }

    .newmain_work_wrap .nectar-split-heading h4 {
        padding-bottom: 5px !important;
        font-size: 14px !important;
        letter-spacing: -0.1px;
    }

    .newmain_work_wrap .nectar-split-heading h1 {
        font-size: 35px !important;
    }

    .newmain_work_wrap .work_t h2 {
        font-size: 16px !important;
        line-height: 25px;
        margin-top: 20px !important;
        letter-spacing: -1.3px;
    }

    img.img-with-animation.skip-lazy.newmain_work_timg {
        left: -28px;
        width: 8px !important;
        top: -99px;
    }

    .nectar-cta.newmain_work_btn span.link_wrap {
        padding: 13px 21px !important;
    }
}

/*video*/
.newmain_video_wrap .nectar-split-heading h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -3px;
}

@media screen and (max-width:999px) {
    .newmain_video_wrap .nectar-split-heading h1 {
        line-height: 50px !important;
        letter-spacing: -1.7px;
    }
}

/*special*/
.newmain_special_wrap .nectar-split-heading h1 {
    letter-spacing: -4px;
    font-weight: 700 !important;
}


.newmain_special_wrap .nectar-fancy-box h3 {
    letter-spacing: -1.5px;
    font-size: 1.406vw;
    line-height: 37px;
    color: #242424 !important;
    padding-bottom: 9px;
    padding-top: 8px;
    font-weight: 700 !important;
    word-break: keep-all;
}

.newmain_special_wrap .nectar-fancy-box p {
    letter-spacing: -1px;
    font-size: 1.0417vw;
    line-height: 1.72vw;
    color: #5a5a5a !important;
    word-break: keep-all;
}

.newmain_special_wrap .nectar-fancy-box[data-border-radius="10px"]:not([data-style=parallax_hover]):not([data-style=color_box_hover]) {
    border-radius: 50px !important;
}

.newmain_special_wrap .nectar-fancy-box[data-style="color_box_basic"] .inner {
    min-height: 260px !important
}

.newmain_special_wrap .nectar-fancy-box {
    padding: 16% 15% 14% 15% !important;
}

.newmain_special_wrap .nectar-scrolling-text[data-style="text_outline"] em {
    letter-spacing: -3px;
    font-weight: bold;
}

@media screen and (max-width:1500px) {
    .newmain_special_wrap .nectar-fancy-box h3 {
        font-size: 18px !important;
        line-height: 28px;
        padding-bottom: 5px;
        padding-top: 0px;
    }

    .newmain_special_wrap .nectar-fancy-box p {
        font-size: 15px !important;
        line-height: 23px;
    }
}

@media screen and (max-width:999px) {
    .newmain_special_wrap .nectar-split-heading h1 {
        font-size: 28px !important;
        letter-spacing: -1.5px;
    }

    .newmain_special_wrap .nectar-fancy-box[data-style="color_box_basic"] .inner {
        min-height: 208px !important;
    }

    .newmain_special_wrap .nectar-fancy-box svg {
        width: 36px;
    }

    .newmain_special_wrap .nectar-fancy-box {
        padding: 14% 13% 13% 13% !important;
    }

    .newmain_special_wrap .nectar-flickity[data-spacing="30px"]:not(.masonry) .flickity-slider .cell {
        margin: 0 15px;
    }
}

/*footer 푸터------------------------------------*/
div#footer-widgets .container {
    max-width: none;
    padding: 0 9% !important;
}

div#footer-widgets .span_4:first-child {
    width: 35% !important;
}

div#footer-widgets .span_4 {
    width: 41% !important;
}

div#footer-widgets .span_4:last-child {
    width: 20% !important;
}

#footer-outer .row {
    padding: 140px 0 !important;
    margin-bottom: 0;
}

/**/
.foot_about_wrap .title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1979vw;
    line-height: 33px;
    color: #fff;
    padding-bottom: 30px !important;
}

.foot_about_wrap .address {
    font-size: 0.8333vw;
    line-height: 1.5104vw;
    color: #dedede;
    padding-bottom: 30px !important;
    letter-spacing: -0.6px;
}

.foot_about_wrap .address.bold {
    letter-spacing: -0.2px !important;
    font-weight: 500 !important;
    font-size: 0.8854vw;
}

.foot_about_wrap .address.bold strong {
    letter-spacing: -0.2px !important;
    font-weight: 600 !important;
    font-size: 1.2vw;
    color: #c2efff;
}

.foot_about_wrap .copy {
    font-size: 0.7292vw;
    line-height: 25px;
    color: #6c6969;
}

.foot_about_wrap.foot2 .copy {
    display: none;
}

.foot_about_wrap .foot_btn {
    border-radius: 10px;
    display: inline-block;
    background: #5bb2ff;
    margin-top: 10px !important;
}

.foot_about_wrap .foot_btn a {
    text-align: center;
    color: #fff !important;
    font-size: 23px;
    padding: 23px 35px 23px 35px !important;
    display: block;
    font-weight: 700 !important;
    letter-spacing: -1px;
}

.foot_about_wrap .foot_btn a:hover {
    background: #fff;
    border-radius: 10px;
}

@media screen and (max-width:1600px) {
    .foot_about_wrap .title {
        font-size: 20px;
        padding-bottom: 15px !important;
    }

    .foot_about_wrap .address {
        font-size: 14px;
        line-height: 27px;
        padding-bottom: 15px !important;
    }

    .foot_about_wrap .address.bold {
        font-size: 15px;
    }

    .foot_about_wrap .address.bold strong {
        font-size: 17px;
    }

    .foot_about_wrap .copy {
        font-size: 16px;
        line-height: 23px;
    }
}

@media screen and (max-width:999px) {
    div#footer-widgets .container img {
        display: none;
    }

    #footer-widgets .container .col.span_4 {
        margin-bottom: 0px !important;
    }

    #footer-outer .widget {
        margin-bottom: 0px !important;
    }

    #footer-outer .row {
        padding: 50px 0 60px 0 !important;
    }

    div#footer-widgets .span_4:first-child {
        width: 100% !important;
    }

    div#footer-widgets .span_4 {
        width: 100% !important;
    }

    div#footer-widgets .span_4:last-child {
        width: 100% !important;
    }

    .foot_about_wrap .title {
        font-size: 16px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .foot_about_wrap .address {
        font-size: 13px !important;
        line-height: 21px;
    }

    .foot_about_wrap .address.bold {
        font-size: 14px !important;
        line-height: 22px;
    }

    .foot_about_wrap .copy {
        font-size: 12px !important;
        line-height: 20px;
        display: none;
    }

    .foot_about_wrap.foot2 .copy {
        display: block;
        padding-top: 15px;
    }

    .foot_about_wrap .foot_btn a {
        font-size: 16px !important;
        padding: 15px 25px 13px 25px !important;
    }

}

/*서브 메인프로젝트 리스트*/
.page-id-7422 .masonry.material .masonry-blog-item .meta-category {
    display: none !important;
}

.page-id-5193 .masonry.material .masonry-blog-item .meta-category {
    display: none !important;
}

.category-portfolio span.meta-category a.main_portfolio {
    font-weight: 400 !important;
}

.blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {
    font-size: 30px;
    line-height: 43px;
    letter-spacing: -1.5px;
    font-weight: 600 !important;
    padding-top: 10px;
    word-break: keep-all;
}

.article-content-wrap .post-header span.meta {
    display: none;
}

.sub_mainproject span.meta-category,
.sub_mainproject .post-meta {
    display: none !important;
}

.sub_sugg_video_img .img-with-aniamtion-wrap[data-shadow=medium_depth] .hover-wrap {
    box-shadow: 0 30px 80px rgb(68 139 255 / 10%), 0 20px 70px rgb(68 139 255 / 1%) !important;
}

.sub_sugg_video_img:after {
    content: '' !important;
    position: absolute;
    display: inline-block !important;
    width: 21px !important;
    height: 31px !important;
    top: 102px;
    right: 4px;
    background: url(/wp-content/uploads/2025/01/video_arrow.png) no-repeat;
    background-size: 100%;
    z-index: 2;
    visibility: visible !important;
}

.sub_sugg_video_img:hover {
    opacity: 0.7;
    transition: 1s;
}

.sub_sugg_video_wrap .wrap_tit_subpage {
    margin-bottom: 65px !important;
    border-bottom: none;
}

@media screen and (max-width:999px) {
    .sub_sugg_video_img .img-with-aniamtion-wrap[data-shadow=medium_depth] {
        text-align: left !important;
    }

    .sub_sugg_video_wrap .wrap_tit_subpage {
        margin-bottom: 0px !important;
    }

    .sub_sugg_video_wrap p.dec_subpage {
        padding-bottom: 10px !important;
    }

    .sub_sugg_video_img:after {
        width: 11px !important;
        height: 21px !important;
        top: 55px;
        left: 142px;
    }


    .lst_story li a {
        font-size: 14px !important;
    }

    .dec_subpage .dec_subpage_email {
        font-size: 14px !important;
    }

    p.dec_subpage {
        padding-bottom: 30px !important;
    }

    .blog-recent[data-style*=classic_enhanced][data-color-scheme=light] h3.title {
        font-size: 25px;
        line-height: 36px;
        padding-top: 0px;
    }
}

/*서브 회사소개*/
.sub_about_wrap .nectar-highlighted-text em {
    font-size: 20px;
    line-height: 31px !important;
    letter-spacing: -1px;
    word-break: keep-all;
    padding: 5px 0;
}

.sub_about_wrap .nectar-highlighted-text p {
    display: grid;
}

.nectar-milestone.motion_blur .number span.in-sight {
    font-weight: 700 !important;
}

@media screen and (max-width:999px) {
    .tit_h2 h2 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .sub_about_wrap .nectar-highlighted-text em {
        font-size: 15px;
    }

    .sub_about_wrap .nectar-highlighted-text p {
        display: block;
    }

    .box_ceoGreeting p.txt_paragraph {
        font-size: 13px !important;
        line-height: 22px !important;
        padding-top: 0px !important;
    }
}

/*서브 자주하는 질문*/
.sub_faq_wrap div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 30px 70px 30px 0;
    font-size: 19px;
    line-height: 31px;
    letter-spacing: -0.8px;
    font-weight: 600 !important;
    color: #242424;
    word-break: keep-all;
}

.sub_faq_wrap .sub_faq_t p {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: -0.7px;
    color: #333;
    word-break: keep-all;
    padding-bottom: 20px !important;
}

.sub_faq_wrap div[data-style="minimal"] .toggle.open > .toggle-title a {
    color: #18afe7;
}

.sub_faq_wrap .sub_faq_t p:last-child {
    padding-bottom: 5px !important;
}

.sub_faq_wrap .sub_faq_t p strong {
    color: #242424 !important;
    font-weight: 500 !important;
    font-family: "Noto Sans KR", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
}

.sub_faq_wrap .sub_faq_t p a {
    color: #101010 !important;
    font-weight: 600 !important;
    background: #fffee7;
}

.sub_faq_wrap .sub_faq_t p a:hover {
    color: #979797 !important;
}

.sub_faq_wrap .nectar-sticky-tabs[data-navigation-width="25%"] .scrolling-tab-nav {
    width: 19%;
    margin: 27px 4% 0 0;
}

.sub_faq_wrap .nectar-sticky-tabs .wpb_tabs_nav li a {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 51px;
    font-weight: 700;
    color: #9d9d9d;
}

.sub_faq_wrap li.menu-item.active-tab a {
    color: #000;
}

@media screen and (max-width:999px) {
    .sub_faq_wrap div[data-style="minimal"] .toggle > .toggle-title a {
        padding: 20px 70px 20px 0;
        font-size: 15px !important;
        line-height: 22px;
    }

    .sub_faq_wrap .sub_faq_t p {
        font-size: 14px !important;
        line-height: 22px;
        padding-bottom: 20px !important;
    }

    .sub_faq_wrap .nectar-sticky-tabs[data-navigation-width="25%"] .scrolling-tab-nav {
        width: 100%;
        margin: 15px 0 24px 0;
        font-size: 16px;
        font-weight: 600 !important;
    }

    .sub_faq_wrap .sub_faq_t p:last-child {
        padding-bottom: 0px !important;
    }

    .sub_faq_wrap div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
        padding: 0 0 25px 0;
    }

    .sub_faq_wrap .nectar-sticky-tabs .wpb_tabs_nav li a {
        font-size: 20px !important;
        line-height: 29px;
    }

    .sub_faq_wrap .nectar-sticky-tabs .scrolling-tab-nav .scrolling-tab-nav-current-item a span {
        font-size: 17px;
        font-weight: 600 !important;
        color: #000;
        letter-spacing: -0.7px;
        background: #d9e6ff;
        padding: 3px 10px 5px 10px;
        border-radius: 10px;
    }
}

/*서브 제안서 동영상*/
.sub_video_t p {
    font-size: 19px;
    line-height: 30px;
    letter-spacing: -0.9px;
    font-weight: 600 !important;
    color: #242424;
    margin-top: 19px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sub_video_wrap .nectar-video-box img {
    transform: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(1);
}

@media screen and (max-width:999px) {
    .sub_video_t p {
        font-size: 15px !important;
        line-height: 22px;
        margin-top: 17px !important;
        margin-bottom: 7px !important;
    }
}



/*퀵메뉴-----------*/
.lst_mobile {
    display: none;
}

.quick_bar {
    display: none !important;
}

.quick_bar_new {
    display: table;
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 9999999999999;
    margin: 0 !important;
    animation: quick_bounce 2s infinite;
}

.quick_bar_new img {
    margin: 0 !important;
    max-width: 230px;
}

.quick_bar_new img:hover {
    opacity: 0.8;
}

.quick_wrap {
    position: fixed;
    z-index: 10000;
    right: 0px;
    margin: 0 !important;
    top: 50%;
    transform: translateY(-50%);
}

.quick_wrap ul {
    margin: 0 !important;
    background: #fff;
    padding: 14px 9px 11px 9px;
    border-radius: 13px 0 0 13px;
    box-shadow: -1px 0px 15px 0px rgb(1 1 1 / 3.5%) !important;
}

.quick_wrap li {
    width: 73px;
}

.quick_wrap li:nth-child(1) {
    margin-bottom: 19px !important;
}

.quick_wrap li:nth-child(2) {
    margin-bottom: 22px !important;
}

.quick_wrap li a {
    display: flex !important;
}

.quick_wrap ul li a img {
    margin-bottom: 0px !important;
    width: 73px;
}



@-webkit-keyframes quick_bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.22, .60, .35, 1);
        transition-timing-function: cubic-bezier(0.23, .60, .35, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.76, .05, .86, .06);
        transition-timing-function: cubic-bezier(0.76, .05, .86, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.76, .05, .86, .06);
        transition-timing-function: cubic-bezier(0.76, .05, .86, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}


@media screen and (max-width:999px) {
    .quick_bar_new img {
        width: 140px;
    }

    .quick_bar_new {
        bottom: 25px;
        right: 15px;
    }

    .quick_wrap {
        top: inherit;
        bottom: 130px;
        transform: none;
    }

    .quick_wrap ul {
        padding: 10px 5px 5px 5px;
        border-radius: 10px 0 0 10px;
        box-shadow: -1px 0px 15px 0px rgb(1 1 1 / 5%) !important;
    }

    .quick_wrap li {
        width: 53px;
    }

    .quick_wrap li:nth-child(1) {
        margin-bottom: 10px !important;
    }

    .quick_wrap li:nth-child(2) {
        margin-bottom: 12px !important;
    }

    .quick_wrap li a {
        display: flex !important;
    }

    .quick_wrap ul li a img {
        width: 53px;
    }

    .tp-leftarrow.tparrows.hesperiden {
        top: 40% !important;
    }

    .tp-rightarrow.tparrows.hesperiden {
        top: 46% !important;
    }

}




/*테스트*/
.circleBox .cbox {
    position: relative;
    margin: 0 0 0 -32px;
    display: inline-block;
}

.circleBox .cbox .box {
    display: table-cell;
    width: 280px;
    height: 280px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
}

.listbox dd .circleBox .cbox span {
    display: block;
}

.listbox dd .circleBox .cbox strong {
    display: block;
    margin: 28px 0 0 0;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.035em;
}

.listbox svg {
    width: 282px !important;
    height: 282px !important;
}

.listbox svg {
    position: absolute;
    top: 0;
    left: 0;
}

.listbox svg circle {
    transform-origin: center center;
    fill: none;
    stroke: #f79d62;
    stroke-width: 1;
    stroke-dasharray: 900;
    stroke-dashoffset: 0;
}

.listbox.on .cbox circle {
    transform: rotate(-90deg);
    animation: circle 2s;
    animation-fill-mode: both;
}



#ch-plugin .dIkpba {
    right: 80px !important;
}




/*-----------------------------------------------------------------

250113 - 메인프로젝트 : 사진

-----------------------------------------------------------------*/
button.bakbtn:hover {
    background: #242424 !important;
    color: #fff !important;
    transition: all 0.3s linear;
}

button.bakbtn {
    border: none !important;
    padding: 12px 15px !important;
}