@import url("common.css");


#header {
   border-bottom: 1px solid #ddd;
}



/* ¼­ºê lnb */
#sub_menu {
   padding: 24px 0;
}

#sub_menu .mobile_snb {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   width: 100%;
}

#sub_menu .mobile_snb .lnbHome {
   display: block;
   width: 14px;
   height: 14px;
   transition: all .3s linear;
   margin: 0 22px;
}

#sub_menu .mobile_snb .lnbHome svg {
   transition: all .3s linear;
   width: 100%;
   height: 100%;
   fill: #222;
   opacity: 0.7;
}

#sub_menu .mobile_snb .lnbHome:hover svg {
   fill: var(--mainColor);
}

#sub_menu .mobile_snb .tbox {
   display: flex;
   aling-items: center;
}

#sub_menu .mobile_snb .tbox .box {
   padding: 0 22px;
   position: relative;
}

#sub_menu .mobile_snb .tbox .box:before {
   content: '';
   display: inline-block;
   width: 1px;
   height: 16px;
   margin-top: -8px;
   background: #d9d9d9;
   position: absolute;
   left: 0;
   top: 50%;
}

#sub_menu .mobile_snb .tbox .box .dropLst {
   position: relative;
}

#sub_menu .mobile_snb .tbox .box .dropLst .title {
   display: block;
   padding: 0 20px 0 0;
   box-sizing: border-box;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: -0.35pt;
   color: rgba(34, 34, 34, .6);
   position: relative;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   word-wrap: normal !important;
   display: block;
}

#sub_menu .mobile_snb .tbox .box .dropLst .title:after {
   content: '';
   display: inline-block;
   width: 7px;
   height: 7px;
   background: url('/img/lnb_arrow.svg') no-repeat center/100% auto;
   box-sizing: border-box;
   transition: all .3s linear;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -3px;
   opacity: 0.3;
}

#sub_menu .mobile_snb .tbox .box .dropLst .title.on:after {
   transform: rotate(180deg);
   opacity: 1;
}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 30px;
   width: 150px;
   display: none;
   background: rgba(255, 255, 255, 1);
   box-sizing: border-box;
   padding: 20px 15px;
   z-index: 9999;
   text-align: left;
   border: 1px solid #ddd;
}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst ul {}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li {
   padding: 0 0 10px;
}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li:last-child {
   padding: 0;
}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li a {
   display: block;
   font-size: 14px;
   letter-spacing: -0.3pt;
   line-height: 140%;
   transition: all .3s linear;
   word-break: keep-all;
   color: #777;
}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li a:hover {
   color: var(--mainColor);
}

#sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li a.on {
   color: var(--mainColor);
}


#contents {
   margin: 112px auto 0;
}

#subTitle {
   width: 100%;
   max-width: 1400px;
   padding: 80px 25px 50px;
   box-sizing: border-box;
   margin: 0 auto;
   position: relative;
}

#subTitle h3 {
   text-align: center;
   font-size: 50px;
   font-weight: 700;
   letter-spacing: -0.75pt;
   line-height: 120%;
   word-break: keep-all;
   color: #222;
}

#subTitle.title {
   padding: 80px 25px 20px;
}

#subTitle.line {
   padding: 80px 25px 130px;
}

#subTitle.line:after {
   content: '';
   width: 40px;
   height: 3px;
   background: var(--mainColor);
   position: absolute;
   left: 50%;
   bottom: 70px;
   margin-left: -20px;
}



/* css °øÅë */
.basicCont {
   width: 100%;
   max-width: 1400px;
   padding: 0 25px;
   box-sizing: border-box;
   margin: 0 auto 180px;
   position: relative;
}


.sub_pad {
   padding: 180px 0;
}

.sub_pad_t {
   padding: 180px 0 0;
}

.sub_pad_b {
   padding: 0 0 180px;
}

.sub_pad2 {
   padding: 120px 0;
}

.sub_pad2_t {
   padding: 120px 0 0;
}

.sub_pad2_b {
   padding: 0 0 120px;
}

.padB60 {
   padding: 0 0 60px;
}

.padB50 {
   padding: 0 0 50px;
}

.padB40 {
   padding: 0 0 40px;
}

.padB30 {
   padding: 0 0 30px;
}

.conTit {
   font-size: 40px;
   color: #222;
   font-weight: 700;
   letter-spacing: -1pt;
   line-height: 130%;
   font-family: var(--koFont);
   word-break: keep-all;
}

.conTit.eng {
   font-family: var(--engFont);
   letter-spacing: 0;
}

.conTit.eng span {
   font-family: var(--engFont);
   letter-spacing: 0;
}

.conTit span {
   display: inline;
   letter-spacing: -1pt;
}

.conTxt {
   font-size: 20px;
   color: #222;
   font-weight: 400;
   letter-spacing: -0.55pt;
   line-height: 160%;
   word-break: keep-all;
}


.titArea {
   text-align: center;
   padding: 0 0 60px;
}

.titArea .conTit {
   padding: 0 0 10px;
}

.subTit {
   font-size: 22px;
   letter-spacing: -0.75pt;
   line-height: 140%;
   word-break: keep-all;
   font-weight: 400;
   color: #222;
   font-family: var(--koFont);
}

.subTxt {
   font-weight: 400;
   font-size: 28px;
   font-family: var(--koFont);
   color: #222;
   line-height: 130%;
   letter-spacing: -0.55pt;
}

.subTxt.eng {
   font-family: var(--koFont) !important;
   letter-spacing: 0;
}

.txt {
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 170%;
   word-break: keep-all;
}

.small_txt {
   font-size: 0.889rem;
   letter-spacing: -0.35pt;
   line-height: 150%;
   word-break: keep-all;
}

.sTit {
   font-size: 25px;
   letter-spacing: -0.75pt;
   font-weight: 700;
   color: #222;
   word-break: keep-all;
   line-height: 135%;
   padding: 0 0 20px;
}

.sTit.eng {
   letter-spacing: 0;
}

.dot_list {}

.dot_list>li,
.dot_list>dd {
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 150%;
   word-break: keep-all;
   color: rgba(34, 34, 34, .7);
   font-weight: 400;
   position: relative;
   box-sizing: border-box;
   padding: 0 0 10px 14px;
   text-align: left;
}

.dot_list>li:last-child,
.dot_list>dd:last-child {
   padding-bottom: 0 !important;
}

.dot_list>li:before,
.dot_list>dd:before {
   content: '';
   display: block;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   position: absolute;
   left: 0;
   top: 10px;
   background: #ddd;
}



.responsive-dim {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, .6);
   z-index: 2;
   display: none;
}

.responsive-dim p {
   position: absolute;
   top: 10%;
   left: 0;
   right: 0;
   text-align: center;
   transform: translate(0, -50%);
}

.responsive-dim span {
   display: block;
   margin-top: 10px;
   color: #fff;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: -0.3pt;
}

.responsive-dim img {
   width: 40px;
}


/* ÅǸ޴º */
.tab_style {
   overflow: hidden;
   margin: 0 auto 60px;
}

.tab_style ul {
   display: flex;
   justify-content: center;
}

.tab_style ul li {
   width: auto;
   margin: 0 20px;
}

.tab_style ul li a {
   display: block;
   font-size: 20px;
   transition: all .3s linear;
   color: rgba(34, 34, 34, .7);
   letter-spacing: -0.5pt;
   font-weight: 400;
   white-space: nowrap;
   box-sizing: border-box;
   position: relative;
   padding: 0 8px 5px;
}

.tab_style ul li a:after {
   content: '';
   display: block;
   width: 0;
   height: 4px;
   background: var(--mainColor);
   border-radius: 4px;
   position: absolute;
   left: 0;
   bottom: 0;
}

.tab_style ul li.hover a {
   color: var(--mainColor) !important;
   font-weight: 700;
}

.tab_style ul li.hover a:after {
   width: 100%;
}

.tab_style ul li:hover a {
   color: var(--mainColor) !important;
}



/* Å×À̺í */
.table_style {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0px;
   border-top: 2px solid #222;
   margin: 20px 0;
   text-align: center;
}

.table_style th {
   font-size: 1rem;
   font-weight: 700;
   color: #222;
   letter-spacing: -0.35pt;
   line-height: 150%;
   padding: 20px 10px;
   box-sizing: border-box;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
}

.table_style th:last-child,
.table_style td:last-child {
   border-right: 0;
}

.table_style td {
   font-size: 1rem;
   font-weight: 400;
   color: rgba(34, 34, 34, .7);
   letter-spacing: -0.35pt;
   line-height: 150%;
   padding: 20px;
   box-sizing: border-box;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
}



/**** S:: ºê·£µå > (ÁÖ)ÀÌ»è ****/
.isaac_cont {}

.isaac_mission {}

.isaac_mission .titArea {
   padding: 40px 0 120px;
}

.isaac_mission .titArea img {
   max-width: 240px;
   margin: 0 auto 20px;
}

.isaac_mission .titArea .conTit {
   padding: 0;
}

.isaac_mission .titArea .conTit strong {
   display: block;
   font-size: 60px;
   font-weight: 700;
   padding: 15px 0 0;
}

.isaac_mission dl {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row-reverse;
   justify-content: space-between;
}

.isaac_mission dl dt {
   width: calc(50% - 15px);
}

.isaac_mission dl dt img {
   border-radius: var(--borderR);
   overflow: hidden;
   max-width: 100%;
   width: 100% !important;
   height: auto !important;
}

.isaac_mission dl dd {
   width: calc(50% - 15px);
   box-sizing: border-box;
   padding: 65px 0 0;
}

.isaac_value {}

.isaac_value ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   max-width: 1005px;
   margin: 0 auto;
}

.isaac_value ul li {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 315px;
   height: 315px;
   border-radius: 50%;
   background: var(--mainColor);
   text-align: center;
}

.isaac_value ul li .subTxt {
   color: #fff;
}

.isaac_value ul li .subTxt small {
   display: block;
   font-size: 22px;
   line-height: 130%;
   font-weight: 700;
   letter-spacing: 0 !important;
   padding: 0 0 8px;
   font-family: var(--koFont);
}

.identity_cont {
   background: rgba(240, 236, 210, 0.35);
}

.identity_list {
   display: flex;
   flex-wrap: wrap;
   margin: 40px 0 0;
}

.identity_list li {
   background: #fff url('/brand_info/img/logo_bg.svg') repeat center/15px auto;
   box-sizing: border-box;
   text-align: center;
   padding: 70px 20px 30px;
   margin: 0 30px 0 0;
}

.identity_list li.three {
   margin-right: 0;
}

.identity_list li.one {
   width: 50%;
}

.identity_list li.two {
   width: calc((50% - 60px)/2);
}

.identity_list li.three {
   width: calc((50% - 60px)/2);
}

.identity_list li img {
   height: 158px;
   margin: 0 auto 50px;
}

.identity_list li .txt {
   color: #222;
}

.color_list {
   display: flex;
   flex-wrap: wrap;
   margin: 40px 0 0;
}

.color_list li {
   font-size: 0.889rem;
   letter-spacing: 0;
   line-height: 150%;
   font-family: var(--engFont);
   text-align: left;
   box-sizing: border-box;
   padding: 40px 35px 120px;
   width: 16.5%;
}

.color_list li.red,
.color_list li.butter {
   width: 33.333%;
}

.color_list li.red {
   background: #FF281E;
   color: rgba(255, 255, 255, .7);
}

.color_list li.butter {
   background: #FFE68C;
   color: rgba(34, 34, 34, .7);
}

.color_list li.grey {
   background: #F0ECD2;
   color: rgba(34, 34, 34, .7);
}

.color_list li.brown {
   background: #301900;
   color: rgba(240, 236, 210, 0.7);
}

.color_list li h5 {
   font-size: 20px;
   font-weight: 700;
   line-height: 130%;
   word-break: keep-all;
   color: #222;
   padding: 0 0 10px;
   font-family: var(--engFont);
}

.color_list li.red h5 {
   color: #fff;
}

.color_list li.brown h5 {
   color: #F0ECD2;
}

/**** E:: ºê·£µå > (ÁÖ)ÀÌ»è ****/




/**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/
.story_cont {}

.story_in {
   position: relative;
}

.story_in .story_bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.story_in .story_tit {
   max-width: 530px;
   margin: 0 auto;
}

.story_in .story_tit img {
   max-width: 100%;
   margin-top: 50px;
}

.story_in .icon {
   max-width: 60px;
   margin: 0 auto 30px;
}

.story_in .subTxt {
   color: #fff;
   padding: 0 0 20px;
}

.story_in .conTxt {
   color: #fff;
}

.story_mission {}

.story_mission dl {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   flex-direction: row-reverse;
}

.story_mission dl dt {
   width: calc(100% - 570px);
}

.story_mission dl dt img {
   max-width: 100%;
   width: 100% !important;
   height: auto !important;
}

.story_mission dl dd {
   width: 570px;
   box-sizing: border-box;
   padding: 0 20px 0 0;
}

.story_brand {
   background: var(--mainColor);
}

.story_brand .conTit {
   color: #fff;
   padding: 0 0 35px;
}

.story_brand h4.conTit {
   padding: 0 0 30px;
}

.story_brand img {
   width: 90px;
   margin: 0 auto 30px;
}

.story_brand .conTxt {
   color: #fff;
   font-weight: 400;
}

.story_value {}

.value_list {
   display: flex;
   flex-wrap: wrap;
}

.value_list dl {
   margin: 0 30px 0 0;
   width: calc((100% - 90px)/4);
}

.value_list dl:nth-child(4n) {
   margin-right: 0;
}

.value_list dl dt {
   border-radius: var(--borderR);
   overflow: hidden;
}

.value_list dl dt img {
   max-width: 100%;
   width: 100% !important;
   height: auto !important;
}

.value_list dl dd {
   padding: 25px 0 0;
}

.story_keyword {}

.keyword_list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   max-width: 1005px;
   margin: 0 auto;
}

.keyword_list li {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 315px;
   height: 315px;
   border-radius: 50%;
   background: var(--mainColor);
   text-align: center;
   padding: 0 50px;
   box-sizing: border-box;
}

.keyword_list li .subTxt {
   color: #fff;
   font-weight: 700;
   padding: 0 0 20px;
   margin: 0 0 20px;
   border-bottom: 1px solid rgba(255, 255, 255, .4);
}

.keyword_list li .txt {
   color: #fff;
   line-height: 180%;
}

/**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/


/**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/
.isaacToast_cont {
   overflow: hidden;
}

.isaacToast_in {
   padding: 130px 0 80px;
}

.isaacNew_cont .isaacToast_in {
   background: var(--mainColor);
}

.isaacR_cont .isaacToast_in {
   background: var(--subColor);
}

.isaacToast_in .conTit {
   color: #fff;
   padding: 0 0 24px;
}

.isaacToast_in .conTxt {
   color: #fff;
}

.isaacR_cont .isaacToast_in .conTit {
   color: #222;
}

.isaacR_cont .isaacToast_in .conTxt {
   color: #222;
}

.toast_cont {
   position: relative;
}

.toast_cont:before {
   content: '';
   display: block;
   width: 100%;
   height: 200px;
   background: var(--mainColor);
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
}

.isaacR_cont .toast_cont:before {
   background: var(--subColor);
}

.toast_in {
   background: #fff;
   border-radius: var(--borderR);
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);
   padding: 24px 90px 95px;
   box-sizing: border-box;
}

.toast_in .conTit {
   padding: 20px 0;
}

.toast_in .conTxt {
   color: rgba(34, 34, 34, .7);
}

.toast_roll {
   width: calc(100% + 42px);
   margin: 0 -21px;
}

.toast_roll:after {
   content: '';
   display: block;
   clear: both;
}

.toast_roll .roll {
   padding: 0 21px;
}

.toast_roll .roll img {
   max-width: 100%;
   width: 100%;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
}

.toast_roll .slick-arrow {
   padding: 0;
   background: none;
   cursor: pointer;
   outline: none;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   position: absolute;
   transition: all .3s linear;
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);
   top: 50%;
   margin-top: -30px;
   z-index: 99999;
   font-size: 0;
   border: 0;
}

.toast_roll .slick-prev {
   background: #fff url('/brand/img/arrow_p.svg') no-repeat center/100% auto;
   left: -30px;
}

.toast_roll .slick-next {
   background: #fff url('/brand/img/arrow_n.svg') no-repeat center/100% auto;
   right: -30px;
}

.toast_roll .slick-prev:hover {
   background: var(--mainColor) url('/brand/img/arrow_p_on.svg') no-repeat center/100% auto;
}

.toast_roll .slick-next:hover {
   background: var(--mainColor) url('/brand/img/arrow_n_on.svg') no-repeat center/100% auto;
}

.isaacR_cont .toast_roll .slick-prev:hover {
   background: var(--subColor) url('/brand/img/arrow_p2.svg') no-repeat center/100% auto;
}

.isaacR_cont .toast_roll .slick-next:hover {
   background: var(--subColor) url('/brand/img/arrow_n2.svg') no-repeat center/100% auto;
}

/**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/




/**** S:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/
.ceo_cont {
   position: relative;
}

.ceo_cont .ceo_bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.ceo_cont h3 {
   font-size: 35px;
   letter-spacing: -1pt;
   line-height: 140%;
   font-weight: 400;
   color: #222;
   word-break: keep-all;
   font-family: var(--koFont);
   padding: 0 0 40px;
}

.ceo_cont h3 strong {
   display: inline;
   letter-spacing: -1pt;
   font-weight: 700;
   line-height: 140%;
}

.ceo_cont .conTxt p {
   padding: 0 0 35px;
   color: rgba(34, 34, 34, .7);
   letter-spacing: -0.35pt;
}

.ceo_cont .conTxt p:last-child {
   padding: 0;
}

.ceo_cont .ceo {
   font-size: 20px;
   letter-spacing: -0.55pt;
   color: #222;
   line-height: 120%;
   padding: 70px 0 0;
}

.ceo_cont .ceo strong {
   font-family: var(--koFont);
   display: inline-block;
   font-size: 30px;
   font-weight: 700;
   margin: 0 0 0 10px;
}

/**** E:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/


/**** S:: ºê·£µå > »çȸ°øÇå ****/
.social_cont {}

.social_in {}

.social_in dl {
   position: relative;
}

.social_in dl dt {
   width: 100%;
   max-width: 700px;
}

.social_in dl dt img {
   max-width: 100%;
   width: 100% !important;
   height: auto !important;
   overflow: hidden;
   border-radius: var(--borderR);
}

.social_in dl dd {
   background: var(--mainColor);
   max-width: 700px;
   width: 100%;
   position: absolute;
   right: 0;
   top: 50px;
   z-index: 2;
   box-sizing: border-box;
   padding: 100px 75px;
   border-radius: var(--borderR);
}

.social_in dl dd img {
   position: absolute;
   right: 50px;
   top: 50px;
   width: 80px;
}

.social_in dl dd .conTit {
   color: #fff;
   padding: 0 0 70px;
   position: relative;
}

.social_in dl dd .conTit strong {
   display: block;
   font-weight: 700;
}

.social_in dl dd .conTit:after {
   content: '';
   width: 30px;
   height: 4px;
   border-radius: 4px;
   display: inline-block;
   background: #fff;
   position: absolute;
   left: 0;
   bottom: 30px;
}

.social_in dl dd .conTxt {
   color: #fff;
}


/* .social_ways{background: linear-gradient(180deg, #FFE68C 0%, rgba(255, 230, 140, 0.48) 100%); position:relative;}
  .social_ways:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url('/brand/img/social_bg.png') no-repeat center/cover;} */

.social_ways {
   position: relative;
}

.social_ways .social_bg {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.social_ways .w1350 {
   z-index: 2;
}

.social_ways .ways_list {
   display: flex;
   flex-wrap: wrap;
}

.social_ways .ways_list dl {
   background: #fff;
   border-radius: var(--borderR);
   overflow: hidden;
   margin: 0 20px 0 0;
   width: calc((100% - 80px)/5);
}

.social_ways .ways_list dl:nth-child(5n) {
   margin-right: 0;
}

.social_ways .ways_list dl dt img {
   max-width: 100%;
   width: 100% !important;
   height: auto !important;
}

.social_ways .ways_list dl dd {
   box-sizing: border-box;
   padding: 25px 20px;
}

.social_ways .ways_list dl dd .subTit {
   padding: 0 0 6px;
   line-height: 120%;
}

.social_heart {
   background: rgba(240, 236, 210, 0.35);
}

.social_heart .heart_list {
   width: calc(100% + 30px);
   margin: 0 -15px;
}

.social_heart .heart_list:after {
   content: '';
   display: block;
   clear: both;
}

.social_heart .heart_list dl {
   padding: 0 15px;
}

.social_heart .heart_list dl a {
   display: block;
}

.social_heart .heart_list dl dt {
   border-radius: var(--borderR);
   overflow: hidden;
}

.social_heart .heart_list dl dt img {
   max-width: 100%;
   width: 100%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   transition: all .3s linear;
}

.social_heart .heart_list dl:hover dt img {
   transform: scale(1.1);
}

.social_heart .heart_list dl dd {
   text-align: left;
   padding: 20px 0 0;
}

.social_heart .heart_list dl dd .txt {
   color: #222;
}

.social_heart .slick-arrow {
   padding: 0;
   border: 0;
   font-size: 0;
   outline: none;
   cursor: pointer;
   transition: all .3s linear;
   position: absolute;
   top: 50%;
   margin-top: -20px;
   z-index: 9999;
   width: 22px;
   height: 39px;
   opacity: 0.3;
}

.social_heart .slick-arrow:hover {
   opacity: 1;
}

.social_heart .slick-prev {
   background: url('/img/arrow_p.svg') no-repeat center/100% auto;
   left: -55px;
}

.social_heart .slick-next {
   background: url('/img/arrow_n.svg') no-repeat center/100% auto;
   right: -55px;
}

/**** E:: ºê·£µå > »çȸ°øÇå ****/





/**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/
.anniversary_cont {}

.anniversary_in {}

.anniversary_in img {
   width: 200px;
   margin: 0 auto 50px;
}

.anniversary_in .conTxt br {
   display: block !important;
}

.anniversary_history {
   background: rgba(255, 230, 140, .5);
   position: relative;
   overflow: hidden;
}

.anniversary_history:before {
   content: '';
   display: block;
   width: 100%;
   height: 60px;
   position: absolute;
   left: 0;
   top: -20px;
   background: url('/brand/img/anniversary_bg.svg') repeat-x top center/auto 100%;
}

/**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/


/**** S:: °¡¸Í¾È³» > ÀÎÅ׸®¾î ****/
.interior_cont {
   overflow: hidden;
}

.interior_in {
   padding: 140px 0 80px;
   background: var(--subColor);
}

.interior_in .conTit {
   padding: 0 0 20px;
}

.interior_in .conTxt br {
   display: block !important;
}

/**** E:: °¡¸Í¾È³» > ÀÎÅ׸®¾î ****/




/**** S:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/
.store_new {
   overflow: hidden;
}

.store_roll {
   max-width: calc(100% + 30px);
   margin: 0 -15px;
}

.store_roll:after {
   content: '';
   display: block;
   clear: both;
}

.store_roll .roll {
   padding: 60px 15px;
}

.store_roll .roll a {
   display: block;
   text-align: center;
   background: #fff;
   border-radius: var(--borderR);
   box-sizing: border-box;
   padding: 30px;
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);
}

.store_roll .roll a dt {
   position: relative;
}

.store_roll .roll a dt .new {
   width: 50px;
   display: inline-block;
   position: absolute;
   right: -20px;
   top: -20px;
   z-index: 9999;
}

.store_roll .roll a dt .new img {
   max-width: 100%;
}

.store_roll .roll a dt .icon {
   display: inline-block;
   width: 60px;
   margin: 0 auto 20px;
}

.store_roll .roll a dt .icon img {
   max-width: 100%;
}

.store_roll .roll a dt h4 {
   font-size: 22px;
   letter-spacing: -0.75pt;
   color: #222;
   line-height: 120%;
   word-break: keep-all;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   word-wrap: normal !important;
   display: block;
   margin: 0 0 10px;
}

.store_roll .roll a dd {
   padding: 20px 0 0;
   border-top: 1px solid #ddd;
}

.store_roll .roll a dd .txt {
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 1.6em;
   height: 3.2em;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.store_roll .slick-arrow {
   width: 22px;
   height: 38px;
   display: inline-block;
   padding: 0;
   border: 0;
   outline: none;
   cursor: pointer;
   position: absolute;
   top: 50%;
   margin-top: -19px;
   transition: all .3s linear;
   z-index: 9999;
   font-size: 0;
}

.store_roll .slick-prev {
   background: url('/admin/bbs/skin/mapBasic_daum/image/store_arrow_p.svg') no-repeat center/100% auto;
   left: -52px;
}

.store_roll .slick-next {
   background: url('/admin/bbs/skin/mapBasic_daum/image/store_arrow_n.svg') no-repeat center/100% auto;
   right: -52px;
}

.store_roll .slick-prev:hover {
   background: url('/admin/bbs/skin/mapBasic_daum/image/store_arrow_p_on.svg') no-repeat center/100% auto;
}

.store_roll .slick-next:hover {
   background: url('/admin/bbs/skin/mapBasic_daum/image/store_arrow_n_on.svg') no-repeat center/100% auto;
}

/**** E:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/


/**** S:: °í°´°Ô½ÃÆÇ > °í°´ ¹®ÀÇ ****/
.inquiry_cont {}

.form_wrap {
   max-width: 890px;
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
   padding: 60px 100px 180px;
   position: relative;
}

.form_wrap:before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background: #fff;
   border-radius: 15px 15px 0 0;
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);
   position: absolute;
   lefT: 0;
   bottom: 0;
   z-index: -1;
}

/**** E:: °í°´°Ô½ÃÆÇ > °í°´ ¹®ÀÇ ****/





/**** S:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/
.education_cont {}

.schedule_list {
   display: flex;
   flex-wrap: wrap;
}

.schedule_list dl {
   margin: 0 30px 0 0;
   width: calc((100% - 30px)/2);
   box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);
   box-sizing: border-box;
   background: #fff;
   border-radius: var(--borderR);
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   padding: 45px 55px 60px;
}

.schedule_list dl:nth-child(2n) {
   margin-right: 0;
}

.schedule_list dl dt {
   width: 80px;
}

.schedule_list dl dt img {
   max-width: 100%;
}

.schedule_list dl dd {
   width: calc(100% - 80px);
   box-sizing: border-box;
   padding: 0 0 0 55px;
}

.schedule_list dl dd .sTit {
   padding: 0 0 12px;
}

.schedule_list dl dd ul {}

.schedule_list dl dd ul li {
   padding: 0 0 6px 80px;
   box-sizing: border-box;
   position: relative;
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 170%;
   color: rgba(34, 34, 34, .7);
   word-break: keep-all;
}

.schedule_list dl dd ul li:last-child {
   padding-bottom: 0;
}

.schedule_list dl dd ul li span {
   font-weight: 700;
   position: absolute;
   left: 0;
   top: 0;
   color: #222;
   line-height: 170%;
}


.process_list {}

.process_list ul {
   display: flex;
   justify-content: center;
}

.process_list ul li {
   text-align: center;
   display: flex;
   align-items: center;
   padding: 0 50px;
   box-sizing: border-box;
   border-radius: 50%;
   border: 4px solid;
   margin: 0 30px 30px 0;
   width: 315px;
   height: 315px;
   position: relative;
}

.process_list.three ul li:last-child {
   margin: 0;
}

.process_list ul li:after {
   content: '';
   display: block;
   width: 15px;
   height: 25px;
   position: absolute;
   right: -26px;
   top: 50%;
   margin-top: -12px;
   background: url('/membership/img/costs_arrow.svg') no-repeat center/100% auto;
}

.process_list ul li:last-child:after {
   display: none !important;
}

.process_list ul li>div {
   width: 100%;
}

.process_list ul li .sTit {
   padding: 0 0 15px;
   margin: 0 0 20px;
   border-bottom: 1px solid #ddd;
   line-height: 130%;
}

.process_list ul li .sTit em {
   display: block;
   font-style: normal;
   font-size: 28px;
   letter-spacing: 0;
   line-height: 120%;
   font-family: var(--koFont);
   padding: 0 0 10px;
}

.process_list.three ul li:nth-child(1):after {
   background: url('/membership/img/education_arrow01.svg') no-repeat center/100% auto;
}

.process_list.three ul li:nth-child(2):after {
   background: url('/membership/img/education_arrow02.svg') no-repeat center/100% auto;
}

.process_list.three ul li:nth-child(1) {
   border-color: rgba(90, 59, 32, 0.4);
}

.process_list.three ul li:nth-child(1) .sTit em {
   color: rgba(90, 59, 32, 0.4);
}

.process_list.three ul li:nth-child(2) {
   border-color: rgba(90, 59, 32, 0.6);
}

.process_list.three ul li:nth-child(2) .sTit em {
   color: rgba(90, 59, 32, 0.6);
}

.process_list.three ul li:nth-child(3) {
   border-color: rgba(90, 59, 32, 1);
}

.process_list.three ul li:nth-child(3) .sTit em {
   color: rgba(90, 59, 32, 1);
}

/**** E:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/





/**** S:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/
.process_list.four ul {
   flex-wrap: wrap;
}

.process_list.four ul li:nth-child(4n) {
   margin-right: 0;
}

.process_list.four ul li:nth-child(4n):after {
   display: none;
}

.process_list.four ul li:nth-child(1) {
   border-color: rgba(90, 59, 32, 0.15);
}

.process_list.four ul li:nth-child(2) {
   border-color: rgba(90, 59, 32, 0.4);
}

.process_list.four ul li:nth-child(3) {
   border-color: rgba(90, 59, 32, 0.5);
}

.process_list.four ul li:nth-child(4) {
   border-color: rgba(90, 59, 32, 0.6);
}

.process_list.four ul li:nth-child(5) {
   border-color: rgba(90, 59, 32, 0.7);
}

.process_list.four ul li:nth-child(6) {
   border-color: rgba(90, 59, 32, 0.8);
}

.process_list.four ul li:nth-child(7) {
   border-color: rgba(90, 59, 32, 0.9);
}

.process_list.four ul li:nth-child(8) {
   border-color: rgba(90, 59, 32, 1);
   background: var(--mainColor);
}

.process_list.four ul li:nth-child(1) .sTit em {
   color: rgba(90, 59, 32, 0.15);
}

.process_list.four ul li:nth-child(2) .sTit em {
   color: rgba(90, 59, 32, 0.4);
}

.process_list.four ul li:nth-child(3) .sTit em {
   color: rgba(90, 59, 32, 0.5);
}

.process_list.four ul li:nth-child(4) .sTit em {
   color: rgba(90, 59, 32, 0.6);
}

.process_list.four ul li:nth-child(5) .sTit em {
   color: rgba(90, 59, 32, 0.7);
}

.process_list.four ul li:nth-child(6) .sTit em {
   color: rgba(90, 59, 32, 0.8);
}

.process_list.four ul li:nth-child(7) .sTit em {
   color: rgba(90, 59, 32, 0.9);
}

.process_list.four ul li:nth-child(8) .sTit {
   color: #fff;
   border-color: rgba(255, 255, 255, .3);
}

.process_list.four ul li:nth-child(8) .sTit em {
   color: #fff;
}

.process_list.four ul li:nth-child(8) .txt {
   color: rgba(255, 255, 255, .7);
}

.process_list.four ul li:nth-child(1):after {
   opacity: 0.15;
}

.process_list.four ul li:nth-child(2):after {
   opacity: 0.4;
}

.process_list.four ul li:nth-child(3):after {
   opacity: 0.5;
}

.process_list.four ul li:nth-child(4):after {
   opacity: 0.6;
}

.process_list.four ul li:nth-child(5):after {
   opacity: 0.7;
}

.process_list.four ul li:nth-child(6):after {
   opacity: 0.8;
}

.process_list.four ul li:nth-child(7):after {
   opacity: 0.9;
}

.process_list.four ul li:nth-child(8):after {
   opacity: 1;
}

.document_box {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}

.document_box dt {
   width: calc(50% - 15px);
}

.document_box dt img {
   max-width: 100%;
   width: 100% !important;
   height: auto !important;
   border-radius: var(--borderR);
}

.document_box dd {
   width: calc(50% - 15px);
   box-sizing: border-box;
   padding: 0 0 0 40px;
}

.document_box dd .sTit {
   padding: 35px 0 0;
}

.document_box dd .sTit:first-child {
   padding-top: 0;
}

.document_box dd .sTit small {
   display: inline-block;
   font-size: 20px;
   letter-spacing: -0.35pt;
   line-height: 150%;
   color: #222;
   font-weight: 400;
   font-family: 'Pretendard', sans-serif;
}

.document_box dd .num_list {}

.document_box dd .num_list li {
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 160%;
   padding: 0 0 6px 33px;
   box-sizing: border-box;
   position: relative;
}

.document_box dd .num_list li:first-child {
   margin: 12px 0 0;
}

.document_box dd .num_list li span {
   display: inline-block;
   width: 25px;
   height: 25px;
   line-height: 25px;
   text-align: center;
   font-size: 16px;
   font-weight: 700;
   color: #222;
   background: var(--subColor);
   position: absolute;
   left: 0;
   top: 2px;
   border-radius: 50%;
}

.table_scr {
   position: relative;
}

.table_scr .responsive-dim {}

.costs_table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0px;
}

.costs_table th {
   font-family: "Noto Sans KR", sans-serif;
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 150%;
   padding: 20px 10px;
   text-align: center;
   font-weight: 500;
   color: #222;
   box-sizing: border-box;
   border-right: 1px solid rgba(34, 34, 34, .1);
   background: #ffcb05;
}

.costs_table th:first-child {
   border-radius: 50px 0 0 50px;
}

.costs_table th:last-child {
   border-radius: 0 50px 50px 0;
}

.costs_table td {
   font-size: 1rem;
   letter-spacing: -0.35pt;
   line-height: 150%;
   padding: 25px 15px;
   text-align: center;
   font-weight: 400;
   color: rgba(34, 34, 34, .7);
   box-sizing: border-box;
   border-right: 1px solid #ddd;
   background: #fff;
   border-bottom: 1px solid #ddd;
   word-break: keep-all;
}

.costs_table td.left {
   padding: 25px 20px;
}

.costs_table td.borderB0 {
   border-bottom: 0;
}

.costs_table td.tit {
   color: #222;
   font-weight: 700;
}

.costs_table td.tit.red {
   color: var(--mainColor);
}

.costs_table th:last-child,
.costs_table td:last-child {
   border-right: 0;
}

.costs_table .total_box td {
   background: #552620;
   border-color: rgba(255, 255, 255, .3);
   color: #fff;
}

.costs_table .total_box td:first-child {
   border-radius: 50px 0 0 50px;
}

.costs_table .total_box td:last-child {
   border-radius: 0 50px 50px 0;
}

.table_txt {
   text-align: right;
   font-size: 0.889rem;
   color: rgba(34, 34, 34, .6);
   letter-spacing: -0.35pt;
   word-break: keep-all;
   padding: 10px 0 0;
}

/**** E:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/



/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_con {
   position: relative;
   overflow: hidden;
   word-break: keep-all;
}

.policy_con .cont_title {
   font-size: 24px;
   color: #222;
   padding-bottom: 18px;
   letter-spacing: -1.2pt;
   font-weight: 600;
}

.policy_con p.cont_tit {
   display: block;
   font-size: 1.35em !important;
   line-height: 140%;
   word-break: keep-all;
   padding-bottom: 10px;
   font-weight: 700;
   color: #222 !important;
}

.policy_con .cont_txt {
   padding: 0px 0px 40px 0;
   font-size: 1.065rem;
   letter-spacing: -.25px;
}

.policy_con .cont_txt2 {
   padding-bottom: 40px;
}

.policy_con .cont_box {
   padding: 30px 30px;
   background: rgba(255, 230, 140, 0.5);
   margin: 7px 0px 10px 0px;
   display: block;
   font-size: 1rem;
   border-radius: var(--borderR);
   letter-spacing: -.25px;
   word-break: keep-all;
}

.privacy_list {
   width: 100%;
   overflow: hidden;
   clear: both;
   *zoom: 1;
   padding: 4% 4% 3% 4%;
   border: 1px dashed #ddd;
   margin-bottom: 30px;
   box-sizing: border-box;
   border-radius: var(--borderR);
}

.privacy_list li {
   width: 49%;
   float: left;
   padding-bottom: 1%;
}

.privacy_list li a {
   font-weight: bold;
   color: #222;
}

.policy_con b,
.policy_con strong {
   color: #222;
   font-weight: 500;
}

/* õ¸íÈ£Ãß°¡(2016-07-20) */
.pay_add_tit {
   font-size: 11px;
   color: #555;
}

.pay_add_tit2 {
   font-size: 11px;
   color: #ee2d7a;
}




/*******************************************************************************
    @media 1600px
*******************************************************************************/
@media all and (max-width:1600px) {

   /**** S:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/
   .store_new {}

   .store_roll {
      padding: 0 30px;
      box-sizing: border-box;
   }

   .store_roll .slick-prev {
      left: 0;
   }

   .store_roll .slick-next {
      right: 0;
   }

   /**** E:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/


   /**** S:: ºê·£µå > »çȸ°øÇå ****/
   .social_in {}

   .social_in dl dt {
      max-width: 52%;
   }

   .social_in dl dd {
      max-width: 52%;
   }

   .social_heart {}

   .social_heart .heart_list {
      padding: 0 30px;
      box-sizing: border-box;
   }

   .social_heart .slick-prev {
      left: 0;
   }

   .social_heart .slick-next {
      right: 0;
   }

   /**** E:: ºê·£µå > »çȸ°øÇå ****/



}

/*******************************************************************************
    @media 1400px
*******************************************************************************/
@media all and (max-width:1400px) {

   /* css °øÅë */
   .conTit br {
      display: none;
   }

   .conTxt br {
      display: none;
   }

   .subTit br {
      display: none;
   }

   .subTxt br {
      display: none;
   }

   .txt br {
      display: none;
   }

   .small_txt br {
      display: none;
   }

   .sTit br {
      display: none;
   }



   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/
   .toast_cont:before {
      height: 25%;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/


   /**** S:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/
   .schedule_list {}

   .schedule_list dl dd ul li br {
      display: none;
   }

   .process_list {}

   .process_list ul {
      max-width: 1200px;
      margin: 0 auto;
   }

   .process_list ul li {
      width: 277px;
      height: 277px;
   }

   /**** E:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/


}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px) {

   #contents {
      margin: 94px auto 0;
   }

   #subTitle h3 {
      font-size: 40px;
   }



   /* css °øÅë */
   .basicCont {
      margin: 0 auto 140px;
   }


   .conTit {
      font-size: 35px;
   }

   .conTxt {
      font-size: 18px;
   }

   .titArea {
      padding: 0 0 40px;
   }

   .subTit {
      font-size: 20px;
   }

   .subTxt {
      font-size: 24px;
   }

   .sTit {
      font-size: 23px;
   }

   .padB60 {
      padding: 0 0 40px;
   }

   .padB50 {
      padding: 0 0 35px;
   }

   .padB40 {
      padding: 0 0 30px;
   }

   .padB30 {
      padding: 0 0 20px;
   }

   .sub_pad {
      padding: 140px 0;
   }

   .sub_pad_t {
      padding: 140px 0 0;
   }

   .sub_pad_b {
      padding: 0 0 140px;
   }


   .sub_pad2 {
      padding: 100px 0;
   }

   .sub_pad2_t {
      padding: 100px 0 0;
   }

   .sub_pad2_b {
      padding: 0 0 100px;
   }


   .dot_list {}

   .dot_list>li,
   .dot_list>dd {
      padding: 0 0 8px 14px;
   }

   .dot_list>li:before,
   .dot_list>dd:before {
      top: 9px;
   }

   /* ÅǸ޴º */
   .tab_style {
      margin: 0 auto 40px;
   }

   .tab_style ul {}

   .tab_style ul li {
      margin: 0 15px;
   }

   .tab_style ul li a {
      font-size: 18px;
      padding: 0 6px 3px;
   }




   /**** S:: ºê·£µå > (ÁÖ)ÀÌ»è ****/
   .isaac_mission .titArea {
      padding: 30px 0 100px;
   }

   .isaac_mission .titArea img {
      max-width: 200px;
   }

   .isaac_mission .titArea .conTit strong {
      font-size: 50px;
   }

   .isaac_value {}

   .isaac_value ul {
      max-width: 960px;
   }

   .isaac_value ul li {
      width: 300px;
      height: 300px;
   }

   .isaac_value ul li .subTxt small {
      font-size: 18px;
   }

   .identity_cont {}

   .identity_list {}

   .identity_list li {
      padding: 60px 20px 20px;
   }

   .identity_list li img {
      height: 100px;
      margin: 0 auto 40px;
   }

   .color_list {}

   .color_list li {
      padding: 30px 30px 100px;
   }

   .color_list li h5 {
      font-size: 18px;
   }

   /**** E:: ºê·£µå > (ÁÖ)ÀÌ»è ****/



   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/
   .story_in {}

   .story_in .story_tit {
      max-width: 420px;
   }

   .story_in .icon {
      max-width: 60px;
   }

   .story_mission {}

   .story_mission dl {}

   .story_mission dl dt {
      width: calc(100% - 400px);
   }

   .story_mission dl dd {
      width: 400px;
   }

   .story_brand {}

   .story_brand img {
      width: 70px;
   }

   .story_keyword {}

   .keyword_list {
      max-width: 960px;
   }

   .keyword_list li {
      width: 300px;
      height: 300px;
      padding: 0 40px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/



   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/
   .isaacToast_in .conTit {
      padding: 0 0 18px;
   }

   .toast_cont {}

   .toast_in {
      padding: 24px 70px 80px;
   }

   .toast_in .conTit {
      padding: 15px 0;
   }

   .toast_roll {
      width: calc(100% + 30px);
      margin: 0 -15px;
   }

   .toast_roll .roll {
      padding: 0 15px;
   }

   .toast_roll .slick-arrow {
      width: 50px;
      height: 50px;
      margin-top: -25px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/


   /**** S:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/
   .ceo_cont {}

   .ceo_cont h3 {
      font-size: 30px;
      padding: 0 0 30px;
   }

   .ceo_cont .conTxt p {
      padding: 0 0 25px;
   }

   .ceo_cont .ceo {
      font-size: 18px;
      padding: 50px 0 0;
   }

   .ceo_cont .ceo strong {
      font-size: 26px;
   }

   /**** E:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/

   /**** S:: ºê·£µå > »çȸ°øÇå ****/
   .social_in {}

   .social_in dl dd {
      top: 30px;
      padding: 70px 50px;
   }

   .social_in dl dd img {
      right: 30px;
      top: 30px;
      width: 60px;
   }

   .social_in dl dd .conTit {
      padding: 0 0 50px;
   }

   .social_in dl dd .conTit:after {
      bottom: 25px;
   }


   .social_ways {}

   .social_ways .ways_list dl dd {
      padding: 20px 10px;
   }


   .social_heart .slick-arrow {
      margin-top: -17px;
      width: 20px;
      height: 35px;
   }

   .social_heart .slick-prev {
      left: 5px;
   }

   .social_heart .slick-next {
      right: 5px;
   }

   /**** E:: ºê·£µå > »çȸ°øÇå ****/


   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/
   .anniversary_in {}

   .anniversary_in img {
      width: 160px;
      margin: 0 auto 40px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/


   /**** S:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/
   .education_cont {}

   .schedule_list {}

   .schedule_list dl {
      padding: 35px 40px 50px;
   }

   .schedule_list dl:nth-child(2n) {
      margin-right: 0;
   }

   .schedule_list dl dt {
      width: 60px;
   }

   .schedule_list dl dd {
      width: calc(100% - 60px);
      padding: 0 0 0 30px;
   }

   .schedule_list dl dd .sTit {
      padding: 0 0 10px;
   }

   .process_list {}

   .process_list ul {
      max-width: 930px;
   }

   .process_list ul li {
      padding: 0 30px;
      border: 3px solid;
      margin: 0 20px 20px 0;
      width: 217px;
      height: 217px;
   }

   .process_list ul li:after {
      width: 12px;
      height: 20px;
      right: -20px;
      margin-top: -10px;
   }

   .process_list ul li .sTit {
      padding: 0 0 10px;
      margin: 0 0 12px;
   }

   .process_list ul li .sTit em {
      font-size: 22px;
      padding: 0 0 6px;
   }

   /**** E:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/




   /**** S:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/
   .document_box {
      align-items: flex-start;
   }

   .document_box dt {}

   .document_box dd {
      padding: 0 0 0 30px;
   }

   .document_box dd .sTit {
      padding: 25px 0 0;
   }

   .document_box dd .sTit small {
      font-size: 16px;
   }

   .document_box dd .num_list {}

   .document_box dd .num_list li {
      padding: 0 0 4px 28px;
   }

   .document_box dd .num_list li:first-child {
      margin: 10px 0 0;
   }

   .document_box dd .num_list li span {
      width: 22px;
      height: 22px;
      line-height: 22px;
      font-size: 14px;
      top: 2px;
   }

   /**** E:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/



}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px) {


   /* ¼­ºê lnb */
   #sub_menu {
      padding: 16px 0;
   }

   #sub_menu .mobile_snb {
      justify-content: flex-start;
   }

   #sub_menu .mobile_snb .lnbHome {
      margin: 0 18px 0 0;
   }

   #sub_menu .mobile_snb .tbox .box {
      padding: 0 18px;
   }

   #sub_menu .mobile_snb .tbox .box:before {
      height: 10px;
      margin-top: -5px;
   }

   #sub_menu .mobile_snb .tbox .box .dropLst .title {
      padding: 0 16px 0 0;
      font-size: 14px;
   }

   #sub_menu .mobile_snb .tbox .box .dropLst .dlst {
      top: 25px;
      width: 120px;
      padding: 15px 10px;
   }

   #sub_menu .mobile_snb .tbox .box .dropLst .dlst ul {}

   #sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li {
      padding: 0 0 10px;
   }

   #sub_menu .mobile_snb .tbox .box .dropLst .dlst ul li a {
      font-size: 13px;
   }


   #contents {
      margin: 74px auto 0;
   }

   #subTitle {
      padding: 60px 3% 30px;
   }

   #subTitle h3 {
      font-size: 30px;
   }

   #subTitle.title {
      padding: 60px 3% 8px;
   }

   #subTitle.line {
      padding: 60px 3% 80px;
   }

   #subTitle.line:after {
      width: 30px;
      bottom: 40px;
      margin-left: -15px;
   }

   /* css °øÅë */
   .basicCont {
      padding: 0 3%;
      margin: 0 auto 100px;
   }


   .padB60 {
      padding: 0 0 30px;
   }

   .padB50 {
      padding: 0 0 25px;
   }

   .padB40 {
      padding: 0 0 20px;
   }

   .padB30 {
      padding: 0 0 15px;
   }

   .sub_pad {
      padding: 100px 0;
   }

   .sub_pad_t {
      padding: 100px 0 0;
   }

   .sub_pad_b {
      padding: 0 0 100px;
   }

   .sub_pad2 {
      padding: 80px 0;
   }

   .sub_pad2_t {
      padding: 80px 0 0;
   }

   .sub_pad2_b {
      padding: 0 0 80px;
   }

   .conTit {
      font-size: 26px;
   }

   .conTxt {
      font-size: 16px;
   }

   .titArea {
      padding: 0 0 30px;
   }

   .titArea .conTit {
      padding: 0 0 8px;
   }

   .subTit {
      font-size: 18px;
   }

   .subTxt {
      font-size: 20px;
   }

   .small_txt {
      font-size: 13px;
   }

   .sTit {
      font-size: 20px;
      padding: 0 0 15px;
   }

   .dot_list {}

   .dot_list>li,
   .dot_list>dd {
      padding: 0 0 6px 10px;
   }

   .dot_list>li:before,
   .dot_list>dd:before {
      width: 4px;
      height: 4px;
      top: 7px;
   }


   /* ÅǸ޴º */
   .tab_style {
      margin: 0 auto 30px;
   }

   .tab_style ul {}

   .tab_style ul li a {
      font-size: 16px;
   }

   .tab_style ul li a:after {
      height: 3px;
   }


   /* Å×À̺í */
   .table_style {
      margin: 10px 0;
   }

   .table_style th {
      padding: 12px 8px;
   }

   .table_style td {
      padding: 12px;
   }


   /**** S:: ºê·£µå > (ÁÖ)ÀÌ»è ****/
   .isaac_mission .titArea {
      padding: 20px 0 60px;
   }

   .isaac_mission .titArea img {
      max-width: 150px;
      margin: 0 auto 15px;
   }

   .isaac_mission .titArea .conTit strong {
      font-size: 38px;
   }

   .isaac_mission dl {}

   .isaac_mission dl dt {}

   .isaac_mission dl dd {
      padding: 40px 0 0;
   }

   .isaac_value {}

   .isaac_value ul {
      max-width: 640px;
   }

   .isaac_value ul li {
      width: 200px;
      height: 200px;
   }

   .isaac_value ul li .subTxt small {
      font-size: 16px;
      padding: 0 0 6px;
   }

   .identity_cont {}

   .identity_list {
      margin: 30px 0 0;
   }

   .identity_list li {
      background-size: 12px auto;
      padding: 40px 20px 20px;
      margin: 0 20px 20px 0;
   }

   .identity_list li.one {
      margin-right: 0;
   }

   .identity_list li.one {
      width: 100%;
   }

   .identity_list li.two {
      width: calc((100% - 20px)/2);
   }

   .identity_list li.three {
      width: calc((100% - 20px)/2);
   }

   .identity_list li img {
      height: 80px;
      margin: 0 auto 20px;
   }

   .color_list {
      margin: 30px 0 0;
   }

   .color_list li {
      font-size: 13px;
      padding: 20px 20px 60px;
   }

   .color_list li h5 {
      font-size: 16px;
      padding: 0 0 8px;
   }

   /**** E:: ºê·£µå > (ÁÖ)ÀÌ»è ****/



   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/
   .story_in {}

   .story_in .story_tit {
      max-width: 300px;
   }

   .story_in .icon {
      max-width: 45px;
      margin: 0 auto 20px;
   }

   .story_in .subTxt {
      padding: 0 0 15px;
   }

   .story_mission {}

   .story_mission dl {}

   .story_mission dl dt {
      width: 55%;
   }

   .story_mission dl dd {
      width: 45%;
      padding: 0 20px 0 0;
   }

   .story_brand {}

   .story_brand .conTit {
      padding: 0 0 25px;
   }

   .story_brand h4.conTit {
      padding: 0 0 20px;
   }

   .story_brand img {
      width: 50px;
      margin: 0 auto 20px;
   }

   .story_value {}

   .value_list {}

   .value_list dl {
      margin: 0 20px 0 0;
      width: calc((100% - 60px)/4);
   }

   .value_list dl:nth-child(4n) {
      margin-right: 0;
   }

   .value_list dl dd {
      padding: 18px 0 0;
   }

   .story_keyword {}

   .keyword_list {
      max-width: 640px;
   }

   .keyword_list li {
      width: 200px;
      height: 200px;
      padding: 0 20px;
   }

   .keyword_list li .subTxt {
      padding: 0 0 12px;
      margin: 0 0 12px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/

   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/
   .isaacToast_in {
      padding: 90px 0 50px;
   }

   .isaacToast_in .conTit {
      padding: 0 0 12px;
   }

   .toast_cont {}

   .toast_in {
      padding: 20px 50px 50px;
   }

   .toast_in .conTit {
      padding: 10px 0;
   }

   .toast_roll {
      width: calc(100% + 20px);
      margin: 0 -10px;
   }

   .toast_roll .roll {
      padding: 0 10px;
   }

   .toast_roll .slick-arrow {
      width: 40px;
      height: 40px;
      margin-top: -20px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/


   /**** S:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/
   .ceo_cont {}

   .ceo_cont h3 {
      font-size: 24px;
      padding: 0 0 20px;
   }

   .ceo_cont .conTxt p {
      padding: 0 0 15px;
   }

   .ceo_cont .ceo {
      font-size: 16px;
      padding: 30px 0 0;
   }

   .ceo_cont .ceo strong {
      font-size: 20px;
   }

   /**** E:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/


   /**** S:: ºê·£µå > »çȸ°øÇå ****/
   .social_in {}

   .social_in dl dt {}

   .social_in dl dd {
      top: 20px;
      padding: 40px 30px;
   }

   .social_in dl dd img {
      right: 20px;
      top: 20px;
      width: 40px;
   }

   .social_in dl dd .conTit {
      padding: 0 0 30px;
   }

   .social_in dl dd .conTit:after {
      width: 20px;
      height: 2px;
      bottom: 15px;
   }

   .social_ways {}

   /* .social_ways:after{background-size:100% auto; background-position:center bottom;} */
   .social_ways .ways_list dl {
      margin: 0 20px 20px 0;
      width: calc((100% - 40px)/3);
   }

   .social_ways .ways_list dl:nth-child(5n) {
      margin-right: 20px;
   }

   .social_ways .ways_list dl:nth-child(3n) {
      margin-right: 0;
   }

   .social_ways .ways_list dl dd {
      padding: 15px 8px;
   }

   .social_heart {}

   .social_heart .heart_list {
      width: calc(100% + 20px);
      margin: 0 -10px;
      padding: 0 20px;
   }

   .social_heart .heart_list dl {
      padding: 0 10px;
   }

   .social_heart .heart_list dl dd {
      padding: 15px 0 0;
   }

   .social_heart .slick-arrow {
      margin-top: -14px;
      width: 16px;
      height: 28px;
   }

   .social_heart .slick-prev {
      left: 0;
   }

   .social_heart .slick-next {
      right: 0;
   }

   /**** E:: ºê·£µå > »çȸ°øÇå ****/


   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/
   .anniversary_in {}

   .anniversary_in img {
      width: 120px;
      margin: 0 auto 25px;
   }

   .anniversary_history:before {
      height: 40px;
      top: -10px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/

   /**** S:: °¡¸Í¾È³» > ÀÎÅ׸®¾î ****/
   .interior_cont {}

   .interior_in {
      padding: 90px 0 60px;
   }

   .interior_in .conTit {
      padding: 0 0 15px;
   }

   /**** E:: °¡¸Í¾È³» > ÀÎÅ׸®¾î ****/



   /**** S:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/
   .store_new {}

   .store_roll {
      max-width: calc(100% + 20px);
      margin: 0 -10px;
      padding: 0 20px;
   }

   .store_roll .roll {
      padding: 40px 10px;
   }

   .store_roll .roll a {
      padding: 25px 20px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
   }

   .store_roll .roll a dt .new {
      width: 40px;
      right: -10px;
      top: -15px;
   }

   .store_roll .roll a dt .icon {
      width: 50px;
      margin: 0 auto 15px;
   }

   .store_roll .roll a dt h4 {
      font-size: 18px;
      margin: 0 0 10px;
   }

   .store_roll .roll a dd {
      padding: 12px 0 0;
   }

   .store_roll .slick-arrow {
      width: 17px;
      height: 30px;
      margin-top: -15px;
   }

   /**** E:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/

   /**** S:: °í°´°Ô½ÃÆÇ > °í°´ ¹®ÀÇ ****/
   .inquiry_cont {}

   .form_wrap {
      padding: 40px 60px 140px;
   }

   /**** E:: °í°´°Ô½ÃÆÇ > °í°´ ¹®ÀÇ ****/



   /**** S:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/
   .education_cont {}

   .schedule_list {}

   .schedule_list dl {
      margin: 0 20px 0 0;
      width: calc((100% - 20px)/2);
      padding: 25px 30px 40px;
   }

   .schedule_list dl:nth-child(2n) {
      margin-right: 0;
   }

   .schedule_list dl dt {
      width: 50px;
   }

   .schedule_list dl dd {
      width: 100%;
      padding: 10px 0 0;
   }

   .schedule_list dl dd .sTit {
      padding: 0 0 8px;
   }

   .schedule_list dl dd ul {}

   .schedule_list dl dd ul li {
      padding: 0 0 4px 60px;
   }

   .process_list {}

   .process_list ul {
      max-width: 640px;
      flex-wrap: wrap;
   }

   .process_list ul li {
      padding: 0 30px;
      margin: 0 20px 20px 0;
      width: 200px;
      height: 200px;
   }

   .process_list ul li:nth-child(3n) {
      margin-right: 0;
   }

   .process_list ul li .sTit {
      padding: 0 0 8px;
      margin: 0 0 10px;
   }

   .process_list ul li .sTit em {
      font-size: 18px;
      padding: 0 0 4px;
   }

   .process_list ul li .txt {
      line-height: 150%;
   }

   .process_list ul li:nth-child(3n):after {
      display: none;
   }

   /**** E:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/



   /**** S:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/
   .process_list.four ul {}

   .process_list.four ul li:nth-child(4n) {
      margin-right: 20px;
   }

   .process_list.four ul li:nth-child(3n) {
      margin-right: 0;
   }

   .process_list.four ul li:nth-child(4n):after {
      display: block;
   }

   .process_list.four ul li:nth-child(3n):after {
      display: none;
   }

   .document_box {}

   .document_box dt {}

   .document_box dd {
      padding: 0;
   }

   .document_box dd .sTit {
      padding: 20px 0 0;
   }

   .document_box dd .sTit small {
      font-size: 14px;
   }

   .document_box dd .num_list li {
      padding: 0 0 4px 26px;
   }

   .document_box dd .num_list li span {
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      top: 1px;
   }


   .costs_table {}

   .costs_table th {
      padding: 15px 8px;
   }

   .costs_table td {
      padding: 18px 10px;
   }

   .costs_table td.left {
      padding: 18px 15px;
   }

   .table_txt {
      padding: 10px 0 0;
      font-size: 13px;
   }

   /**** E:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/



   /* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
   .policy_con {}

   .policy_con p.cont_tit {
      font-size: 1.2em !important;
      padding-bottom: 5px;
   }

   .policy_con .cont_txt {
      padding: 0px 0px 25px 0;
   }

   .policy_con .cont_txt2 {
      padding-bottom: 25px;
   }

   .policy_con .cont_box {
      padding: 18px 18px;
   }

   .privacy_list {
      margin-bottom: 30px;
   }

   .privacy_list li {
      width: 100%;
   }

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {



   /* ¼­ºê lnb */
   #sub_menu {
      padding: 12px 0;
   }

   #contents {
      margin: 60px auto 0;
   }

   #subTitle {
      padding: 40px 4% 20px;
   }

   #subTitle h3 {
      font-size: 26px;
   }

   #subTitle.title {
      padding: 40px 4% 8px;
   }

   #subTitle.line {
      padding: 40px 4% 40px;
   }

   #subTitle.line:after {
      width: 20px;
      height: 2px;
      bottom: 20px;
      margin-left: -10px;
   }


   /* css °øÅë */
   .basicCont {
      margin: 0 auto 70px;
      padding: 0 4%;
   }

   .sub_pad {
      padding: 60px 0;
   }

   .sub_pad_t {
      padding: 60px 0 0;
   }

   .sub_pad_b {
      padding: 0 0 60px;
   }


   .sub_pad2 {
      padding: 40px 0;
   }

   .sub_pad2_t {
      padding: 40px 0 0;
   }

   .sub_pad2_b {
      padding: 0 0 40px;
   }



   .padB60 {
      padding: 0 0 20px;
   }

   .padB50 {
      padding: 0 0 18px;
   }

   .padB40 {
      padding: 0 0 15px;
   }

   .padB30 {
      padding: 0 0 10px;
   }

   .conTit {
      font-size: 20px;
   }

   .conTxt {
      font-size: 14px;
   }

   .sTit {
      font-size: 18px;
      padding: 0 0 10px;
   }

   .titArea {
      padding: 0 0 20px;
   }

   .titArea .conTit {
      padding: 0 0 6px;
   }

   .subTit {
      font-size: 16px;
   }

   .subTxt {
      font-size: 18px;
   }

   .small_txt {
      font-size: 12px;
   }

   .dot_list {}

   .dot_list>li:before,
   .dot_list>dd:before {
      top: 7px;
   }


   /* ÅǸ޴º */
   .tab_style {
      margin: 0 auto 20px;
   }

   .tab_style ul {
      display: block;
      white-space: nowrap;
      text-align: center;
      font-size: 0
   }

   .tab_style ul li {
      float: none;
      display: inline-block;
      margin: 0;
      width: auto;
      padding: 0 10px;
   }

   .tab_style ul li a {
      font-size: 14px;
   }

   .tab_style ul li a:after {
      height: 2px;
   }


   /**** S:: ºê·£µå > (ÁÖ)ÀÌ»è ****/
   .isaac_mission .titArea {
      padding: 10px 0 40px;
   }

   .isaac_mission .titArea img {
      max-width: 120px;
   }

   .isaac_mission .titArea .conTit strong {
      font-size: 30px;
   }

   .isaac_mission dl {}

   .isaac_mission dl dt {
      width: 100%;
   }

   .isaac_mission dl dd {
      width: 100%;
      padding: 20px 0 0;
   }

   .isaac_value {}

   .isaac_value ul {
      max-width: 280px;
      position: relative;
   }

   .isaac_value ul li {
      width: 180px;
      height: 180px;
   }

   .isaac_value ul li:nth-child(1) {
      margin: 0 0 60px;
   }

   .isaac_value ul li:nth-child(2) {
      position: absolute;
      right: 0;
      top: 120px;
      box-shadow: 0 0 20px rgba(0, 0, 0, .1);
   }

   .isaac_value ul li .subTxt small {
      font-size: 14px;
      padding: 0 0 4px;
   }

   .identity_cont {}

   .identity_list {
      margin: 20px 0 0;
   }

   .identity_list li {
      padding: 30px 20px 10px;
      margin: 0 10px 10px 0;
   }

   .identity_list li.one {
      margin-right: 0;
   }

   .identity_list li.one {
      width: 100%;
   }

   .identity_list li.two {
      width: calc((100% - 10px)/2);
   }

   .identity_list li.three {
      width: calc((100% - 10px)/2);
   }

   .identity_list li img {
      height: 60px;
      margin: 0 auto 15px;
   }

   .color_list {
      margin: 20px 0 0;
   }

   .color_list li {
      padding: 20px 20px 40px;
      width: 50%;
   }

   .color_list li.red,
   .color_list li.butter {
      width: 50%;
   }

   .color_list li h5 {
      font-size: 14px;
      padding: 0 0 6px;
   }

   /**** E:: ºê·£µå > (ÁÖ)ÀÌ»è ****/


   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/
   .story_in {}

   .story_in .story_tit {
      max-width: 230px;
   }

   .story_in .icon {
      max-width: 40px;
      margin: 0 auto 15px;
   }

   .story_in .subTxt {
      padding: 0 0 10px;
   }

   .story_mission {}

   .story_mission dl {}

   .story_mission dl dt {
      width: 100%;
   }

   .story_mission dl dd {
      width: 100%;
      padding: 20px 0 0;
   }

   .story_mission dl dd br {
      display: none !important;
   }

   .story_brand {}

   .story_brand .conTit {
      padding: 0 0 15px;
   }

   .story_brand h4.conTit {
      padding: 0 0 15px;
   }

   .story_brand img {
      width: 40px;
      margin: 0 auto 15px;
   }

   .story_value {}

   .value_list {}

   .value_list dl {
      margin: 0 10px 20px 0;
      width: calc((100% - 10px)/2);
   }

   .value_list dl:nth-child(4n) {
      margin-right: 10px;
   }

   .value_list dl:nth-child(2n) {
      margin-right: 0;
   }

   .value_list dl dd {
      padding: 12px 0 0;
   }

   .value_list dl dd .subTxt {
      font-size: 16px;
   }

   .story_keyword {}

   .keyword_list {
      max-width: 280px;
      position: relative;
   }

   .keyword_list li {
      width: 180px;
      height: 180px;
   }

   .keyword_list li:nth-child(1) {
      margin: 0 0 60px;
   }

   .keyword_list li:nth-child(2) {
      position: absolute;
      right: 0;
      top: 120px;
      box-shadow: 0 0 20px rgba(0, 0, 0, .1);
   }

   .keyword_list li .subTxt {
      padding: 0 0 8px;
      margin: 0 0 8px;
   }



   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > STORY ****/


   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/
   .isaacToast_in {
      padding: 60px 0 30px;
   }

   .isaacToast_in .conTit {
      padding: 0 0 10px;
   }

   .toast_cont {}

   .toast_in {
      padding: 20px 40px 30px;
   }

   .toast_in .conTit {
      padding: 8px 0;
   }

   .toast_roll .slick-prev {
      left: -20px;
   }

   .toast_roll .slick-next {
      right: -20px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ > ÀÌ»èÅ佺Ʈ New ****/


   /**** S:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/
   .ceo_cont {
      background-position: right 30% center;
   }

   .ceo_cont h3 {
      font-size: 20px;
      padding: 0 0 15px;
   }

   .ceo_cont .conTxt p {
      padding: 0 0 10px;
   }

   .ceo_cont .ceo {
      font-size: 14px;
      padding: 20px 0 0;
   }

   .ceo_cont .ceo strong {
      font-size: 18px;
      margin: 0 0 0 7px;
   }

   /**** E:: ºê·£µå > ´ëÇ¥´Ô À̾߱â ****/


   /**** S:: ºê·£µå > »çȸ°øÇå ****/
   .social_in {}

   .social_in dl dt {
      max-width: 100%;
   }

   .social_in dl dt img {
      border-radius: 10px 10px 0 0;
   }

   .social_in dl dd {
      max-width: 100%;
      top: auto;
      right: auto;
      position: relative;
      padding: 30px 20px;
      border-radius: 0 0 10px 10px;
   }

   .social_in dl dd img {
      width: 30px;
   }

   .social_in dl dd .conTit {
      padding: 0 0 26px;
   }

   .social_in dl dd .conTit:after {
      bottom: 13px;
   }

   .social_ways {}

   .social_ways .ways_list dl {
      margin: 0 10px 10px 0;
      width: calc((100% - 10px)/2);
   }

   .social_ways .ways_list dl:nth-child(5n) {
      margin-right: 10px;
   }

   .social_ways .ways_list dl:nth-child(3n) {
      margin-right: 10px;
   }

   .social_ways .ways_list dl:nth-child(2n) {
      margin-right: 0;
   }

   .social_heart .heart_list dl dd {
      padding: 12px 0 0;
   }

   /**** E:: ºê·£µå > »çȸ°øÇå ****/


   /**** S:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/
   .anniversary_in {}

   .anniversary_in img {
      width: 70px;
      margin: 0 auto 15px;
   }

   .anniversary_history:before {
      height: 30px;
   }

   /**** E:: ºê·£µå > ÀÌ»èÅ佺Ʈ 20ÁÖ³â ****/



   /**** S:: °¡¸Í¾È³» > ÀÎÅ׸®¾î ****/
   .interior_cont {}

   .interior_in {
      padding: 60px 0 40px;
   }

   .interior_in .conTit {
      padding: 0 0 10px;
   }

   /**** E:: °¡¸Í¾È³» > ÀÎÅ׸®¾î ****/


   /**** S:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/
   .store_new {}

   .store_roll {
      padding: 0 15px;
      max-width: calc(100% + 10px);
      margin: 0 -5px;
   }

   .store_roll .roll {
      padding: 30px 5px;
   }

   .store_roll .roll a dt .new {
      width: 30px;
   }

   .store_roll .roll a dt .icon {
      width: 40px;
      margin: 0 auto 10px;
   }

   .store_roll .roll a dt h4 {
      font-size: 16px;
      margin: 0 0 8px;
   }

   .store_roll .roll a dd {
      padding: 10px 0 0;
   }

   .store_roll .slick-arrow {
      width: 11px;
      height: 20px;
      margin-top: -10px;
   }

   /**** E:: °¡¸Í¾È³» > ¸ÅÀå ã±â ****/


   /**** S:: °í°´°Ô½ÃÆÇ > °í°´ ¹®ÀÇ ****/
   .inquiry_cont {}

   .form_wrap {
      max-width: 95%;
      padding: 20px 25px 60px;
   }

   .form_wrap:before {
      border-radius: 10px 10px 0 0;
   }

   /**** E:: °í°´°Ô½ÃÆÇ > °í°´ ¹®ÀÇ ****/


   /**** S:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/
   .education_cont {}

   .schedule_list {}

   .schedule_list dl {
      margin: 0 0 10px;
      width: 100%;
      padding: 20px;
   }

   .schedule_list dl:nth-child(2n) {
      margin: 0;
   }

   .schedule_list dl dt {
      width: 40px;
   }

   .schedule_list dl dd .sTit {
      padding: 0 0 6px;
   }

   .schedule_list dl dd ul {}

   .schedule_list dl dd ul li {
      padding: 0 0 4px 55px;
   }

   .process_list {}

   .process_list ul {
      max-width: 420px;
   }

   .process_list ul li:nth-child(3n) {
      margin-right: 20px;
   }

   .process_list ul li:nth-child(2n) {
      margin-right: 0;
   }

   .process_list ul li:nth-child(3n):after {
      display: block;
   }

   .process_list ul li:nth-child(2n):after {
      display: none;
   }


   .process_list.three ul li {
      margin-bottom: -10px;
   }

   .process_list.three ul li:nth-child(2n):after {
      display: block;
      right: 50%;
      margin-right: 41px;
      top: auto;
      bottom: -13px;
      transform: rotate(122deg);
   }

   /**** E:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/


   /**** S:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/
   .process_list.four ul {}

   .process_list.four ul li:nth-child(4n) {
      margin-right: 20px;
   }

   .process_list.four ul li:nth-child(3n) {
      margin-right: 20px;
   }

   .process_list.four ul li:nth-child(2n) {
      margin-right: 0;
   }

   .process_list.four ul li:nth-child(4n):after {
      display: block;
   }

   .process_list.four ul li:nth-child(3n):after {
      display: block;
   }

   .process_list.four ul li:nth-child(2n):after {
      display: none;
   }

   .document_box {}

   .document_box dt {
      width: 100%;
   }

   .document_box dd {
      width: 100%;
      padding: 20px 0 0;
   }

   .document_box dd .sTit {
      padding: 15px 0 0;
   }

   .document_box dd .sTit small {
      font-size: 13px;
   }

   .table_scr {
      overflow-x: auto;
   }

   .table_scr .responsive-dim {
      display: block;
   }

   .costs_table {
      width: 640px;
   }

   .costs_table th {
      padding: 12px 8px;
   }

   .costs_table td {
      padding: 15px 10px;
   }

   .costs_table td.left {
      padding: 15px 10px;
   }

   .table_txt {
      font-size: 13px;
      text-align: left;
   }

   /**** E:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/


}

/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px) {



   /* css °øÅë */
   .conTxt {
      font-size: 14px;
   }

   /**** S:: ºê·£µå > »çȸ°øÇå ****/
   .social_ways {}

   /*   .social_ways .ways_list dl{margin:0 0 10px; width:100%;}
  .social_ways .ways_list dl:nth-child(5n){margin-right:0;}
  .social_ways .ways_list dl:nth-child(3n){margin-right:0;}
  .social_ways .ways_list dl:nth-child(2n){margin-right:0;}
  .social_ways .ways_list dl:last-child{margin:0;} */

   .social_heart {}

   .social_heart .heart_list {
      width: calc(100% + 10px);
      margin: 0 -5px;
      padding: 0 20px;
   }

   .social_heart .heart_list dl {
      padding: 0 5px;
   }

   /**** E:: ºê·£µå > »çȸ°øÇå ****/

   /**** S:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/
   .process_list {}

   .process_list ul {
      max-width: 200px;
   }

   .process_list ul li {
      margin: 0 0 20px !important;
   }

   .process_list ul li:last-child {
      margin: 0 !important;
   }

   .process_list ul li:nth-child(3n) {
      margin-right: 0;
   }

   .process_list ul li:nth-child(2n) {
      margin-right: 0;
   }

   .process_list ul li:after {
      right: auto !important;
      left: 50% !important;
      top: auto !important;
      bottom: -22px !important;
      margin: 0 !important;
      margin-left: -6px !important;
      transform: rotate(90deg) !important;
      display: block !important;
   }

   .process_list ul li:last-child:after {
      display: none !important;
   }

   /**** E:: °¡¸Í¾È³» > ±³À°ÇÁ·Î±×·¥ ****/



   /**** S:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/
   .process_list.four ul {}

   .process_list.four ul li:nth-child(4n) {
      margin-right: 0;
   }

   .process_list.four ul li:nth-child(3n) {
      margin-right: 0;
   }

   .process_list.four ul li:nth-child(2n):after {
      display: block;
   }

   .costs_table {
      width: 500px;
   }

   .costs_table th {
      padding: 10px 8px;
   }

   .costs_table td {
      padding: 12px 10px;
   }

   .costs_table td.left {
      padding: 12px 10px;
   }

   /**** E:: °¡¸Í¾È³» > ºñ¿ë ¹× ÀýÂ÷ ****/



}

/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px) {}