@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
/* noto-serif-kr-200 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-serif-kr-v6-korean-200.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR ExtraLight'), local('NotoSerifKR-ExtraLight'),
       url('../fonts/noto-serif-kr-v6-korean-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-kr-v6-korean-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-kr-v6-korean-200.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-300 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-serif-kr-v6-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Light'), local('NotoSerifKR-Light'),
       url('../fonts/noto-serif-kr-v6-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-kr-v6-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-kr-v6-korean-300.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-regular - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-kr-v6-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR'), local('NotoSerifKR-Regular'),
       url('../fonts/noto-serif-kr-v6-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-kr-v6-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-kr-v6-korean-regular.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-500 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-serif-kr-v6-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Medium'), local('NotoSerifKR-Medium'),
       url('../fonts/noto-serif-kr-v6-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-kr-v6-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-kr-v6-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-kr-v6-korean-500.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}


/* common */
html, body { margin: 0; width: 100%; height: 100%; position:relative; font-size: 16px;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family: 'Noto Sans KR', sans-serif; outline:none;}
ul>li>a { text-decoration:none; }
a {color: inherit; letter-spacing: -0.5px;}
table { border-collapse: collapse; }
.blind {position:absolute !important;visibility:hidden !important;top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
fieldset {border:none;}
legend {display:none;}
caption {display:none;}
p, strong, span {letter-spacing: -0.5px;}
i {display: inline-block;}
em {font-style: normal; letter-spacing: -1px;}
input {box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=text]::-ms-clear {display:none;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer;}
textarea {box-sizing: border-box; resize: none;}
select {-webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer;}
select::-ms-expand {display: none;}
.artPopup {}
.artPopup img {width:100% !important;}



/* LAYOUT */

#A_Container_L {box-sizing: border-box; position: relative; width:260px; float:left; padding-top:100px;}
#A_Container_C {box-sizing: border-box; position: relative; width:1050px; float:right;}
#A_Container_Wrap {position:relative; width:100%;}
#A_Container_Wrap:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
#A_Container{overflow: hidden; width: 100%; margin:0 auto;}
.inner {box-sizing: border-box; width: 1410px; margin:0 auto; position:relative;}
.inner:after {display: block; clear: both; *zoom: 1; content: '';}
.inner2 {box-sizing: border-box; width: 1170px; margin:0 auto; position:relative;}
.inner2:after {display: block; clear: both; *zoom: 1; content: '';}
.inner3 {box-sizing: border-box; width: 1290px; margin:0 auto; position:relative;}
.inner4 {box-sizing: border-box; width: 1665px; float:right; overflow:hidden; position:relative; padding-top:50px;}




/* header */

#A_Header {position: relative; width:100%; margin:0 auto; height:150px; transition: all 0.3s; z-index:10;}
#A_Header.m_header {z-index: 100;}
#A_Header .inner {height: 150px;}
#A_Header .logo {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 210px; height: 37px;}
#A_Header .logo a {display: block; width: 100%; height: 100%;}
#A_Header .logo a img {vertical-align: top; max-width: 100%;}
#A_Header .gnb {margin: 0 0 0 29.078014184397162%; padding: 50px 0 0 0;}
#A_Header .gnb:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Header .gnb .dp1 {position: relative; float: left; margin: 0 35px; height: 50px; line-height: 50px; vertical-align: top;}
#A_Header .gnb .dp1:first-child {margin: 0 35px 0 0;}
#A_Header .gnb .dp1 .dp1_tit {display: block; font-family: 'Nanumsquare'; font-size: 18px; font-weight: 600; color: #333;}
#A_Header .dp2 {display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 160px; padding: 30px 0; background-color: #2f043c;}
#A_Header .dp2:before {display: block; position: absolute; transform: translateX(-50%) rotateZ(45deg); left: 50%; top: -3px; width: 20px; height: 20px; background-color: #2f043c; content:'';}
#A_Header .dp2 ul li {line-height: 2.5; text-align: center;}
#A_Header .dp2 ul li a {display: block; font-family: 'Nanumsquare'; font-size: 18px; color: #9893a0; transition: all 0.3s ease-in-out;}
#A_Header .dp2 ul li:hover a {color: #fff;}

#A_Header .headerBtns {position: absolute; top: 55px; right: 0;}
#A_Header .headerBtns > ul:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Header .headerBtns > ul > li {float: left; margin-left:30px;}
#A_Header .headerBtns > ul > li:first-child {margin: 0;}
#A_Header .headerBtns .searchDiv {position: relative; box-sizing: border-box; width:310px; padding: 0 0 10px 0; border-bottom: 1px solid #ddd;}
#A_Header .headerBtns .searchDiv input[type="text"] {width: 100%; height: 30px; padding:0 35px 0 10px; border: 0;}
#A_Header .headerBtns .searchDiv button {position:absolute; right:0px; top:3px; text-indent:-9999px; width:27px; height:27px; background:url(../images/common/header_icons.png) no-repeat 0 0;}

/* 비로그인 시 */
#A_Header .headerBtns > ul > li > a {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px;}
#A_Header .headerBtns .login_icon {position: relative; width: 40px; height: 40px;}
#A_Header .headerBtns .btn_login a {width: 28px; height: 32px; background-image: url(../images/common/ic_login.png);}
#A_Header .headerBtns .btn_join a {width: 31px; height: 32px; background-image: url(../images/common/ic_join.png);}
/* 로그인 시 */
#A_Header .headerBtns .mypageBtn {vertical-align: top; text-indent:-9999px; width:26px; height:26px; background:url(../images/common/header_icons.png) no-repeat -47px 0}
#A_Header .headerBtns .mypageDiv {position:relative; padding: 7px 0 0 0;}
#A_Header .headerBtns .mypageDiv .hideMenu {display:none; text-align:center; position:absolute; top:60px; right:-70px; width:160px; border:1px solid #ddd;background:#fff; z-index: 10;}
#A_Header .headerBtns .mypageDiv .hideMenu:before {position:absolute; left:41%; top:-12px; background-image:url(../images/common/arrow_bg.png); width:30px; height:12px; content:''; display:block;}
#A_Header .headerBtns .mypageDiv .hideMenu .nameArea {height:55px; line-height:55px; border-bottom:1px solid #ddd;}
#A_Header .headerBtns .mypageDiv .hideMenu .nameArea p {font-size:16px; font-weight:500; color:#333;}
#A_Header .headerBtns .mypageDiv .hideMenu .myInfo {padding: 10px 0; border-bottom:1px solid #ddd;}
#A_Header .headerBtns .mypageDiv .hideMenu .myInfo p {margin: 5px 0 0 0; font-size:15px; font-weight:400; color:#333;}
#A_Header .headerBtns .mypageDiv .hideMenu .myInfo p:first-child {margin: 0;}
#A_Header .headerBtns .mypageDiv .hideMenu .myInfo p span {display: block; color: #999;}
#A_Header .headerBtns .mypageDiv .hideMenu .myWorks {padding: 10px 0; border-bottom:1px solid #ddd;}
#A_Header .headerBtns .mypageDiv .hideMenu .myWorks p {font-size:15px; font-weight:400; color:#333;}
#A_Header .headerBtns .mypageDiv .hideMenu .myWorks p span {display: block; color: #999;}
#A_Header .headerBtns .mypageDiv .hideMenu ul {padding:15px 0;}
#A_Header .headerBtns .mypageDiv .hideMenu ul li a {font-size:14px; color:#999; line-height:2;}
#A_Header .headerBtns .mypageDiv .hideMenu ul li:hover a {color:#333;}
#A_Header .headerBtns .starBtn {margin: 5px 0 0 0; vertical-align:top; text-indent:-9999px; width:32px; height:30px; background:url(../images/common/header_icons.png) no-repeat -98px 0}

.m_header {display: none;}

#A_Footer {position:relative; width:100%; bottom:0px; background:#fff; border-top:1px solid #ddd; padding:30px 0;}
#A_Footer .ft_logo {position: relative; margin-bottom:15px;}
#A_Footer .ft_logo img {display: inline-block; vertical-align: top;}
#A_Footer .ft_logo a {display: inline-block; margin: 0 0 0 30px; line-height: 28px; font-size:16px; color:#999; vertical-align: top;}
#A_Footer .ft_logo a.on {color:#bbb;}
#A_Footer .ft_txt ul:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Footer .ft_txt ul li {position: relative; float: left; padding: 0 0 0 6px; margin: 0 0 0 5px; line-height: 1.6; font-size: 14px; color: #bbb;} 
#A_Footer .ft_txt ul li:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 15px; background-color: #bbb; content: '';}
#A_Footer .ft_txt ul li:first-child {padding: 0; margin: 0;}
#A_Footer .ft_txt ul li:first-child:before {display: none;}
#A_Footer .ft_txt p.copy {margin: 15px 0 0 0; font-size: 14px; color: #bbb;}
#A_Footer .snsArea {position: absolute; top: -10px; right: 0;}
#A_Footer .snsArea span {margin-right:25px; display:inline-block; font-size:14px; color:#999; font-weight:500;}
#A_Footer .snsArea button {margin:0 5px; text-indent:-9999px; width:46px; height:46px; background-image:url(../images/sub/sns_icons.png);}
#A_Footer .snsArea .f_btn {background-position: 0 0;}
#A_Footer .snsArea .y_btn {background-position: -56px 0px;}
#A_Footer .snsArea .k_btn {background-position: -112px 0px;}
#A_Footer .snsArea .n_btn {background-position: -168px 0px;}
#A_Footer .snsArea .i_btn {background-position: -224px 0px;}
#A_Footer .snsArea .f_btn:hover {background-position: 0 -56px;}
#A_Footer .snsArea .y_btn:hover {background-position: -56px -56px;}
#A_Footer .snsArea .k_btn:hover {background-position: -112px -56px;}
#A_Footer .snsArea .n_btn:hover {background-position: -168px -56px;}
#A_Footer .snsArea .i_btn:hover {background-position: -224px -56px;}


/* 모바일 메뉴 */

.menubar {display: none; position: absolute; top: 21px; right: 30px; width: 20px; height: 18px; cursor: pointer; z-index: 1;}
.menubar li {position: absolute; width: 100%; height:2px; background-color: #fff;}
.menubar li:nth-child(1) {top: 0;}
.menubar li:nth-child(2) {top: 8px;}
.menubar li:nth-child(3) {top: 16px;}

.full_wrap {display: none; position: fixed; overflow-y: scroll; top: 60px; left: 0; right: 0; box-sizing: border-box; width: 100%; height: calc(100vh - 60px); background-color: #fff; z-index: 60;}
.full_wrap .full_wrap_gnb {box-sizing:border-box; padding:20px 30px;}
.full_wrap .full_wrap_gnb > li {float: none; width: 100%;}
.full_wrap .full_wrap_gnb .depth1 {display: block; position: relative; line-height: 2.8; font-family: 'Nanumsquare'; font-weight:500; color: #191919; text-align: left; cursor: pointer;}
.full_wrap .full_wrap_gnb .depth1:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); right:0px; width:5px; height:10px; background: url(../images/common/arrow_top.png) no-repeat 0 0; content: '';}
.full_wrap .full_wrap_gnb .on .depth1:before {width:10px; height:5px;  background: url(../images/common/arrow_bottom.png) no-repeat 0 0;}
.full_wrap .full_wrap_gnb .lnb {border-top: 1px solid #ddd; display: none; position: static; transform: none; box-sizing: border-box; width: 100%; padding:15px 0; box-shadow: none; }
.full_wrap .full_wrap_gnb .lnb a {font-size: 14px; color: #666;}
.full_wrap .full_wrap_gnb .lnb > li {line-height:2;}
.full_wrap .lang_wrap {position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 0 30px; background-color: #252e3e; transition: all 0.3s;}
.full_wrap .lang_wrap a {display: block; box-sizing: border-box; width: 100%; padding: 0 0 0 30px; line-height: 60px; color: #fff; background: url(../images/common/ic_lang.svg) no-repeat 0 center / 19px 19px;}
.full_wrap .searchArea {padding:15px 30px; box-sizing:border-box; }
.full_wrap .searchDiv {width:100%; height:40px; position:relative;}
.full_wrap .searchDiv input[type="text"] {width:100%; height:40px; line-height:40px; font-size:16px; padding:0 35px 10px 10px; box-sizing:border-box; border-bottom:1px solid #ddd !important; border:0;}
.full_wrap .searchDiv button {position:absolute; right:0px; top:3px; text-indent:-9999px; width:27px; height:27px; background:url(../images/common/header_icons.png) no-repeat 0 0;}
.full_wrap .loginMenu {text-align:center; margin-top:15px; }
.full_wrap .loginMenu a {position:relative; font-size:14px; color:#666; display:inline-block; padding:0 20px;}
.full_wrap .loginMenu a.on {color:#333; font-weight:500;}
.full_wrap .loginMenu a:before {position:absolute; right:0px; bottom:0px; background-color:#ddd; width:1px; height:18px; content:''; display:block;}
.full_wrap .loginMenu a:last-child:before {display:none;}


.quickMenu {z-index:9; position:fixed; right:0px; top:290px; width:80px; height:300px; background:#fff; text-align:center;}
.quickMenu ul {padding:40px 5px; box-sizing:border-box;}
.quickMenu ul li {margin-bottom:2px; margin:0 auto;}
.quickMenu .slick-prev {right:0px; top:20px; width:80px; height:40px; background:url(../images/common/quick_top.png) no-repeat 50% 50%; text-indent: -9999px;}
.quickMenu .slick-next {right:0px; bottom:-20px; width:80px; height:40px; background:url(../images/common/quick_bottom.png) no-repeat 50% 50%; text-indent: -9999px;}
.quickMenu button {width: 100%; height: 30px; font-family: 'Nanumsquare'; font-size: 14px; color: #fff; background-color: #7755a8;}

#A_Header .gnb .dp1.join_mall {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}






@media screen and (min-width:1201px) and (max-width: 1470px) {
    .inner {width: 100%; padding: 0 30px;}
    #A_Header .logo {left: 30px; width: 170px; height: 30px;}
    #A_Header .gnb {margin: 0 0 0 330px;}
    #A_Header .gnb .dp1 {margin: 0 20px;}
    #A_Header .gnb .dp1:first-child {margin: 0 20px 0 0;}
    #A_Header .headerBtns {right: 30px;}
    
    #A_Container_C {width: calc(100% - 310px); margin: 0 0 0 50px;}

}

/* tablet 가로 */
@media screen and (min-width:768px) and (max-width: 1200px) {
    .inner {width: 100%; padding: 0 30px;}
    .inner2 {width: 100%; padding: 0 30px;}
    .inner3 {width: 100%; padding: 0 30px;}

    .inner4 {width:90%; margin:0 auto; float:inherit; padding-top:0px; padding-bottom:30px;}

    .menubar {display: block;}
    #A_Container_L {display:none;}
    #A_Container_C {width:100%;}
	.menubar li{background-color: #333;}

    #A_Header {height: 60px;}
    #A_Header .inner {height: 60px;}
    #A_Header .headerBtns {display: none;}
    #A_Header .gnb {display: none;}
    #A_Header .logo {left: 30px; width: 170px; height: 30px;}

    .quickMenu {display: none;}

    .main_header .menubar li {background-color:#000;}
    #A_Footer .snsArea {top: -10px;}
  
}

/* mobile 가로, tablet */
@media screen and (min-width:481px) and (max-width:767px) {
    .inner {width: 100%; padding: 0 30px;}
    
    .inner2 {width:90%;}
    .inner3 {width:95%;}
    .inner4 {width:90%; margin:0 auto; float:inherit; padding-top:0px; padding-bottom:30px;}

    #A_Header {height: 50px;}
    #A_Header.main_header {display: none;}
    #A_Header.m_header {display: block; position: fixed; top: 0; background-color: #2f043c;}
    #A_Header .menubar li {background-color: #fff;}
    #A_Header .inner {height: 50px;}
    #A_Header .logo {left: 30px; width: 120px; height: 21px;}
    #A_Header .headerBtns {display: none;}
    #A_Header .gnb {display: none;}

    .menubar {display:block; top: 16px; right: 30px;}
    .main_header .menubar li {background-color:#000;}

    #A_Container_L {display:none;}
    #A_Container_C {width:100%;}

    #A_Footer .ft_logo img {width: 120px;}
    #A_Footer .ft_logo a {font-size:12px; margin-left:12px; line-height: 21px;}
    #A_Footer .ft_txt p {font-size:12px;}

    .quickMenu {display:none;}
    
    #A_Footer .snsArea {position: static; margin: 15px 0 0 0;}
    #A_Footer .snsArea button:first-child {margin: 0 5px 0 0;}
}

/* mobile */
@media screen and (min-width:320px) and (max-width:480px) {
    html, body {font-size: 12px;}
    .inner {width: 100%; padding: 0 15px;}
    .artPopup {width:80% !important;margin-left:10%;}
    .artPopup img {width:100% !important;}
    .inner2 {width:90%;}
    .inner3 {width:95%;}
    .inner4 {width:90%; margin:0 auto; float:inherit; padding-top:0px; padding-bottom:30px;}

    #A_Header {height: 50px;}
    #A_Header.main_header {display: none;}
    #A_Header.m_header {display: block; position: fixed; top: 0; background-color: #2f043c;}
    #A_Header .menubar li {background-color: #fff;}
    #A_Header .inner {height: 50px;}
    #A_Header .logo {left: 15px; width: 120px; height: 21px;}
    #A_Header .headerBtns {display: none;}
    #A_Header .gnb {display: none;}

    .menubar {display:block; top: 16px; right: 15px;}


    #A_Container_L {display:none;}
    #A_Container_C {width:100%;}


    .full_wrap {top: 50px; height: calc(100vh - 50px);}
    .full_wrap .loginMenu a {font-size: 13px;}
    .full_wrap .full_wrap_gnb .depth1 {font-size: 14px;}
    .full_wrap .full_wrap_gnb .lnb a {font-size: 13px;}

    .quickMenu {display:none;} 

    #A_Footer .ft_logo img {width: 120px;}
    #A_Footer .ft_logo a {font-size:12px; margin-left:12px; line-height: 21px;}

    #A_Footer .ft_txt ul li {float: none; padding: 0; margin: 0;}
    #A_Footer .ft_txt ul li:before {display: none; height: 10px;}
    #A_Footer .ft_txt p.copy {margin: 10px 0 0 0;}


    #A_Footer .snsArea {position: static; margin: 10px 0 0 0;}
    #A_Footer .snsArea button {width: 32px; height: 32px; background-size: 224px 70px;}
    #A_Footer .snsArea button:first-child {margin: 0 5px 0 0;}
    #A_Footer .snsArea .y_btn {background-position: -38px 0;}
    #A_Footer .snsArea .i_btn {background-position: -154px 0;}
    #A_Footer .snsArea .n_btn {background-position: -115px 0;}
    #A_Footer .snsArea .f_btn:hover {background-position: 0 -38px;}
    #A_Footer .snsArea .y_btn:hover {background-position: -38px -38px;}
    #A_Footer .snsArea .i_btn:hover {background-position: -154px -38px;}
    #A_Footer .snsArea .n_btn:hover {background-position: -115px -38px;}
 
}