@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'AkzidenzGroteskBQ-Reg';
  src: url("/font/AkzidenzGroteskBQ-Reg.ttf") format("truetype");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidenzGroteskBQ-MdCndAlt';
  src: url("/font/AkzidenzGroteskBQ-MdCndAlt.ttf") format("truetype");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidenzGroteskBQ-MdCnd';
  src: url("/font/AkzidenzGroteskBQ-MdCnd.ttf") format("truetype");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Akzidenz-grotesk-bold';
  src: url("/font/Akzidenz-grotesk-bold.ttf") format("truetype");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Akzidenz-grotesk-black';
  src: url("/font/Akzidenz-grotesk-black.ttf") format("truetype");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
  font-weight: 900;
  font-style: normal;
}

html, body {font-family: 'NotoSansKR';}

body {
  overflow-x: hidden;
}

/* .eng_black {font-family: 'Akzidenz-grotesk-bmdcnd';}
.eng_black {font-family: 'Akzidenz-grotesk-bold';} */

/* 211228 css 영문 폰트 추가 시작 */

.eng_reg{
  font-family: 'AkzidenzGroteskBQ-Reg';
}

.eng_bold{
  font-family: 'Akzidenz-grotesk-bold';
}

/* 211228 css 영문 폰트 추가 끝 */
.eng_black {font-family: 'Akzidenz-grotesk-black';}
.en_bold {font-family: 'GmarketSansBold';}
.en_md {font-family: 'GmarketSansMedium';}

html,body{width:100%;height:100%; font-size: 16px;}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,textarea,input{padding:0;margin:0;border:0;/* font:inherit; */vertical-align:baseline}body{line-height:1.5;font-family:'Noto Sans KR', 'Open Sans',sans-serif;/* font-size:1.125em;font-weight: 300; */color:#000;letter-spacing:-0.04em;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}.skip{visibility:hidden;top:0;left:0}
::selection {background-color: transparent}
/* body {overflow: hidden;} */
/* body > div {width: 100%; max-width: 1920px; margin: 0 auto;} */

.medium {font-weight: 500;}
.bold {font-weight: bold;}
.light {font-weight: 300;}
.thin {font-weight: 100;}
.black {font-weight: 900;}
.letter0 {letter-spacing: 0}
.center {text-align: center;}
.fff {color: #fff;}
.sky {color: #4177d0;}
.emerald {color: #45b5aa;}
.yellow {color: #edc705;}
.basic{color: #BFB6A6;}
.pink{color: #F28572;}
.purple{color: #B89EC3;}

input, textarea, select {font-family: 'Noto Sans KR', sans-serif;  letter-spacing:-1px;padding-left:15px !important}
textarea {padding:15px !important}

.wrapper {width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px;}
.br_mo {display: none;}
.br_mo2 {display: none;}
.flex {display: flex; align-items: center; width: 100%;}
.header_fit {width: 100%; max-width: 1366px; margin: 0 auto; padding-left: 30px;}


/* 상단 */



/* 하단 */






/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

@media screen and (max-width: 568px) {
	body {font-size:0.938em; transition:all 0.3s ease;}
}

::selection {background: rgba(192, 163, 85, 0.85); /* Safari */ color: #000;}
::-moz-selection {background: rgba(192, 163, 85, 0.85); /* Firefox */ color: #000;}

/* input, textarea */
.max_it, .max_ttarea {border:1px solid #e1d8cd; border-radius:4px; padding:10px; box-sizing:border-box;}

/* input : checkbox */
.max_checkit {position:relative;}
.max_checkit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_checkit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:0;}
.max_checkit input[type="checkbox"] + label:before {content:''; display:inline-block; width:20px; height:20px; line-height:20px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:#fff; border:1px solid #e1d8cd; border-radius:4px;}
.max_checkit input[type="checkbox"]:checked + label:before {background:url("https://www.star-law.com/image/common/max_lab_sel_24.png") center no-repeat #fff; border:1px solid #000;}
.max_checkit.checkit_label input[type="checkbox"] + label {font-size:18px;}

/* input : radio */
.max_radio {position:relative;}
.max_radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.max_radio input[type="radio"] + label:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #e1d8cd; border-radius:100%;}
.max_radio input[type="radio"]:checked + label:before {background:#fff; border:1px solid #000;}
.max_radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:6px; left:6px; width:10px; height:10px; background:#000; border-radius:100%;}

/* select -webkit-box */
.max_select {appearance:none; font-family:inherit; background:url("https://www.star-law.com/image/common/max_lab_sel_24.png") no-repeat 98% 50% #fff; width:200px; height:42px; border:1px solid #e1d8cd; border-radius:4px; padding-left:10px; box-sizing:border-box;}
.max_select::-ms-expand {display:none;}

@media screen and (max-width: 740px) {
	.max_select {height:38px;}
}

/* button */
.max_submit, .max_lnk 
{display:inline-block; color:#0f1f2a; font-size:15px; position:relative; line-height:40px; padding:0 50px 0 14px; /*background:url("https://www.star-law.com/image/common/bt_more.png") 100% -4px no-repeat;*/}
.max_submit:before, 
.max_lnk:before {content:''; width:40px; height:40px; border-radius:100%; background:#f3bf5d; position:absolute; top:0; left:0; z-index:-1;}
.max_submit i, .max_lnk i {display:inline-block; width:32px; height:2px; background:#0f1f2a; position:relative; top:2px; right:-16px;}
.max_submit i:before, .max_lnk i:before {content:''; width:15px; height:2px; background:#0f1f2a; position:absolute; bottom:5px; right:-2px; transform: rotate(45deg);}
.max_submit:hover:before, .max_lnk:hover:before {background:#e1d8cd;}

@media screen and (max-width: 1366px) {
	.header_fit {padding: 0 30px;}
}

@media screen and (max-width: 1024px) {
	.max_checkit.checkit_label input[type="checkbox"] + label, .max_submit, .max_lnk {font-size:13px;}
}

/* title */
.tt1 {font-size:50px; font-weight:400;}
.tt1 span {font-size:inherit; font-weight:400; color:inherit;}
.tt2 {font-size:30px; font-weight:400;}
@media screen and (max-width: 900px) {
	
	
}
@media screen and (max-width: 568px) {
	.tt1 {font-size:30px;}
	/* .tt1 {font-size:25px;} */
	.tt2 {font-size:20px;}
}

/* color */
.col_yellow {color:#bf9a18;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.sound_only strong { font-size:0;}

/* scroll button */
@keyframes main-scroll-frame {
    3% {margin-top:-50px;}
    7% {margin-top:-100px;}
    11% {margin-top:-150px;}
    15% {margin-top:-200px;}
    19% {margin-top:-250px;}
    23% {margin-top:-300px;}
    26% {margin-top:-350px;}
    30% {margin-top:-400px;}
    34% {margin-top:-450px;}
    38% {margin-top:-500px;}
    42% {margin-top:-550px;}
    46% {margin-top:-600px;}
    50% {margin-top:-650px;}
    53% {margin-top:-700px;}
    57% {margin-top:-750px;}
    61% {margin-top:-800px;}
    65% {margin-top:-850px;}
    69% {margin-top:-900px;}
    73% {margin-top:-950px;}
    76% {margin-top:-1000px;}
    80% {margin-top:-1050px;}
    84% {margin-top:-1100px;}
    88% {margin-top:-1150px;}
    92% {margin-top:-0px;}
    96% {margin-top:-0px;}
    100% {margin-top:0px;}
}

@-webkit-keyframes main-scroll-frame {
     3% {margin-top:-50px;}
    7% {margin-top:-100px;}
    11% {margin-top:-150px;}
    15% {margin-top:-200px;}
    19% {margin-top:-250px;}
    23% {margin-top:-300px;}
    26% {margin-top:-350px;}
    30% {margin-top:-400px;}
    34% {margin-top:-450px;}
    38% {margin-top:-500px;}
    42% {margin-top:-550px;}
    46% {margin-top:-600px;}
    50% {margin-top:-650px;}
    53% {margin-top:-700px;}
    57% {margin-top:-750px;}
    61% {margin-top:-800px;}
    65% {margin-top:-850px;}
    69% {margin-top:-900px;}
    73% {margin-top:-950px;}
    76% {margin-top:-1000px;}
    80% {margin-top:-1050px;}
    84% {margin-top:-1100px;}
    88% {margin-top:-1150px;}
    92% {margin-top:-0px;}
    96% {margin-top:-0px;}
    100% {margin-top:0px;}
}

@-moz-keyframes main-scroll-frame {
     3% {margin-top:-50px;}
    7% {margin-top:-100px;}
    11% {margin-top:-150px;}
    15% {margin-top:-200px;}
    19% {margin-top:-250px;}
    23% {margin-top:-300px;}
    26% {margin-top:-350px;}
    30% {margin-top:-400px;}
    34% {margin-top:-450px;}
    38% {margin-top:-500px;}
    42% {margin-top:-550px;}
    46% {margin-top:-600px;}
    50% {margin-top:-650px;}
    53% {margin-top:-700px;}
    57% {margin-top:-750px;}
    61% {margin-top:-800px;}
    65% {margin-top:-850px;}
    69% {margin-top:-900px;}
    73% {margin-top:-950px;}
    76% {margin-top:-1000px;}
    80% {margin-top:-1050px;}
    84% {margin-top:-1100px;}
    88% {margin-top:-1150px;}
    92% {margin-top:-0px;}
    96% {margin-top:-0px;}
    100% {margin-top:0px;}
}

.highcharts-xaxis-labels text:last-child{fill: #c2a556 !important; font-size: 1.3em !important; font-weight: 400;}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url("https://www.star-law.com/theme/main/css/../img/btn_first.gif") no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url("https://www.star-law.com/theme/main/css/../img/btn_prev.gif") no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url("https://www.star-law.com/theme/main/css/../img/btn_end.gif") no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url("https://www.star-law.com/theme/main/css/../img/btn_next.gif") no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

.column-2 {width:100%; height:auto; padding:13.167em 0;}
.column-2 .inner {width:100%; max-width:1920px; box-sizing:border-box; padding:0 10.556em; margin:0 auto;}
.column-2 .inner:after {content:''; display:block; clear:both;}
.column-2 .tt_box {float:left; width:50%; box-sizing:border-box;}
.column-2 .inner > p {float:right; width:50%; overflow:hidden;}
.column-2 img {max-width:766px;}

@media screen and (max-width: 1600px) {
	.column-2 .inner {padding:0 5.556vw; transition:all .1s;}
}
@media screen and (max-width: 1366px) {
	/*.column-2 .inner {padding:0 3.667em;}*/
	.column-2 .tt_box {width:45%;}
	.column-2 .tt_box .nb {display:inline;}
}
@media screen and (max-width: 1024px) {
	.column-2 h4 {float:left; width:40%;}
	.column-2 .tt_box {width:60%;}
	.column-2 .inner > p {width:100%; text-align:center; margin-top:13.167em;}
	.column-2 .tt_box.tb_frg {width:100%;}
	.column-2 .tt_box.tb_frg p {float:left; width:60%;}
	.column-2 img {max-width:100%;}
}
@media screen and (max-width: 568px) {
	.column-2 {padding:8.200em 0;}
	.column-2 .inner {padding:0;}
	.column-2 h4 {float:none; width:100%; box-sizing:border-box; padding:0 20px;}
	.column-2 .tt_box {width:100%; padding:0 20px;}
	.column-2 .inner > p {margin-top:98px;}
	.column-2 .tt_box.tb_frg h4 {padding:0;}
	.column-2 .tt_box.tb_frg p {float:none; width:100%;}
	.column-2 img {max-width:100%;}
}

/* column width 2 left image */
.column-2-txri {width:100%;}
.column-2-txri .inner {width:inherit; height:inherit; max-width:1920px; margin:0 auto; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-align:center; -webkit-box-align:center; align-items:center;}
.column-2-txri .pic {width:50%; height:inherit; font-size:0;}
.column-2-txri .pic img {display:none; max-width:100%;}
.column-2-txri .tt_box {width:50%; box-sizing:border-box; order:1;}

@media screen and (max-width: 1600px) {
	.column-2-txri .tt_box p .nb {display:inline;}
}
@media screen and (max-width: 1024px) {
	.column-2-txri .pic {width:60%;}
	.column-2-txri .tt_box {width:40%;}
}
@media screen and (max-width: 568px) {
	.column-2-txri .inner {display:block;}
	.column-2-txri .pic {width:100%;}
	.column-2-txri .pic img {display:block;}
	.column-2-txri .tt_box {width:100%;}
}

/* circle image 3 list */
.col-circle3 {width:100%; max-width:1920px; height:auto; box-sizing:border-box; padding:6.667em 10.556em; margin:0 auto; text-align:center;}
.col-circle3 ul {width:inherit; height:inherit; overflow:hidden;}
.col-circle3 li {float:left; width:33.33%; height:auto; box-sizing:border-box; padding:0 1.5em;}
.col-circle3 li img {max-width:100%;}
.col-circle3 li strong {display:block;}
@media screen and (max-width: 1600px) {
	.col-circle3 {padding:6.667em 5.556vw;}
}
@media screen and (max-width: 1366px) {
	.col-circle3 li .nb {display:inline;}
}
@media screen and (max-width: 1024px) {
	.col-circle3 ul {text-align:left;}
	.col-circle3 li {width:100%; display:flex; align-items:center;}
	.col-circle3 li:nth-child(2) {margin:5.556vh 0;}
	.col-circle3 li img {width:300px;}
	.col-circle3 li strong {width:50%;}
}
@media screen and (max-width: 768px) {
	.col-circle3 li strong {width:60%;}
}
@media screen and (max-width: 568px) {
	.col-circle3 {padding:6.667em 20px;}
	.col-circle3 ul {text-align:center;}
	.col-circle3 li {display:block;}
	.col-circle3 li img {width:265px;}
	.col-circle3 li strong {width:100%;}
	.col-circle3 li .nb {display:inline;}
}

@media screen and (max-width: 768px) {
    html,body{font-size: 14px;}
}