/* BASIC css start */
@charset "utf-8";
/* reset *********************************************************************** */
html { overflow-y: scroll }
html, body, div, span, iframe, object, embed, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, a, abbr, address, b, bdo, blockquote, cite, code, del, dfn, p, pre, em, i, ins, kbd, q, s, samp, strong, sub, sup, u, var, img, map, area, form, fieldset, legend, input, textarea, select, button, label, keygen, table, caption, thead, tbody, tfoot, tr, th, td, article, aside, audio, bdi, canvas, datalist, details, dialog, figcaption, figure, footer, header, main, mark, menu, menuitem, meter, nav, output, progress, section, rp, rt, ruby, summary, time, video, wbr { margin: 0; padding: 0; border: 0 none; }
html, body { width: 100%; height: 100%; }
/* font 정의 */
body, input, select, textarea, button, pre { font-family: '맑은 고딕', 'Malgun Gothic', '돋움',dotum,'굴림',gulim,sans-serif; line-height: 1; font-size: 13px; color: #333; -webkit-text-size-adjust: none; }
/* 제목 */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-style: inherit; }
/* 리스트 */
ul { list-style: none }
/* 테이블 */
table { border-collapse: collapse; border-spacing: 0; border: 0 none; }
caption, th, td { text-align: left; font-weight: normal; }
/* form */
input, select, textarea, option, label, button { font-size: inherit; font-style: inherit; font-weight: normal; }
label, button, input[type=submit], input[type=button] { cursor: pointer }
/* 텍스트 관련 */
em, address { font-style: normal }
em { color: #f23838 }
strong { font-weight: 600 }
/* 수평선 */
hr { display: none }
hr.line { display: block; width: 100%; height: 0; border: 0; border-top: 1px dashed #eaeaea; }
/* HTML5 요소 블록화 (구형 브라우저) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block }
/* 앵커 */
a { text-decoration: none; color: #555; }
/* 세로 정렬 */
input, select, label, img, button { vertical-align: middle }
img { max-width: 100% }
/* common ************************************************************************** */
pre, .pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; line-height: 20px; : ; }
/* 블라인드 */
caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
legend { position: absolute; z-index: -1; overflow: hidden; display: block; width: 0; height: 0; font-size: 0; line-height: 0; }
.sr-only { position: absolute; z-index: -1; overflow: hidden; display: block; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
/* float, align */
.clear { clear: both; float: none; }
.clear:after { content: ""; display: block; clear: both; }
.float-left { float: left }
.float-right { float: right }
.align-left { text-align: left !important }
.align-right { text-align: right !important }
.align-center { text-align: center !important }
/* 모바일 전용 */
.mobile-only { display: none !important }
/* skip navigation */
.skip-navi { position: absolute; top: -100%; left: 0; width: 100%; }
.skip-navi:focus { top: 0; z-index: 100000; display: block; width: 100%; line-height: 30px; background: #5a7ba8; font-weight: bold; text-align: center; color: #fff; }
/* 공통 layout  **************************************************************************** */
.wrapper { width: 100% }
.inner-wrap { max-width: 1080px; margin: 0 auto; /*padding: 0 10px; */}
.inner-wrap:after { content: ''; display: block; clear: both; }
header { width: 100%; /*background: url(/design/clifford2/img/bg_header.jpg) repeat-x;*/}
header .inner-wrap { position: relative }
header h1 { float: left; width: 17%; }
header nav { float: right; width: 80%; padding-top: 3.5%; }
.gnb { width: 100% }
.gnb:after { content: ''; display: block; clear: both; }
.gnb>li { float: left; display: inline; padding: 0 5%; }
.gnb>li:last-child { padding-right: 0 }
.gnb>li>a { display: block; padding: 1% 0; text-align: center; }
.gnb>li>a span { overflow: hidden; display: inline-block; width: 42px; font-family: Georgia;font-size: 12.5px;font-weight: bold; }
.gnb>li + li + li>a span { width: 76px; background-position: -101px 0; }
.gnb>li + li + li + li>a span { width: 52px; background-position: -234px 1px; }
.gnb>li + li + li + li + li>a span { width: 132px; background-position: -344px 0; }
.gnb>li + li + li + li + li + li>a span { width: auto; background-position: -534px 0; }
.gnb ul { display: none }
.gnb .btn-close { display: none }
.sns-menu { position: absolute; top: 7px; right: 0px; }
.sns-menu:after { content: ''; display: block; clear: both; }
.sns-menu>li { float: left }
.sns-menu>li>a, .ft-sns a { overflow: hidden; display: block; width: 25px; height: 0; padding-top: 25px; margin-left: 5px; background: url(/design/clifford2/img/m_sns.png) no-repeat; }
.sns-menu>li + li>a, .ft-sns a + a { background-position: 100% 0 }
.sns-menu>li.blog a {background-position: 48% 0;}
.sns-menu>li.facebook a {background: url(/design/clifford2/img/icon-facebook.png) no-repeat center center; background-size: 100%;}
.sns-menu>li.insta a { margin-left: 10px; background: url(/design/clifford2/img/icon-insta.png) no-repeat center center; background-size: 100%;}
.sns-menu>li.shop a {background: url(/design/clifford2/img/icon-shop.png) no-repeat center center; background-size: 100%;}
.btn-gnb, header nav .btn-close { display: none }
.to-top { padding: 10% 0 5%; text-align: right; }
footer { width: 100%; border-top: 1px solid #fff; padding-bottom: 18px; background: url(/design/clifford2/img/bg_footer.gif) repeat-x; }
footer .inner-wrap { position: relative }
footer ul, footer dl { float: left; position: relative; z-index: 10; min-width: 18%; max-width: 60%; min-height: 100px; border-left: 1px solid #f4f4f4; margin-top: -12px; }
footer dt { padding-left: 10px; padding-bottom: 10px; color: #2e2e56; font-weight: bold; font-size: 14px; }
footer dd { padding-left: 10px; line-height: 22px; }
footer ul a { display: block; padding-left: 10px; padding-bottom: 10px; font-weight: bold; color: #2e2e56; font-size: 14px; }
footer .ft-sns .blog { background-position: 48% 0; }
.ft-sns a {padding-left: 0; padding-bottom: 0; display: inline-block; margin-left: 10px;}
.ft-sns a + a {margin-left: 0;}
.ft-sns a.facebook {background: url(/design/clifford2/img/icon-facebook.png) no-repeat center center; background-size: 100%;}
.ft-sns a.insta {background: url(/design/clifford2/img/icon-insta.png) no-repeat center center; background-size: 100%; margin-left: 5px;}
.ft-sns a.shop {background: url(/design/clifford2/img/icon-shop.png) no-repeat center center; background-size: 100%;}
footer address span { display: block }
footer address span a { display: inline; font-weight: bold; }
footer .footer-sns { display: none }
/* 메인페이지 컨텐츠  **************************************************************************** */
main { width: 100%; }
.main-visual { background: url(/design/clifford2/img/bg_main_visual.gif) repeat-x }
.main-visual .cycle-pager-wrap { position: relative; left: 0; top: -26px; z-index: 1; width: 100%; margin-bottom: -26px; padding: 5px 0;}
/*
.main-visual .cycle-pager-wrap:before {content: ''; position: absolute; left:0; top: 0; z-index: 998; width: 100%; height: 100%; background-color: #050c36; opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
*/
.main-visual .cycle-pager a { position: relative; z-index: 999; background: url(/design/clifford2/img/bg_main_visual_pager.png) no-repeat; }
.main-visual .cycle-pager a:first-child {margin-left: 15px;}
.quidk-menu ul { width: 100% }
.quidk-menu ul:after { content: ''; display: block; clear: both; }
.quidk-menu li {
    position: relative;     
    float: left;
    width: 33.3%;
    padding: 0 0.1%;
    box-sizing: border-box; 
}
.quidk-menu li a {
  display: block;
   background: #000;
}
.quidk-menu li img {
   width: 100%;
   opacity: 0.7;
}
.quidk-menu li .text-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 19px;
    letter-spacing: 2px;
    border-bottom: 1px solid #8a7921;
    padding: 0 15px 11px;
}
.quidk-menu li:last-child .text-info {
    width: 153px;
}
/*
.quidk-menu li a { display: block; padding-bottom: 1.5%; background: url(/design/clifford2/img/img_quick_menu_01p.jpg) no-repeat 0 0; background-size: 100%; }
.quidk-menu li + li a { background-image: url(/design/clifford2/img/img_quick_menu_02p.jpg) }
.quidk-menu li + li + li a { background-image: url(/design/clifford2/img/img_quick_menu_03p.jpg) }
.quidk-menu li + li + li + li a { background-image: url(/design/clifford2/img/img_quick_menu_04p.jpg) }
*/
.ie67 .quidk-menu li { width: 25% !important }
.ie67 .quidk-menu li:first-child a { margin: 0 2% }
.news-list { position: relative }
.news-list ul { }
.news-list .more { position: absolute; top: 21px; left: 130px; display: block; padding-left: 1em; text-indent: 3px; font-family: '돋움', Dotum; font-size: 12px; }
.news-list .more:before { content: '▶'; position: absolute; top: 0px; left: -3px; font-size: 12px; }
@media screen and (max-width: 883px) and (min-width:769px) { 
	header nav { padding-top: 4.5% }
	.gnb>li { padding: 0 2% }
	footer * { font-size: 12px }
	footer address span { display: inline }
}
@media screen and (max-width: 768px) { 
	/* mobile */
	header {background-image: url(/design/clifford2/img/bg_header_m.jpg); background-position: center top; background-size: auto 100%; border-bottom: 0;}
	body, input, select, textarea, button, pre { font-size: 14px }
	input, select, textarea, option, label, button { -webkit-appearance: none; -webkit-border-radius: 0; }
	.pc-only { display: none }
	.mobile-only { display: block !important }
	.inner-wrap { max-width: 720px; padding: 0; }
	header .inner-wrap { position: static }
	header h1 { width: 100% }
	header h1 a { display: block; width: 26%; margin: 0 auto; }
	header .sns-menu { display: none }
	.btn-gnb { position: absolute; top: 0; left: 0; display: block; width: 15%; height: auto; }
	header nav { display: none; position: absolute; top: 0; left: -80%; z-index: -1; overflow: hidden; float: none; width: 100%; height: 100%; padding: 0; background: url(/design/clifford2/img/opacity_60.png); }
	.gnb-wrap { position: relative; overflow: auto; width: 80%; height: 100%; background: #fff; }
	.gnb-wrap h2 { padding: 5% 4%; background: #19436b; color: #fff; font-size: 16px; font-weight: bold; box-sizing: border-box; }
	.gnb { width: 100% }
	.gnb>li { width: 100%; padding: 0; }
	.gnb>li>a { position: relative; padding: 4%; text-align: left; border-bottom: 1px solid #bbb; font-size: 16px; background: #f0f0f0; font-weight: bold; white-space: nowrap; }
	.gnb>li>a:after { content: ''; position: absolute; top: 50%; right: 5%; display: block; width: 0.5em; height: 1em; margin-top: -0.4em; background: url(/design/clifford2/img/bg_mobile_gnb.png) no-repeat; background-size: 100%; }
	.gnb ul { display: block; padding: 3%; border-bottom: 1px solid #bbb; background: #fff; }
	.gnb ul a { display: block; padding: 2%; font-size: 14px; font-weight: bold; color: #777; white-space: nowrap; }
	.gnb>li>a span { display: none }
	header nav .btn-close { display: block; position: absolute; top: 0; right: 0; z-index: 2; width: 16%; }
	main { border: 0 }
	.cycle-pager { text-align: center }
	.main-visual .cycle-pager a:first-child { margin-left: 3px; }
	.quidk-menu { padding: 0 2.5% }
	.quidk-menu li { width: 50% !important; margin-left: 0; }
	.quidk-menu li a { margin: 2.5% !important; padding-bottom: 0; background-position: 50% 50%; background-image: url(/design/clifford2/img/img_quick_menu_01.jpg) }
	.quidk-menu li + li a { background-image: url(/design/clifford2/img/img_quick_menu_02.jpg) }
	.quidk-menu li + li + li a { background-image: url(/design/clifford2/img/img_quick_menu_03.jpg) }
	.quidk-menu li + li + li + li a { background-image: url(/design/clifford2/img/img_quick_menu_04.jpg) }
	.news-list { padding: 0 10px; margin-bottom: 5%; }
	.to-top { display: none }
	.news-list .more { left: auto; right: 7%; }
	footer { background: #e8e8e8; padding: 0; border-top: 0; }
	footer .inner-wrap { }
	footer .div { display: none }
	footer ul { width: 50%; max-width: 50%; padding-top: 5%; box-sizing: border-box; border: 0; }
	footer ul.first { border-right: 1px solid #f4f4f4 }
	footer dl { max-width: 100%; padding-top: 5%; border-top: 1px solid #f4f4f4; border-left: 0; }
	footer dl dd { padding-right: 10px }
	footer dl span { display: inline }
	footer ul, footer dl {margin-top: 0; padding-bottom: 18px;}
	footer .footer-sns { display: table; width: 100%; }
	footer .footer-sns a { display: table-cell; width: 50%; background: #d9d9d9; padding: 2% 0; box-sizing: border-box; color: #2e2e56; font-weight: bold; font-size: 14px; }
	footer .footer-sns a:first-child { border-right: 1px solid #fff }
	footer .footer-sns img { width: 16%; margin: 0 3% 0 5%; }
	.ft-sns {display: none;}
}
/* 서브페이지 layout */
.sub-contents { background: #fff url(/design/clifford2/img/bg_sub_contents.gif) repeat-x }
.sub-contents:after { content: ''; display: block; clear: both; }
.page-location { padding: 2.5% 0 5.3%; font-family: Georgia; }
.lnb-area { float: left; width: 190px; }
.lnb-area h2 { height: 60px; padding-left: 10px; }
.lnb { padding: 10px 0; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
.lnb>ul>li>a { position: relative; display: block; padding: 10px 10px 10px 20px; font-family: Georgia; color: #888; word-spacing: -1px; }
.lnb>ul>li>a:before { content: ''; position: absolute; top: 13px; left: 10px; width: 4px; height: 7px; background: url(/design/clifford2/img/bul_lnb.gif) no-repeat 0 -7px; }
.lnb>ul>li.selected>a { color: #222 }
.lnb>ul>li.selected>a:before { background-position: 0 0 }
.lnb ul ul { padding: 0 10px 10px 20px }
.lnb ul ul a { position: relative; display: block; padding: 8px; }
.lnb ul ul a:before { content: '-'; position: absolute; top: 8px; left: 0; }
.lnb ul ul a.selected { color: #222; font-weight: bold; letter-spacing: -1px; }
.lnb .sub { padding-top: 15px; margin: 10px 0; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
.lnb .sub:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.lnb .sub.last { padding-top: 0; margin-top: 0; border-top: 0; border-bottom: 0; margin-bottom: 0; }
.lnb + .lnb { border-top: 0 }
.lnb h3 { padding: 20px 10px 10px; font-family: Georgia; font-size: 14px; }
.contents { float: right; width: 78%; max-width: 840px; min-height: 650px; }
.contents .page-header { padding-left: 20px; padding-bottom: 3%; background: url(/design/clifford2/img/bg_page_header.gif) no-repeat; line-height: 35px; font-size: 23px; }
.page-header { font-family: Georgia; }
@media screen and (max-width: 883px) and (min-width:769px) { 
	.contents { width: 74% }
}
@media screen and (max-width: 768px) { 
	.lnb-area { display: none }
	.page-location { margin-left: 10px }
	.contents { float: none; width: 100%; padding: 0 10px; box-sizing: border-box; min-height: inherit; padding-bottom: 10%; }
}


@media screen and (max-width: 768px) { 
#content {
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    min-height: inherit;
    padding-bottom: 10%;
}
#content2 {
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    min-height: inherit;
    padding-bottom: 10%;
}

#contentWrap{
    float: none;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    min-height: inherit;
    padding-bottom: 10%;
}

.bd_img {
    display: none !important;
}

.bd_img2 {
    display: none !important;
}

.bd_img3 {
    display: none !important;
}

.bd_wrap {
    width: 100% !important;
}

.bd_content {
    width: 100% !important;
}

.bd_wrap2 {
    width: 100% !important;
}

.bd_wrap3 {
    width: 100% !important;
}

.bd_wrap4 {
    width: 100% !important;
}

.bd_wrap3 {
    height: 155px !important;

}

.bd_wrap4 {
    height: 140px !important;

}
.bd_wrap3 {
    height: 120px !important;

}

.bd_wrap {
    height: 140px !important;

}


.bd_img4 {
    display: none !important;
}



}


/* 공통 컨텐츠 스타일 ********************************************************************************************* */
/* 제목 */
.title-bar { background: #eaecee; padding: 0.7em 1em; margin-bottom: 30px; font-family: Georgia; font-size: 18px; color: #222; font-style: italic; font-weight: normal; }
/* 데이터 테이블 */
.data-table { width: 100% }
.data-table thead th { background: #f6f6f6; border-top: 2px solid #838383; text-align: center; font-weight: 600; }
.data-table th, .data-table td { padding: 8px 0; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; line-height: 20px; text-align: center; }
.data-table th:first-child, .data-table td:first-child { border-left: 0 }
.data-table .align-left { padding: 0 10px }
.data-table .btn { display: inline-block; background: #43506a; color: #fff; margin: -2px 5px; padding: 0 1em; font-size: 12px; line-height: 24px; font-weight: bold; }
/* cycle 플러그인 */
.cycle-slideshow { width: 100% }
.cycle-slideshow li { width: 100%; height: auto; text-align: center; vertical-align: middle; }
.cycle-pager a { overflow: hidden; display: inline-block; width: 16px; height: 0; margin: 0 4px 0 3px; padding-top: 15px; cursor: pointer; background: url(/design/clifford2/img/bg_cycle_pager.gif) no-repeat; }
.cycle-pager a.cycle-pager-active { background-position: 0 -15px }
/* 갤러리 플러그인 */
.photo-wrap { position: relative; width: 100%; }
.photo-gallery { width: 100% }
.photo-gallery span { float: left; width: 100%; text-align: center; }
.slick-list { overflow: hidden }
.slick-arrow { position: absolute; nowhitespace: afterproperty; top: 180%; z-index: 100; overflow: hidden; width: 55px; height: 0; margin-top: -27.5px; padding-top: 55px; opacity: 0.2; filter: alpha(opacity=20); /* IE 8 */ }
.slick-arrow:hover { opacity: 1; nowhitespace: afterproperty; transition: 0.5s; filter: alpha(opacity=100); /* IE 8 */ }
.slick-prev { left: 0; background: url(/design/clifford2/img/btn_navi_prev.png); }
.slick-next { right: 24px; background: url(/design/clifford2/img/btn_navi_next.png); }
.slick-dots { width: 100%; text-align: center; padding-top: 3%; }
.slick-dots li { display: inline }
.slick-dots button { display: inline-block; overflow: hidden; width: 14px; height: 0; margin: 0 2px; padding-top: 14px; background: url(/design/clifford2/img/bg_cycle_pager.gif) no-repeat; }
.slick-dots .slick-active button { background-position: 0 -15px }
/* 게시판 **************************************************************************** */
/* 목록 */
.bbs-list li { display: table; width: 100%; padding: 2% 0; border-bottom: 1px dotted #bcbdc0; }
.bbs-list li:after { content: ''; display: block; clear: both; }
.bbs-list li>* { display: table-cell; vertical-align: top; }
.bbs-list li .date, .bbs-list li .img { width: 12.2%; color: #a3a3a3; font-size: 14px; line-height: 1.4; }
.bbs-list li .date {position: relative; top: 3px;}
.bbs-list li a { display: block; padding-right: 3%; line-height: 22px; }
.bbs-list li a strong { display: block; padding-bottom: 12px; color: #5a7ba8; font-size: 16px; line-height: 1.4; }
.ie67 .bbs-list li span { float: left; max-width: 75%; }
.ie67 .bbs-list li .date { line-height: 16px }
.bbs-table-list { margin-bottom:80px; }
/* 페이징 */
.pagination { width: 100%; padding: 24px 0; text-align: center; }
.pagination a, .pagination strong, .pagination span { display: inline-block; width: 23px; height: 23px; text-align: center; line-height: 23px; vertical-align: middle; }
.ie67 .pagination a, .ie67 .pagination strong { display: inline }
.pagination .btn { overflow: hidden; height: 0; padding: 23px 0 0; margin: 0; background: url(/design/clifford2/img/bg_btn_bbs_navi.gif) no-repeat; }
.pagination .btn.prev { background-position: -25px 0; margin-right: 10px; }
.pagination .btn.next { background-position: -50px 0; margin-left: 10px; }
.pagination .btn.end { background-position: -75px 0 }
.pagination strong { color: #527cc9; text-decoration: underline; }
/* 상세보기 */
.bbs-view { border-bottom: 1px dotted #bcbdc0 }
.bbs-view-header { line-height: 1.5em; border-bottom: 1px dotted #bcbdc0; }
.bbs-view-header .date { display: block; padding-bottom: 1%; color: #a3a3a3; }
.bbs-view-header strong { display: block; padding-bottom: 2.5%; color: #5a7ba8; font-size: 16px; }
.bbs-view .img { padding: 4% 0; text-align: center; }
.bbs-view .bbs-cont { line-height: 1.5em; padding: 2% 0; }
.btn-set { padding: 2.5% 0; text-align: right; }
.btn-set a { display: inline-block; line-height: 2em; padding: 0 1.5em; border: 1px solid #d7d8db; }
.btn-set a:hover { color: #19436a; border-color: #19436a; }
@media screen and (max-width: 768px) { 
	.bbs-list li>* { display: block !important; width: auto !important; }
	.bbs-list li .date { padding-bottom: 5px }
	.bbs-list li .img { display: none !important }
	.bbs-list .more { top: 5%; right: 5%; left: auto; }
}
/* company, brand - 그림이 있는 텍스트 컨텐츠 */
.img-txt-cont { padding-top: 4.4% }
.img-txt-cont>dl { width: 100%; padding: 4% 0; border-top: 1px solid #e1e3e3; }
.img-txt-cont>dl:after { content: ''; display: block; clear: both; }
.img-txt-cont>dl:first-child { border: 0; padding-top: 0; }
.img-txt-cont>dl>dt, .img-txt-cont .cont { float: right; width: 68%; line-height: 20px; }
.img-txt-cont .img { float: left; width: 28%; }
.img-txt-cont .cont dl { padding: 15px 0 0; }
.img-txt-cont .cont dt { font-weight: bold; font-size: 15px; }
.img-txt-cont .cont dt+dd+dt+dd+dt+dd+dt+dd {padding-bottom: 0;}
.img-txt-cont .cont dd { padding: 10px 0 20px }
.img-size-320 .img { width: 40%; max-width: 320px; }
.img-size-320>dl>dt, .img-size-320 .cont { width: 57% }
.img-txt-cont .no-img>dt, .img-txt-cont .no-img>dd { width: 100% }
.img-txt-cont .season-section .cont dt {
  font-size: 22px;
font-family: Georgia;
}
.img-txt-cont .season-section .cont dt .num {
  font-family: '맑은 고딕', 'Malgun Gothic', '돋움',dotum,'굴림',gulim,sans-serif;
}
.img-txt-cont .season-section .cont dd {
  line-height: 23px;
}
.img-txt-cont .season-section .cont .sub-tit {
    display: block;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.belgravia-cont { margin-top: 4%; line-height: 20px; }
.cm900-cont {
    margin-top: 4%;
    line-height: 20px;
}
.cm900-cont h3 {
  margin-bottom: 20px;
}
.aboutus { position: relative; }
.aboutus p { width: 71%; }
.aboutus img { position: absolute; right: 0; top: 0; width: 24.5%; }
/* history */
.history { position: relative }
.history > p img { display: block; margin: 0 auto 10px; }
.history-cf { overflow: hidden; position: relative; clear: both; width: 767.5px; height: 350px; margin: auto; background: #fff; }
.history-cf:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 99; width: 505px; height: 331px; margin: -160px 0 0 -252px; background: url(/design/clifford2/img/img_frame.png) no-repeat 0 0; }
[class*='cf-background'] { display: block !important; position: absolute; top: 50%; left: 0; z-index: 95; width: 55px !important; height: 193px !important; margin-top: -89px; background-color: #fff; cursor: pointer; opacity: .6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; }
.cf-backgroundB { left: 55px; width: 86px !important; }
.cf-backgroundC { right: 55px; left: auto; width: 85px !important; }
.cf-backgroundD { right: 0; left: auto; width: 55px !important; }
.history-cf span { display: none }
.history-text { position: absolute; width: 100%; top: 420px; left: 0; text-align: center; }
.history-text em { display: block; margin-bottom: 10px; color: #12084d; font-size: 28px; font-weight: bold; }
.history-text i { font-style: normal; font-size: 12px; line-height: 2; }
.history-cf img { width: 393px; height: 218px; cursor: pointer; }
.history-cf .active { z-index: 100 !important; cursor: default; }
.ui-slider { position: relative; z-index: 100; width: 778px; height: 6px; margin: 220px auto 40px; }
.ui-slider:after { content: ''; position: absolute; top: 0; left: -24px; width: 833px; height: 1px; background-color: #c6baa7; }
.ui-sliderPoint { overflow: hidden; position: absolute; z-index: 1; top: -3px; left: 0; width: 6px; height: 6px; text-indent: -999em; background: url(/design/clifford2/img/spl_slider.png) no-repeat -55px 0; cursor: pointer; }
.ui-slider-handle { display: block; position: absolute; top: -34px; left: 0; width: 55px; height: 29px; margin-left: -24px; background: url(/design/clifford2/img/spl_slider.png) no-repeat 0 0; cursor: pointer; }
.year-text { position: absolute; top: 0; left: 0; margin: 12px 0 0 -20px; }
.year-text img { display: block; width: auto; max-width: none; }
.sub-index { overflow: hidden; margin-top: 10px; }
.sub-index a { float: left; width: 60%; margin-left: 15%; }
.sub-index img {width: 100%;}
.sub-index + .sub-index { margin-top: 4.1%; }
/* ContentFlow */
.ContentFlow { margin-top: 50px; padding-top: 218px; position: relative; }
.ContentFlow .flow { position: absolute; top: 0; left: 0; visibility: hidden; z-index: 0; width: 100%; margin: -109px auto 0; }
.ContentFlow .flow .item { visibility: hidden; position: absolute; top: 0; left: 0; }
.ContentFlow .flow .caption { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; opacity: .6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; }
.ContentFlow .flow .active .caption { display: none }
.ContentFlow .flow .caption em, .ContentFlow .flow .caption i { display: none }
.ContentFlow .globalCaption { margin-top: 30px; height: 200px; text-align: center; }
.ContentFlow .globalCaption em { display: block; margin-bottom: 10px; color: #12084d; font-size: 28px; font-weight: bold; }
.ContentFlow .globalCaption i { font-style: normal; font-size: 12px; line-height: 2; }
.ContentFlow .scrollbar { position: relative; width: 785px; height: 1px; margin: 0 auto 50px; background-color: #c6baa7; }
.ContentFlow .slider { display: block; position: absolute; top: -34px !important; left: 0; width: 55px; height: 29px; margin-left: 0; background: url(/design/clifford2/img/spl_slider.png) no-repeat 0 0; cursor: pointer; }
.ContentFlow .slider .position { visibility: hidden }
.ContentFlow .ui-sliderPoint { margin-left: -3px }
.ContentFlow .mouseoverCheckElement { position: absolute; left: 0; width: 0; height: 0; visibility: hidden; }
.ContentFlow:hover .mouseoverCheckElement { left: 1px }
@media screen and (max-width: 768px) { 
	/* history mobile */
	.history>dl { position: relative }
	.history>dl:before { content: ''; position: absolute; top: 0; left: 15px; z-index: 1; width: 1px; height: 100%; background: #19436b; }
	.history>dl>dt { position: relative; z-index: 2; padding: 2.7%; color: #fff; background: url(/design/clifford2/img/bg_mobile_history.gif) repeat-x; font-weight: bold; font-size: 16px; }
	.history>dl>dd { position: relative; z-index: 2; padding-left: 30px; }
	.history>dl>dd>ul>li { position: relative; width: 100%; display: table; padding: 15px 0; }
	.history>dl>dd>ul>li:before { content: ''; position: absolute; top: 17px; left: -21px; display: block; width: 10px; height: 10px; border-radius: 50%; background: #e4ecf4; border: 1px solid #19436b; }
	.history>dl>dd>ul>li>* { display: table-cell; line-height: 1.5em; vertical-align: top; }
	.history>dl>dd>ul>li>strong { width: 15% }
	.history>dl>dd>ul>li>span>img { width: 100%; margin-bottom: 10px; }
	.img-txt-cont>dl>dt, .img-txt-cont .cont, .img-txt-cont .img { float: none; width: 100%; }
	.img-txt-cont .img { margin-bottom: 5% }
	.img-txt-cont .cont dl { padding: 0 }
	.img-size-320>dl>dt { position: relative; text-align: center; }
	.img-size-320>dl>dt:after { content: ''; position: absolute; top: 35%; left: 0; z-index: 1; display: block; width: 100%; height: 1px; background: #082743; }
	.img-size-320>dl>dt img { position: relative; z-index: 2; border: 10px solid #fff; }
	.img-size-320 .img { max-width: 100% }
	.img-txt-cont .no-img>dt:after { height: 0 }
	.img-txt-cont .no-img>dt img { border: 0 }
	.aboutus p { width: 100%; }
	.aboutus img { display: none;}
	.sub-index { margin-top: 0; }
	.sub-index a { float: left; width: 49%; margin-left: 0; }
	.sub-index a + a { margin-left: 1%; }
	.sub-index img {width: 100%;}
	.sub-index + .sub-index { margin-top: 1%; }
}
/* store location */
.store-location { width: 100% }
.tabletwide .store-location, .pc .store-location {min-width: 840px;}
.store-location:after { content: ''; display: block; clear: both; }
/* map */
.loc-list { position: relative; float: left; width: 369px; height: 392px; margin-bottom: 40px; background: url(/design/clifford2/img/bg_map.gif) no-repeat; }
.loc-list a { display: block; position: absolute; font-size: 11px; font-weight: bold; }
.loc-list a:hover span { position: absolute; top: -20px; left: -10px; display: inline-block; background: url(/design/clifford2/img/bg_map_hover.gif) no-repeat; color: #fff; width: 43px; height: 33px; padding-top: 5px; text-align: center; }
.ie678 .loc-list a:hover span { width: 43px; height: 32px; padding-top: 6px; cursor: pointer; }
.loc-list a.disable {opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';}
.loc-list a.disable:hover span { position: static; background: none; color:#555; width: auto; height: auto; padding: 0; cursor: default; }
.loc-list a.loc01 { top: 111px; left: 144px; }
.loc-list a.loc02 { top: 107px; left: 103px; }
.loc-list a.loc03 { top: 132px; left: 161px; }
.loc-list a.loc04 { top: 102px; left: 214px; }
.loc-list a.loc05 { top: 174px; left: 133px; }
.loc-list a.loc06 { top: 162px; left: 179px; }
.loc-list a.loc07 { top: 190px; left: 164px; }
.loc-list a.loc08 { top: 180px; left: 240px; }
.loc-list a.loc09 { top: 224px; left: 225px; }
.loc-list a.loc10 { top: 229px; left: 147px; }
.loc-list a.loc11 { top: 271px; left: 135px; }
.loc-list a.loc12 { top: 298px; left: 135px; }
.loc-list a.loc13 { top: 262px; left: 203px; }
.loc-list a.loc14 { top: 243px; left: 261px; }
.loc-list a.loc15 { top: 268px; left: 241px; }
.loc-list a.loc16 { top: 349px; left: 121px; }
/* 위치 검색 */
.loc-search { float: right; width: 440px; }
.loc-search .search-form { padding-bottom: 30px; line-height: 20px; }
.loc-search .search-form:first-child { border-bottom: 1px dotted #bcbdc0 }
.loc-search .search-form legend { position: static; display: block; width: auto; height: auto; padding: 30px 0 20px; font-weight: bold; font-size: 20px; line-height: 1; }
.loc-search .search-form .input { width: 100%; padding-top: 10px; }
.loc-search .search-form .input:after { content: ''; display: block; clear: both; }
.loc-search .search-form .input .select, .loc-search .search-form .input input[type=text] { float: left; width: 30%; margin-right: 5px; border: 1px solid #c1c1c1; height: 25px; box-sizing: border-box; }
.loc-search .search-form .input input[type=text] { width: 60% }
.loc-search .search-form .input .select { overflow: hidden }
.loc-search .search-form .input .select select { float: left; width: 96.5%; height: 25px; margin-top: -1px; margin-left: 6px; color: #555; font-size: 12px; background-color: #fff;}
.loc-search .search-form .input .btn { float: left; padding: 0 1.3em 0 0.5em; background: #4f4f4f; color: #fff; font-weight: bold; line-height: 23px; }
.loc-search .search-form .input img { float: left }
.store-location .data-table { clear: both }
@media screen and (max-width: 768px) { 
	.loc-search { float: none; width: 100%; background: #e8e8e8; }
	.loc-search .search-form { padding: 0 5%; padding-bottom: 4%; border: 0 !important; }
	.loc-search .search-form:first-child { padding-bottom: 0 }
	.loc-search .search-form legend { font-size: 15px; padding: 4% 0 2%; }
	.loc-search .search-form p { display: none }
	.loc-search .search-form p.input { position: relative; display: block; padding-top: 0; }
	.select { display: inline-block; position: relative; padding-left: 5px; border: 1px solid #c1c1c1; background: #fff; }
	.select:after { content: '▼'; position: absolute; top: 50%; right: 1em; font-size: 0.5em; margin-top: -10px; }
	.select select { width: 100% }
	.loc-search .search-form .input .select { width: 44%; height: 30px; margin-right: 1%; }
	.loc-search .search-form .input .select { height: 30px }
	.loc-search .search-form .input .select select { height: 28px }
	.loc-search .search-form .input input[type=text] { width: 89%; height: 30px; box-sizing: border-box; padding-left: 8px; }
	.loc-search .search-form .input .btn { position: absolute; top: 0; right: 0; width: 30px; height: 30px; padding: 2px 0 0 2px; text-align: center; box-sizing: border-box; }
	.store-list { margin-top: 5%; border-top: 2px solid #838383; }
	.store-list li { padding: 2%; border-bottom: 1px solid #e1e3e3; }
	.store-list li p { width: 100%; padding: 2% 0; line-height: 20px; }
	.store-list li p:after { content: ''; display: block; clear: both; }
	.store-list li p:first-child span:first-child { float: left }
	.store-list li p:first-child span:last-child { float: right }
	.store-list li p.btns { text-align: right }
	.store-list li p.btns a { display: inline-block; margin-left: 5px; padding: 0 0.5em; line-height: 2em; border: 1px solid #d3d3d3; }
	.store-list li p.btns a.emp { background: #43506a; color: #fff; border-color: #43506a; }
	.pagination span, .pagination strong { border: 1px solid #fff; width: auto; padding: 0 2px; }
	.pagination .btn { border: 1px solid #d3d3d3 }
}
/* colledtion */
@media screen and (max-width: 768px) { 
	/* 모바일용 탭, select */
	ul.tab-menu { display: table; width: 100%; margin-bottom: 3%; }
	ul.tab-menu>li { display: table-cell; width: 50%; }
	ul.tab-menu>li a { display: block; border: 1px solid #cecece; }
	ul.tab-menu>li a.on { border: 2px solid #1a436b }
	ul.tab-menu>li img { width: 100% }
	.select-bar { position: relative; width: 100%; padding-bottom: 3%; box-sizing: border-box; }
	.select-bar a { display: block; height: 33px; line-height: 35px; padding: 0 8px; }
	.select-bar>a { position: relative; border: 1px solid #b4b4b4; background: url(/design/clifford2/img/bg_btn_select.gif) no-repeat 100% 0; }
	.select-bar ul { display: none; position: absolute; top: 34px; left: 0; width: 100%; z-index: 200; padding: 10px 0; border: 1px solid #b4b4b4; box-sizing: border-box; background: #fff; }
	.cycle-wrap .navi { display: none }
}
/* top */
.top_btn { position: fixed; display: none; right: 0px; bottom: 100px; width: 61px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 999; }
.top_btn img { width: 70% }

/* modify(201511) */
.lnb li span {
	margin-top: 3px;
	display: block;
	letter-spacing: -1px;
	font-family: '맑은 고딕', 'Malgun Gothic', '돋움', dotum, '굴림',gulim, sans-serif;
}

/* recruit page */
.recruit-menu { margin: 50px 0; text-align: center; }
.recruit-menu li { display: inline-block; margin: 0 3px; background: #082743; }
.recruit-menu li a { display: block; padding: 15px 30px; font-size: 14px; font-weight:bold; color: #fff; }
.top-img { margin-bottom:30px; }

/* nav pc drop down */
@media screen and (min-width: 768px) { 
    .main-menu-list {
        height: 48px;
    }
    .main-menu-list { 
        vertical-align: middle;
        text-align: center;
        position: relative;
    } 
    .sub-menu-list { 
        position: absolute;
        display: block;
        width: 175px;
        top: 47px;
        right: 0;
        left: 0;
        margin: 0 auto;
        padding: 10px 0;
        z-index: 9999;
        background-color: #000066;
        overflow: hidden;
    } 
     .sub-menu-list li  { 
        position: relative;
        color: #fff;
        background-color: #000066;
        vertical-align: middle;
        text-align: center;
     }
    .sub-menu-list a { 
        display: block;
        padding: 10px 30px;
        color: #fff;
        font-weight: bold;
    } 
    .sub-menu-list a:hover {  opacity: .8; } 
}
@media screen and (max-width: 768px) { 
    .sub-menu-list { 
        display: none!important;
    }
}
/* BASIC css end */