/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer

4. Page
4-1. Main
4-2. About
4-3. Product
4-4. Contact

5. ETC

6. Responsive
f
/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

@import url(http://www.credia.co.kr/_skin/credia/img/../slick.css);
@import url(http://www.credia.co.kr/_skin/credia/img/../swiper.css);
@font-face {
	font-family:'overpass';
	font-weight:300;
	src:url('https://credia.wisacdn.com/font/Overpass-Light.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/Overpass-Light.woff') format('woff');
}
@font-face {
	font-family:'overpass';
	font-weight:400;
	src:url('https://credia.wisacdn.com/font/Overpass-Regular.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/Overpass-Regular.woff') format('woff');
}
@font-face {
	font-family:'overpass';
	font-weight:600;
	src:url('https://credia.wisacdn.com/font/Overpass-SemiBold.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/Overpass-SemiBold.woff') format('woff');
}
@font-face {
	font-family:'overpass';
	font-weight:700;
	src:url('https://credia.wisacdn.com/font/Overpass-Bold.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/Overpass-Bold.woff') format('woff');
}
@font-face {
	font-family:'overpass';
	font-weight:800;
	src:url('https://credia.wisacdn.com/font/Overpass-ExtraBold.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/Overpass-ExtraBold.woff') format('woff');
}
@font-face {
	font-family:'overpass';
	font-weight:900;
	src:url('https://credia.wisacdn.com/font/Overpass-Black.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/Overpass-Black.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:100;
	src:url('https://credia.wisacdn.com/font/NotoSansKR-Thin.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/NotoSansKR-Thin.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:300;
	src:url('https://credia.wisacdn.com/font/NotoSansKR-Light.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/NotoSansKR-Light.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:400;
	src:url('https://credia.wisacdn.com/font/NotoSansKR-Regular.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/NotoSansKR-Regular.woff') format('woff');
}
@font-face {
	font-family:'Noto Sans KR';
	font-weight:700;
	src:url('https://credia.wisacdn.com/font/NotoSansKR-Bold.eot'); 
	src:local(※), url('https://credia.wisacdn.com/font/NotoSansKR-Bold.woff') format('woff');
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:#333; font-family:'overpass', 'Noto Sans KR'; font-size:14px; line-height:1.6; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.6;}
ol,
ul,
li {list-style:none;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
input[type=radio],
input[type=checkbox] {vertical-align:middle;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active, 
a:focus {text-decoration:none;}
*,
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/

.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.empty {padding:100px 0 !important; text-align:center;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#d53838 !important;}
.p_cursor {cursor:pointer;}
.i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('http://www.credia.co.kr/_skin/credia/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;}

/* input 기본 스타일 */
.form_input {height:40px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'overpass', 'Noto Sans KR'; font-size:1rem; line-height:52px;}
.form_input:focus {border-color:#000; outline:none !important;}
.form_input.block {width:100% !important;}
.form_input:-ms-input-placeholder {color:#666; font-family:'overpass', 'Noto Sans KR';}
.form_input::-webkit-input-placeholder {color:#666; font-family:'overpass', 'Noto Sans KR';}
.form_input::-moz-placeholder {color:#666; font-family:'overpass', 'Noto Sans KR';}
.form_input.readonly {background:#e0e0e0 !important;}
.form_input.gray {background:#f7f7f7;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto;}

/* 셀렉트 */
select {max-width:100%; height:40px; padding:4px 6px; border:1px solid #dcdcdc; background:#fff; color:#666; font:inherit;}
select:focus {border-color:#000; outline:none !important;}

/* 페이징 */
.paging * {vertical-align:middle;}
.paging {margin-top:30px; font-size:0; text-align:center;}
.paging li {display:inline; padding:0 2px; color:#9e9e9e; font-size:1.143rem; vertical-align:middle;}
.paging li strong {display:inline-block; width:34px; height:34px; color:#333; font-size:1.143rem; line-height:34px;}
.paging li a {display:inline-block; width:34px; height:34px; background:#fff; color:#999; font-size:1.143rem; line-height:34px;}

/* 하단 줄 */
.underline {display:inline-block; position:relative;}
.underline:after {position:absolute; left:50%; bottom:-7px; width:0; height:2px; background-color:#aaa; content:''; transition:all .3s ease;}
.underline:before {position:absolute; right:50%; bottom:-7px; width:0; height:2px; background-color:#aaa; content:''; transition:all .3s ease;}
.underline:hover:after,
.underline:hover:before,
.underline.active:after,
.underline.active:before {width:50%;}
.underline.active {font-weight:bold;}
.underline.white:after {background-color:#fff;}
.underline.white:before {background-color:#fff;}
.underline.small:after {bottom:0; height:1px;}
.underline.small:before {bottom:0; height:1px;}

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #676767; outline:none; background:#151515; color:#fff !important; font-size:1.143rem; font-family:'overpass', 'Noto Sans KR'; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#333;}

/* 버튼스타일 - 크기 */
.box_btn.small > * {padding:9px 18px;}
.box_btn.large > * {padding:27px 36px; font-size:1.286rem;}
.box_btn.huge > * {padding:36px 45px; font-size:1.429rem;}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w100 > * {width:100px;}
.box_btn.w125 > * {width:125px;}
.box_btn.w130 > * {width:130px;}
.box_btn.w140 > * {width:140px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w175 > * {width:175px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w225 > * {width:225px;}
.box_btn.w250 > * {width:250px;}
.box_btn.w275 > * {width:275px;}
.box_btn.w300 > * {width:300px;}
.box_btn.w325 > * {width:325px;}
.box_btn.w350 > * {width:350px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border-color:#c3c3c3; background:#fff; color:#666 !important;}
.box_btn.white2 * {border-color:#333; background:#fff; color:#333 !important;}
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * {background:#f5f5f5;}
.box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background:#dadada;}
.box_btn.transparent * {background:transparent; color:#333 !important;}
.box_btn.transparent:hover *,
.box_btn.transparent:active *,
.box_btn.transparent:focus * {background-color:#333; color:#fff !important;}

.box_btn.black * {border-color:#1b1b1b; background:#fff; color:#333 !important;}

/* 버튼스타일 - 텍스트 */
.box_btn.strong * {font-weight:bold;}
.box_btn.mt {margin-top:5px;}

/* 우편번호 찾기 */
.zipcode {width:420px; padding:20px; text-align:center;}
.zipcode * {font-size:12px;}
.zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;}
.zipcode .tab {height:32px; text-align:center;}
.zipcode .tab li {float:left; width:50%; vertical-align:bottom;}
.zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;}
.zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;}
.zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;}
.zipcode .ex span {display:block; color:#888;}
.zipcode .search {position:relative; padding-right:90px;}
.zipcode .search .form_input {height:52px;}
.zipcode .search .box_btn {position:absolute; right:0; top:0;}
.zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;}
.zipcode table th {font-size:0;}
.zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;}
.zipcode table td.addr {text-align:left;}
.zipcode table td font {color:#d53838;}

/* 타이틀 */
div.title {display:table-cell; width:100vw; height:440px; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; vertical-align:middle;}
div.title.about {background-image:url('http://www.credia.co.kr/_skin/credia/img/title/about_pc.jpg');}
div.title.artist {background-image:url('http://www.credia.co.kr/_skin/credia/img/title/artist_2.jpg');}
div.title.concert {background-image:url('http://www.credia.co.kr/_skin/credia/img/title/concert_1.jpg');}
div.title.tour {background-image:url('http://www.credia.co.kr/_skin/credia/img/title/tour3.jpg');}
div.title.partner {background-image:url('http://www.credia.co.kr/_skin/credia/img/title/partner_pc.jpg');}
div.title.news {background-image:url('http://www.credia.co.kr/_skin/credia/img/title/news_pc_1.jpg');}

div.title > h2 {color:#fff; font-size:46px; font-weight:700; letter-spacing:-0.01rem;}
div.title > p {color:#fff; font-size:3.571rem;}
h3.title {padding:4.21vw 0 2.63vw; color:#000; font-size:1.875rem; font-weight:500;}

/* tab */
.tab_menu {width:75%; margin:0 auto; padding:4.21vw 0; font-size:0; text-align:center !important;}
.tab_menu > li {display:inline-block; position:relative; width:25%;}
.tab_menu > li:after {display:inline-block; position:absolute; right:0; top:50%; width:1px; height:1.688rem; margin-top:-0.844rem; background-color:#e5e5e5; content:'';}
.tab_menu > li:last-child:after {display:none;}
.tab_menu > li > a {color:#999; font-size:1.214rem;}
.tab_menu > li > a.active {color:#333;}

/* transition */
.fadeup {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(50px); transform:translateY(50px);}
.fadeup.active {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.fadedown {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(-50px); transform:translateY(-50px);}
.fadedown.active {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.fadeleft {opacity:0; -webkit-transition:transform 1s ease-in-out, opacity 1s ease-in-out; transition:transform 1s ease-in-out, opacity 1s ease-in-out; -webkit-transform:translateX(-100px); transform:translateX(-100px);}
.fadeleft.active {opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}
.wrap_inner {position:relative; min-width:1240px; width:100%; max-width:1240px; margin:0 auto;} /* 컨텐츠 사이즈 */

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

header {position:fixed; left:0; top:0; z-index:10; width:100%; text-align:center; line-height:6.286rem; transition:0.5s all ease;}
header,
header * {color:#fff;}
header > h1 {position:absolute; left:3.571rem; top:35px; width:290px; height:19px; line-height:inherit; transition:0.5s all ease;}
header > h1 > a {display:block; width:100%; height:100%; background:url('http://www.credia.co.kr/_skin/credia/img/logo/logo.png') no-repeat center;}
/* 스크롤 시 */
header.scroll {background-color:#fff !important;}
header.scroll nav.pc > ul > li > a {color:#221e1f;}
header.scroll > h1 > a {background-image:url('http://www.credia.co.kr/_skin/credia/img/logo/logo_scroll.png');}
/* 오버 시 */
header.on {background-color:#fff !important;}
header.on > h1 > a {background-image:url('http://www.credia.co.kr/_skin/credia/img/logo/logo_scroll.png');}
header.on nav.pc > ul > li > a {color:#333;}
header.active nav.pc:after {background-color:#e5e5e5; opacity:0.1;}  /* 오버시 보이는 박스 */
header.active nav.pc > ul {}
header.active nav.pc > ul > li > ul {visibility:visible; height:auto; margin:2.143rem 0 2.143rem 0; text-align:left;}
header.scroll nav.pc > .shop,
header.active nav.pc > .shop {border-color:#333; color:#333; background-image:url('http://www.credia.co.kr/_skin/credia/img/common/icon_cart_active.png');}

nav.pc {display:inline-block; width:100%; min-width:1240px; line-height:inherit; vertical-align:top;}
nav.pc:after {display:block; position:absolute; left:0; top:5.714rem; width:100%; height:1px; background-color:transparent; content:'';}
nav.pc > ul {padding-left:3.214rem; font-size:0; text-align:center; line-height:inherit; transition:0.5s all ease;}
nav.pc > ul > li {display:inline-block; text-align:center; vertical-align:top; line-height:inherit;}
nav.pc > ul > li > a {display:block; /* padding:0 3.214rem; */ padding-right:6.428rem; color:#f5f5f5; font-size:1.143rem; font-weight:600; line-height:inherit;}
nav.pc > ul > li.last > a {padding-right:0;}
nav.pc > ul > li > ul {overflow:hidden; height:0; transition:0.2s all ease;}

nav.pc > ul > li > ul > li > a {color:#aaa !important; font-size:1.143rem; font-weight:300; line-height:2;}
@media screen and (max-width: 1320px) { 
	nav.pc > ul {padding-left:190px;} 
}
/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/

#cnt {max-width:1900px; margin:0 auto; padding-bottom:12.857rem; text-align:center;}
#cnt .cntbody {width:1240px;  margin:0 auto;}

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

footer {padding:3.571rem 0; background-color:#333;}
footer * {color:#aaa;}
footer > .wrap_inner {position:relative;}
footer h1 {padding-bottom:4px; font-size:1.429rem; font-weight:800;}
footer .info {padding-top:1rem; font-style:normal; word-break:keep-all;}
footer .info span {padding-right:0.714rem; letter-spacing:-0.025rem;}
footer .ft_mail {margin:6px 0 18px; padding-left:24px; background:url('http://www.credia.co.kr/_skin/credia/img/common/mail.png') no-repeat left top 4px;}
footer .ft_mail > a {font-size:14px; letter-spacing:-0.025rem;}
footer .copyright a,
footer .copyright a strong {color:#626161;}
/* footer .copyright a strong,
footer .copyright a:hover {color:#3fc0e5;} */
footer .news_btn {position:absolute; top:0; right:92px; width:114px; height:34px; border:1px solid #a0a0a0; background:transparent; text-align:center;}
footer .news_btn > a {display:block;}
footer .news_btn > a > span {padding-right:13px; background:url('http://www.credia.co.kr/_skin/credia/img/common/news.png') no-repeat right top; color:#aaa; font-size:1.143rem; font-weight:700; line-height:34px;}
footer .ft_sns {position:absolute; top:74px; right:18px; font-size:0;}
footer .ft_sns > li {display:inline-block; width:28px; height:28px; vertical-align:top;}
footer .ft_sns > li.sns5 {margin:0;}
footer .ft_sns > li > a {display:block; height:100%; text-indent:-9999px;}
footer .ft_sns > li.sns1 {margin-right:10px;}
footer .ft_sns > li.sns2 {margin-right:12px;}
footer .ft_sns > li.sns3 {margin-right:16px;}
footer .ft_sns > li.sns4 {margin-right:12px;}
footer .ft_sns > li.sns1 > a {background:url('http://www.credia.co.kr/_skin/credia/img/common/instagram.png') no-repeat center;}
footer .ft_sns > li.sns2 > a {background:url('http://www.credia.co.kr/_skin/credia/img/common/facebook.png') no-repeat center;}
footer .ft_sns > li.sns3 > a {background:url('http://www.credia.co.kr/_skin/credia/img/common/youtube.png') no-repeat center;}
footer .ft_sns > li.sns4 > a {background:url('http://www.credia.co.kr/_skin/credia/img/common/naver.png') no-repeat center;}
footer .ft_sns > li.sns5 > a {background:url('http://www.credia.co.kr/_skin/credia/img/common/navertv.png') no-repeat center;}

/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 4-1. Main
/*-----------------------------------------------------------------*/

#main {text-align:left;}
/* main visual */
#main .visual_wrap {overflow:hidden; position:relative; min-width:1240px; width:100%; max-width:1900px;}
#main .slide_visual {/* position:absolute; top:0; left:50%; margin-left:-950px; width:1900px; height:810px; */ text-align:center;}
#main .slide_visual * {color:#fff;}
#main .slide_visual .swiper-wrapper .swiper-slide {position:relative;}
#main .slide_visual .swiper-wrapper .swiper-slide img {width:100%; height:auto;}

#main .slide_visual .swiper-pagination {position:absolute; bottom:2.143rem; text-align:center;}
#main .slide_visual .swiper-pagination-bullet {width:13px; height:13px; margin:0 6px; border:2px solid #fff; background:transparent; opacity:1;}
#main .slide_visual .swiper-pagination-bullet-active {background:#fff;}
/* main artist */
#main .intro {margin-top:9.500rem;}
#main .intro > .wrap_inner {position:relative;}
#main .intro .more_btn {position:absolute; bottom:0; right:0; color:#aaa; font-size:1.143rem;}
#main .intro .title_ko {padding-bottom:0.714rem; color:#333; font-size:2.557rem; font-weight:100; line-height:1; letter-spacing:-0.055rem;}
#main .intro .title_en {color:#333; font-size:2.143rem; font-weight:700; line-height:1; letter-spacing:-0.025rem;}
#main .intro .box_slide {overflow:hidden; position:relative; width:100%;}
#main .intro .slide_intro {overflow:visible; width:1240px; margin-top:2.286rem;}
#main .intro .slide_intro .swiper-slide {width:22.500rem !important; margin-right:1.429rem;}
#main .intro .slide_intro .box {width:100%; text-align:center;}
#main .intro .slide_intro .box > .img_area img {max-width:100%; height:auto; transition:all .3s ease;}
#main .intro .slide_intro .box > .img_area img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#main .intro .slide_intro .box .txt_area {padding-top:1.143rem; text-align:left;}
#main .intro .slide_intro .box .txt_area .artist_sort {color:#aaa; font-size:1.143rem; font-weight:400; text-transform:uppercase;}
#main .intro .slide_intro .box .txt_area .artist_subject > a {color:#333; font-size:1.714rem; font-weight:500; letter-spacing:-0.025rem;}
#main .intro .slide_intro .swiper-pagination {position:static; width:100%; max-width:1240px; margin-top:4.286rem;}
/* mid banner */
#main .mid_bnr {margin-top:10rem;}
#main .mid_bnr .swiper-slide img {width:100%; height:auto; transition:all .3s ease;}
#main .mid_bnr .swiper-slide img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#main .mid_bnr .swiper-pagination {position:absolute; bottom:2.143rem; text-align:center;}
#main .mid_bnr .swiper-pagination-bullet {width:13px; height:13px; margin:0 6px; border:2px solid #fff; background:transparent; opacity:1;}
#main .mid_bnr .swiper-pagination-bullet-active {background:#fff;}
/* media */
#main .main_media {margin-top:7.786rem;}
#main .main_media > .wrap_inner {position:relative;}
#main .main_media .more_btn {position:absolute; top:12px; right:0; color:#aaa; font-size:1.143rem;}
#main .main_media .title_ko {color:#333; font-size:2.557rem; font-weight:100; line-height:1; letter-spacing:-0.055rem;}
#main .main_media .title_en {padding-bottom:0.714rem; color:#333; font-size:2.143rem; font-weight:700; line-height:1; letter-spacing:-0.025rem;}
#main .main_media .bnr_wrap {/* display:table;  */padding-top:1.571rem; font-size:0;}
#main .main_media .bnr_wrap > li {display:inline-block; width:16.6%; vertical-align:top;}
#main .main_media .bnr_wrap > li.last {margin:0;}
#main .main_media .bnr_wrap > li img {width:100%; height:auto; transition:all .3s ease;}
#main .main_media .bnr_wrap > li img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
/* mid banner2 */
#main .mid_bnr2 {margin-top:8.571rem;}
#main .mid_bnr2 .bnr_img img {width:100%; height:auto; }
/* main recordings */
#main .main_record {margin-top:8.5rem;}
#main .main_record .title_wrap {position:relative;}
#main .main_record .title_en {color:#333; font-size:2.857rem; font-weight:800; line-height:1;}
#main .main_record .more_btn {position:absolute; bottom:0; right:0; color:#aaa; font-size:1.143rem;}
#main .main_record .record_wrap {padding-top:2.143rem; font-size:0;}
#main .main_record .record_wrap > li {display:inline-block; width:23.8%; margin-right:1.6%; vertical-align:top;}
#main .main_record .record_wrap > li:last-child {margin:0;}
#main .main_record .record_wrap > li .record_box .img_area img {width:100%; height:auto; transition:all .3s ease;}
#main .main_record .record_wrap > li .record_box .img_area img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#main .main_record .record_wrap > li .record_box .txt_area {padding-top:1rem; text-align:center;}
#main .main_record .record_wrap > li .record_box .txt_area a {color:#333; font-size:1.714rem; font-weight:700; letter-spacing:-0.025rem;}
/* bottom slide */
#main .btm_bnr {position:relative; padding-top:10.143rem;}
#main .btm_bnr .swiper-slide img {width:100%; height:auto;}
#main .btm_bnr .swiper-pagination {position:absolute; bottom:0.857rem; text-align:center;}
#main .btm_bnr .swiper-pagination-bullet {width:10px; height:10px; border:2px solid #fff; background:transparent; opacity:1;}
#main .btm_bnr .swiper-pagination-bullet-active {background:#fff;}

/*-----------------------------------------------------------------*/
/* 4-2. About
/*-----------------------------------------------------------------*/

#about {text-align:left;}
#about .tab_about {font-size:0; text-align:right;}
#about .tab_about > li {display:inline-block; padding-left:75px; vertical-align:top;}
#about .tab_about > li > a {color:#999; font-size:15px; font-weight:400; line-height:65px; letter-spacing:-0.05rem; cursor:pointer;}
#about .tab_about > li > a.active {color:#ad1f2e;}
#about .line {border-top:1px solid #ddd;}
#about .top_info {padding-bottom:61px;}
#about .top_info h3 {padding:73px 0 10px 0; color:#000; font-size:28px; font-weight:400; letter-spacing:-0.025rem;}
#about .top_info div,
#about .top_info p {color:#000; font-size:17px; font-weight:300; letter-spacing:-0.03rem;}
#about .top_info .child0,
#about .top_info .child1 {padding-bottom:26px;}
#about .top_info p {padding-bottom:27px;}
#about .color_cont_wrap {overflow:hidden; min-width:1240px;}
#about .color_cont {position:relative; width:100%; height:560px; font-size:0;}
#about .color_cont .txt_area {position:absolute; top:50%; left:50%; width:1240px; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#about .color_cont .img_area {position:absolute; top:0; left:53.68%;}
#about .color_cont.cont_orange .img_area,
#about .color_cont.cont_blue .img_area {left:10.52%; transition:all 0.5s ease;}
@media screen and (max-width: 1580px) {
	#about .color_cont.cont_orange .img_area,
	#about .color_cont.cont_blue .img_area {left:0;}
}
#about .color_cont.cont_yellow .txt_area,
#about .color_cont.cont_green .txt_area {padding-right:620px;}
#about .color_cont.cont_orange .txt_area,
#about .color_cont.cont_blue .txt_area {padding-left:690px;}
/*
#about .color_cont.cont_yellow .txt_area,
#about .color_cont.cont_green .txt_area {width:53%; padding-left:17.5%; padding-right:3%; text-align:left;}
#about .color_cont.cont_yellow .img_area,
#about .color_cont.cont_green .img_area {width:47%;}
*/
/*
#about .color_cont.cont_orange .txt_area,
#about .color_cont.cont_blue .txt_area {width:59%; padding-left:7.7%; padding-right:13%;}
#about .color_cont.cont_orange .img_area,
#about .color_cont.cont_blue .img_area {width:40.5%;}
#about .color_cont .img_area img {width:100%; height:100%;}
*/
#about .color_cont.cont_yellow {background:#ffd202;}
#about .color_cont.cont_orange {/*padding-left:10.6%;*/ background:#ff5d56;}
#about .color_cont.cont_green {background:#aed320;}
#about .color_cont.cont_blue {/*padding-left:10.6%;*/ background:#6bc0f9;}
#about .color_cont .title_credia {padding-bottom:1.7%; color:#000; font-size:20px; font-weight:400; line-height:1; letter-spacing:-0.05rem;}
#about .color_cont h2 {color:#000; font-size:45px; font-weight:700; line-height:1; letter-spacing:-0.025rem;}
#about .color_cont .sub_title {padding-top:5%; color:#000; font-size:18px; font-weight:400; letter-spacing:-0.05rem;}
#about .color_cont.cont_orange .sub_title,
#about .color_cont.cont_blue .sub_title {padding-top:5%;}
#about .color_cont p {padding:1.5% 0 6%; color:#000; font-size:16px; font-weight:300; line-height:1.5; letter-spacing:-0.05rem; white-space:pre-line; text-align:justify;}
#about .color_cont a {padding-right:10px; background:url('http://www.credia.co.kr/_skin/credia/img/common/about_more.png') no-repeat top 1px right; color:#000; font-size:15px; font-weight:400; letter-spacing:-0.01rem;}
#about .tabcnt_about1 {display:none;}
#about .about_bottom {padding:86px 0 154px;}
#about .about_bottom > .wrap_inner {font-size:0;}
#about .about_bottom .info_area,
#about .about_bottom .map_area {display:inline-block; vertical-align:top;}
#about .about_bottom .info_area {width:51%; }
#about .about_bottom .info_area h3 {padding-bottom:14px; color:#333; font-size:20px; font-weight:400; letter-spacing:-0.025rem;}
#about .about_bottom .info_area .sub_title {padding-bottom:6px; color:#333; font-size:18px; font-weight:400;}
#about .about_bottom .info_area .sub_title.color {color:#000;}
#about .about_bottom .info_area .info_box {position:relative; margin-bottom:3px;}
#about .about_bottom .info_area .info_box.last {margin-bottom:36px;}
#about .about_bottom .info_area .info_box > .name {color:#000; font-size:16px; font-weight:300; letter-spacing:-0.025rem;}
#about .about_bottom .info_area .info_box > .cont_num {position:absolute; top:0; left:470px; color:#000; font-size:16px; font-weight:300; letter-spacing:-0.05rem;}
#about .about_bottom .info_area .cont_mail > a {display:block; padding-bottom:33px; color:#333; font-size:16px; font-weight:300; letter-spacing:-0.025rem;}
#about .about_bottom .info_area p {color:#333; font-size:16px; font-weight:300; line-height:1.7; letter-spacing:-0.045rem;}
#about .about_bottom .map_area {width:49%; padding-top:14px; text-align:right;}
#about .bottom_bnr img {width:100%; height:auto;}

/*-----------------------------------------------------------------*/
/* 4-3. tour
/*-----------------------------------------------------------------*/

#tour .tour_top {text-align:left; padding-bottom:62px;}
#tour .tour_top .top_title {padding:80px 0 20px 0; color:#000; font-size:28px; line-height:40px; letter-spacing:-0.025rem;}
#tour .tour_top p {color:#000; font-size:17px; font-weight:300; line-height:1.4; letter-spacing:-0.03rem;}
#tour .tour_top p.first {padding-bottom:25px;}
#tour .tour_top .tour_down {display:inline-block; margin-top:24px; padding-right:17px; background:url('http://www.credia.co.kr/_skin/credia/img/common/tour_down.png') no-repeat right top 5px; color:#00a7db; font-size:18px; font-weight:400; letter-spacing:-0.05rem;}
#tour .tour_cont.blue {width:100%; background:#f8b5b8;}
#tour .tour_cont > .wrap_inner {font-size:0;}
#tour .tour_cont .img_area,
#tour .tour_cont .txt_area {display:inline-block; vertical-align:middle;}
#tour .tour_cont .txt_area {width:49%; text-align:left;}
#tour .tour_cont.blue .txt_area {padding-left:60px;}
#tour .tour_cont .txt_area > h3 {padding-bottom:29px; color:#000; font-size:30px; font-weight:400; letter-spacing:-0.05rem;}
#tour .tour_cont .txt_area .sub_title {padding-bottom:9px; color:#000; font-size:18px; font-weight:400; letter-spacing:-0.05rem;}
#tour .tour_cont .txt_area > p {padding-bottom:40px; color:#000; font-size:17px; font-weight:300; line-height:1.5; letter-spacing:-0.05rem; white-space:pre-line; text-align:justify;}
#tour .tour_cont .txt_area > p.white_textarea {padding-right:60px;}
#tour .tour_cont .txt_area > a {display:inline-block; padding-right:10px; background:url('http://www.credia.co.kr/_skin/credia/img/common/tour_more.png') no-repeat right top 5px; color:#000; font-size:15px; font-weight:400; letter-spacing:-0.01rem;}
#tour .tour_cont .img_area {width:51%; padding:80px 0;}
#tour .tour_cont .img_area img {width:100%; height:auto;}
#tour .bottom_bnr {padding-top:40px;}
#tour .bottom_bnr img {width:100%; height:auto;}


/*-----------------------------------------------------------------*/
/* 4-4. Partners
/*-----------------------------------------------------------------*/

#partner .tour_top {text-align:left; padding-bottom:62px;}
#partner .tour_top .top_title {padding:80px 0 20px 0; color:#000; font-size:28px; line-height:40px; letter-spacing:-0.025rem;}
#partner .tour_top p {color:#000; font-size:17px; font-weight:300; line-height:1.4; letter-spacing:-0.03rem;}
#partner .tour_top p.first {padding-bottom:25px;}
#partner .tour_top .tour_down {display:inline-block; margin-top:24px; padding-right:17px; background:url('http://www.credia.co.kr/_skin/credia/img/common/tour_down.png') no-repeat right top 5px; color:#00a7db; font-size:18px; font-weight:400; letter-spacing:-0.05rem;}
#partner .tour_cont.blue {width:100%; background:#dcdcdc;}
#partner .tour_cont > .wrap_inner {font-size:0;}
#partner .tour_cont .img_area,
#partner .tour_cont .txt_area {display:inline-block; vertical-align:middle;}
#partner .tour_cont .txt_area {width:49%; text-align:left;}
#partner .tour_cont.blue .txt_area {padding-left:60px;}
#partner .tour_cont .txt_area > h3 {padding-bottom:29px; color:#000; font-size:30px; font-weight:400; letter-spacing:-0.05rem;}
#partner .tour_cont .txt_area .sub_title {padding-bottom:9px; color:#000; font-size:18px; font-weight:400; letter-spacing:-0.05rem;}
#partner .tour_cont .txt_area > p {padding-bottom:40px; color:#000; font-size:17px; font-weight:300; line-height:1.5; letter-spacing:-0.05rem; white-space:pre-line; text-align:justify;}
#partner .tour_cont .txt_area > p.white_textarea {padding-right:60px;}
#partner .tour_cont .txt_area > a {display:inline-block; padding-right:10px; background:url('http://www.credia.co.kr/_skin/credia/img/common/tour_more.png') no-repeat right top 5px; color:#000; font-size:15px; font-weight:400; letter-spacing:-0.01rem;}
#partner .tour_cont .img_area {width:51%; padding:80px 0;}
#partner .tour_cont .img_area img {width:100%; height:auto;}
#partner .bottom_bnr {padding-top:40px;}
#partner .bottom_bnr img {width:100%; height:auto;}


/*-----------------------------------------------------------------*/
/* 5. ETC
/*-----------------------------------------------------------------*/

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {padding:160px 7.5% 0 7.5%; text-align:left;}
#uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#uselaw > ol > li > dl > dd {padding-left:10px; color:#666;}
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy {padding:160px 7.5% 0 7.5%; text-align:left;}
#privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#privacy > ul > li > dl > dd {padding-left:10px; color:#666;}
#privacy > ul > li > dl > dd > ul,
#privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 댓글 - 리스트(게시판, 상품리뷰) */
.list_comment {position:relative; text-align:left;}
.list_comment > ul {border:1px solid #e5e5e5; border-top:0;}
.list_comment > ul > li {clear:both; overflow:hidden; padding:15px 30px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;}
.list_comment > ul > li .name {float:left; width:12%;}
.list_comment > ul > li .name a {color:inherit; font-size:inherit;}
.list_comment > ul > li .content {float:left; width:73%;}
.list_comment > ul > li .date {float:right; width:15%; text-align:right;}
.list_comment > ul > li .date span {padding-right:5px; color:#888;}
.list_comment > ul > li .date img {margin-top:3px;}

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.write_comment {overflow:hidden; margin-top:-1px; padding:20px; border:1px solid #e5e5e5; background:#fff;}
.write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;}
.write_comment .user span {float:left; width:50%;}
.write_comment .user span.name {padding-right:5px;}
.write_comment .user span.pw {padding-left:5px;}
.write_comment .inputbox {position:relative; padding-right:70px; border:1px solid #e2e2e2; background:#fafafa; text-align:left;}
.write_comment .inputbox textarea.form_input {height:60px; border:0; border-right:1px solid #e2e2e2;}
.write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%; cursor:pointer;}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {background:#fff;}
#product_search_frm .frame {min-height:600px; margin:10px;}
#product_search_frm .frame .search {padding-bottom:10px;}
#product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write {padding:20px 0;}
.related_prd_write > ul {margin:20px 0;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;}

/* artist */
.board_top {padding-bottom:66px; text-align:left;}
.board_top .top_title {padding:80px 0 19px; color:#000; font-size:30px; line-height:1.2; letter-spacing:-0.025rem;}
.board_top .top_cont {color:#000; font-size:17px; line-height:1.4; font-weight:300;}

.category_artist {position:relative; width:100%; height:67px; margin-bottom:40px; background:#fff; border:1px solid #ddd; border-width:1px 0; text-align:left;}
.category_artist ul {font-size:0;}
.category_artist ul > li {display:inline-block; padding-right:60px; vertical-align:top;}
.category_artist ul > li:last-child {position:absolute; top:0; right:0; padding:0;}
.category_artist ul > li > a {display:block; position:relative; height:65px; color:#999; font-size:17px; line-height:65px; letter-spacing:-0.025rem;}
.category_artist ul > li.cate_all > a,
.category_artist ul > li.selected > a {color:#ad1f2e; letter-spacing:-0.05rem;}

.cate_year {position:relative; width:100%; height:67px; margin-bottom:40px; border:1px solid #ddd; border-width:1px 0; text-align:left;}
.cate_year .year_ul {font-size:0;}
.cate_year .year_ul > li {display:inline-block; width:8.3%;/* padding-right:64px */; vertical-align:top;}
.cate_year .year_ul > li > a {display:block; position:relative; height:65px; color:#999; font-size:17px; line-height:65px; letter-spacing:-0.025rem;}
.cate_year .year_ul > li.cate_all > a,
.cate_year .year_ul > li.selected > a {color:#ad1f2e; font-weight:700; letter-spacing:-0.05rem;}
.cate_year .year_more {display:inline-block; position:absolute; top:50%; right:0; margin-top:-12.5px; padding-right:17px; background:url('http://www.credia.co.kr/_skin/credia/img/common/year_more.png') no-repeat right top 7px; color:#333; font-size:16px; letter-spacing:-0.05rem; cursor:pointer;}
.cate_year .year_more.active {background-image:url('http://www.credia.co.kr/_skin/credia/img/common/year_more_on.png');}
.category_con {display:none; position:absolute; bottom:-180px; left:0; width:100%; height:auto; padding:34px 0 16px 0; background:#fff; text-align:left;}
.category_con ul {/* display:table-row; */ font-size:0;}
.category_con ul > li {display:inline-block; width:8.3%; vertical-align:top;}
.category_con ul > li > a {display:block; position:relative; padding-bottom:15px; color:#999; font-size:17px; letter-spacing:-0.05rem;}
.category_con ul > li.cate_all > a,
.category_con ul > li.selected > a {color:#ad1f2e; font-weight:bold;}