/* BASIC css start */
@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */ 

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
.page-hd h2{font-size:20px !important; letter-spacing:0 !Important}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { color:#353535; background:#fff; }
body { min-width:1200px; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-family: "lato","Noto Sans KR",sans-sarif;color:#353535; vertical-align:middle; outline:none; outline-width:0;}
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:13px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; outline:none; outline-width:0;}
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }



.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */





#MSecure_layer1{
    z-index: 9999;}






#header{display:none; width:100%;}

@charset "utf-8";
@font-face {
  font-family: 'FUTURA_N';
  font-style: normal;
  font-weight: normal;
  src: url('/design/kellyshin/web/upload/font/FUTURA_N.TTF') format('truetype'),
}
@font-face {
  font-family: 'SuperiorTitle-Bold';
  font-style: normal;
  font-weight: normal;  
  src: url('/design/kellyshin/web/upload/font/SuperiorTitle-Bold.eot')  
  src: url('/design/kellyshin/web/upload/font/SuperiorTitle-Bold.eot?iefix') format('embedded-opentype'),
       local(※),url('/design/kellyshin/web/upload/font/SuperiorTitle-Bold.woff') format('woff'),
       url('/design/kellyshin/web/upload/font/SuperiorTitle-Bold.ttf') format('truetype'),
}
@font-face {
  font-family: 'MalgunGothic';
  font-style: normal;
  font-weight: normal;  
  src: url('/design/kellyshin/web/upload/font/MalgunGothic.eot')  
  src: url('/design/kellyshin/web/upload/font/MalgunGothic?iefix') format('embedded-opentype'),     
       url('/design/kellyshin/web/upload/font/MalgunGothic.ttf') format('truetype'),
}


@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');}


/* Layout */


#header .innermain { position:relative; width:100%; margin:0 auto; *zoom:1; }
#header .inner { position:relative; width:100%; margin:0 auto; *zoom:1; height:200px; background:url("/design/kellyshin/web/upload/slider/images/mainBN.jpg")}


#header .inner:after { content:""; display:block; clear:both; }
#header .topArea { height:112px; padding:83px 0 0; text-align:center; *zoom:1; }
#header .topArea:after { content:""; display:block; clear:both; }
#header .special { float:left; border-left:1px solid #d8d8d8; }
#header .special li { float:left; }
#header .special a { display:block; height:20px; padding:16px 15px 9px; border-right:1px solid #d8d8d8; color:#353535; text-decoration:none; }
#header .special a:hover { color:#008bcc; padding-bottom:7px; border-bottom:2px solid #008bcc; }
#header .link { position:absolute; left:0; top:0; height:35px; line-height:35px; }
#header .link > a,
#header .link > span { float:left; }
#header .link > a { margin:0 9px 0 0; padding:0 10px 0 0; color:#666; text-decoration:none; background:url("/design/kellyshin/icons/ico_bar.gif") no-repeat 100% 12px; }
#header .link > span img { vertical-align:middle; }
#header .link .xans-layout-bookmark span { padding-left:17px; background:url("/design/kellyshin/icons/ico_bookmark.png") no-repeat 0 1px; }

#header .category_wrap:after { content:""; display:block; clear:both; }
#main #header .category_wrap { width:100%; position:fixed; top:0; z-index:200;}
#brand #header .category_wrap { width:100%; position:fixed; top:0; z-index:200;}
#collection #header .category_wrap { width:100%; position:fixed; top:0; z-index:200;}
#header .category_wrap { width:100%; position:fixed; top:0;; z-index:2000 }
#header .category_wrap .category_logo { float:left; margin:15px 0 0 35px;}
#header .category_wrap .category_logo a { font-size:45px; font-family:'SuperiorTitle-Bold'; color:#fff;}
#header .innermain .main_img img {width:100%; position:relative}
#header .innermain .main_img .imgdown {font-size:50px; position:absolute; bottom:30px; left:50%; margin-left:-16px; color:#fff;}
#header .innermain .main_img .imgdown:hover { cursor:pointer }

#header .innermain .fixcontainer {    
  max-width: 100%;
  margin: 0 auto;
}
#header .innermain div.module.parallax {
  height: 793px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
#header .innermain div.module.parallax-1 {
  background-image: url("/design/kellyshin/web/upload/slider/images/mainBN.jpg");
}  
.parallax-window {
	min-height: 793px;
	background: transparent;
}


#wrap { position:relative; width:100%; margin:0 auto ; z-index:300;}
#container { width:100%; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#subpage #container { padding-top:70px;} 
#contents { display:block; width:100%; margin: 0;}
#main #contents { width:1500px; margin: 0 auto;}
#contents { width:1280px important; }
#contents .visual img { max-width:100%; }
#banner { position:absolute; top:0; left:0; width:100px; }
#quick { position:absolute; top:0; right:0; width:100px; padding:70px 10px 0 0;}
#quick .banner a { display:block; margin:15px 0 0; }



#c_header { width:100%; background: none !important; z-index:2000; visibility:visible;}
#c_header:after { content:""; display:block; clear:both; }
#c_header .category_logo2 { float:left; margin:20px;}
#c_header .category_logo2 a{display:block;  margin-top: 10px; margin-left: 15px;}
#c_header .menubtn2 { color:#181818; margin:25px 30px 0 0;;}

#subpage #c_header{ position:fixed; top:0; left:0; }

#brand #c_header { position:fixed; top:0; left:0; background:none; width:100%; z-index:2000; visibility:visible;}
#brand #c_header:after { content:""; display:block; clear:both; }
#brand #c_header .category_logo2 { float:left; margin:20px 0 0 20px;}
#brand #c_header .menubtn2 { color:#fff; margin: 30px 30px 0 0;  font-size: 25px;}

#collection #c_header { position:fixed; top:0; left:0; background:none; width:100%; z-index:2000; visibility:visible;}
#collection #c_header:after { content:""; display:block; clear:both; }
#collection #c_header .category_logo2 { float:left; margin:20px 0 0 20px;}
#collection #c_header .menubtn2 { color:#fff; margin: 30px 30px 0 0;  font-size: 25px;}

#main #c_header { _visibility:hidden; }

#footer { margin-top: 60px; }
#footer .inner {  position:relative; width:1500px; margin:50px auto 0; border-top: 1px solid #101010; padding:20px 0 50px; font-family: 'Lato', sans-serif; *zoom:1; }
#footer .inner:after { content:""; display:block; clear:both; }
/*#footer .inner .copyright { float:left;}
#footer .inner .footer_info { float:right;}*/

#brand #footer .inner { background-color: rgba( 255, 255, 255, 0.7 ); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#ccffffff, endColorStr=#ccffffff ); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#ccffffff, endColorStr=#ccffffff )";  }}

#collection #footer .inner { background-color: rgba( 255, 255, 255, 0.7 ); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#ccffffff, endColorStr=#ccffffff ); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#ccffffff, endColorStr=#ccffffff )";  }}


/* Main */
#boardArea { overflow:hidden; margin:50px 0 0; border-top:1px solid #d8d8d8;display:table; }
#bannerArea { margin:22px 0 0; }
#bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }

/* 탐색경로바 */
.path { overflow:hidden; height:30px; line-height:30px; *zoom:1; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("/design/kellyshin/icons/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li a { color:#757575; }
.path li strong,
.path li strong a { color:#2e2e2e; }

/* 타이틀 */
.titleArea { min-height:30px; margin:10px 0 20px; border-bottom:1px solid #e8e8e8; }
.titleArea h2 { display:inline-block; padding:0 0 0 12px; color:#2e2e2e; font-size:16px; *display:inline; *zoom:1; background:url("/design/kellyshin/icons/ico_heading.gif") 0 50% no-repeat; }
.titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; background:url("/design/kellyshin/icons/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; background:url("/design/kellyshin/icons/ico_square2.gif") no-repeat 4px 7px; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:1px; }
.boardMain .board { position:relative; margin:0 0 65px; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 23px 65px 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 65px 23px; }
.boardMain .board h3 { margin:0 0 13px; height:28px; font-size:16px; color:#2e2e2e; border-bottom:2px solid #626672; }
.boardMain .board .more { position:absolute; top:0; right:0; padding:2px; }
.boardMain .board .ec-base-table.typeList td { color:#a4a4a4; }
.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover { color:#4f4f4f; }
.boardMain .board .galleryList { overflow:hidden; }
.boardMain .board .galleryList ul { overflow:hidden; margin:0 -10px; }
.boardMain .board .galleryList li { float:left; position:relative; width:20%; padding:0 0 12px 0; word-break:break-all; }
.boardMain .board .galleryList li span { display:block; margin:0 10px; font-size:11px; color:#a4a4a4; }
.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover { display:block; margin:0 10px 5px; font-size:12px; }
.boardMain .board .galleryList li .imgLink img { width:100%; max-height:110px; border:1px solid #ededed; }

/* 퀵뷰 모달 */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }


/* 메인 반응형 배너 */
#header .sliderwrap { width:100%; margin:0 auto;}

/* 메인 반응형 배너 */



/* 전체메뉴 */
#sbanner {position:absolute; bottom:100%; width:100%; z-index:2003; height:100%; visibility:hidden }

/*#sbanner a { color:#fff;}
#sbanner .sbanner0 { width:1200px; margin:400px auto 0; z-index:2003;}*/
/*#sbanner a { color:#8a8a8a;}
#sbanner .sbanner0 { width:1200px; margin:300px auto 0; z-index:2003;}*/
#sbanner a { color:#cdcdcd;}
#sbanner .sbanner0 { width:955px; margin:18% auto 0; z-index:2003;}
#sbanner .sbanner0 .sbannerbtn { text-align:right; font-size: 40px; color:#fff; position: absolute; right: 35px; top: 30px; }
#sbanner .sbanner0 .sbannerbtn i:hover {cursor:pointer}

.dropdown.mr{margin-right:17%}

#mask {width:100%; height:100%; background:#000; opacity:0.8; position:fixed; left:0;top:0;z-index:2001; display:none;}

#sbanner .sbanner0 .sbanner2 { padding: 0; }
#sbanner .sbanner0 .sbanner2 .sbanner_cate { text-align:center;}
#sbanner .sbanner0 .sbanner2 .sbanner_cate > li { display:inline-block; margin-left:50px; vertical-align: top; text-align: left;}
#sbanner .sbanner0 .sbanner2 .sbanner_cate > li:first-child { margin-left:0; }
#sbanner .sbanner0 .sbanner2 .sbanner_cate a { font-family: 'Lato', sans-serif; font-size:13px; color:#cdcdcd; letter-spacing:1px;}
#sbanner .sbanner0 .sbanner2 .sbanner_cate > li > ul { margin-top:10px;}
#sbanner .sbanner0 .sbanner2 .sbanner_cate > li > ul.sbanner_cate_sub2 { width:281px;}
#sbanner .sbanner0 .sbanner2 .sbanner_cate > li > ul.sbanner_cate_sub2 > li { display:inline-block; width:128px; margin-right:10px; }


#sbanner .searchArea {}
#sbanner .searchArea .search { position:relative;}
#sbanner .searchArea .search input {
    width: 845px;
    background: none !important;
    border-bottom: 1px solid #fff !important;
    height: 50px;
    border: 0;
    margin-left: 45px;
    color: #cdcdcd;
    font-size: 19px;
    font-weight: 300;
    text-indent: 5px;}
#sbanner .searchArea .search a { display:block; position:absolute; top: 15px; right: 80px;}
#sbanner .searchArea .search a img{width:20px}
#menubtn { float:right; margin: 30px 30px 0 0; font-size:25px; color:#fff; z-index:200;}
#menubtn:hover {cursor:pointer}
#menubtn2 { float:right; margin: 25px 30px 0 0; font-size:25px; color:#fff; z-index:200;}
#menubtn2:hover {cursor:pointer}


/*브랜드*/
.op-section { background:url('/design/kellyshin/web/upload/images/brand01.jpg') no-repeat; background-size:cover; background-position: center center; }

.second { background:url('/design/kellyshin/web/upload/images/brand02.jpg') no-repeat;background-size:cover; background-position: center center; }

.third { background:url('/design/kellyshin/web/upload/images/brand03.jpg') no-repeat;background-size:cover; background-position: center center; }

.fourth { background:url('/design/kellyshin/web/upload/images/brand04.jpg') no-repeat; background-size:cover; background-position: center center; }

.fifth { background:url('/design/kellyshin/web/upload/images/brand05.jpg') no-repeat; background-size:cover; background-position: center center;}

.sixth { background:url('/design/kellyshin/web/upload/images/brand06.jpg') no-repeat; background-size:cover; background-position: center center;}

.seventh { background:url('/design/kellyshin/web/upload/images/brand07.jpg') no-repeat; background-size:cover; background-position: center center;}

.eighth { background:url('/design/kellyshin/web/upload/images/brand08.jpg') no-repeat; background-size:cover; background-position: center center;}

#brand .last { background:url('/design/kellyshin/web/upload/images/brand09.jpg') no-repeat; background-size:cover; background-position: center center;}




#radioWrap {
  width: 20px;
  height: 277px;
  position: absolute;
  right: 4%;
  top: 48%;
  margin-top: -90px;
}

#radio {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#radio li {
  width: 20px;
  height: 20px;
  background-color: rgba(255,255,255, 0.5);
  text-indent: -10000px;
  border-radius: 50%;
  margin-top: 12px;
  cursor: pointer;
}

#radio li:first-child { margin-top: 0; }

		/* 
			set position to absolute(essential).
			use margin to adjust gaps between LIs because ApplikeOnePage.js uses .outerHeight(true) method
			to measure the interval gap to which each radio buttons are placed.
		*/

#radioOn {
  width: 20px;
  height: 20px;

  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
}

#brand #footer { position:fixed; bottom:0; left:0; width:100%; z-index:2000;}


/*컬렉션*/

#lookbook { position:relative; margin:0 auto;  } 

.look-view {width:100%;margin:0 auto; text-align:center; }
.look-view img {padding:0; margin:0; vertical-align:middle; }

.L-rolling {position:relative; width:100%; margin:0 auto;}
.L-rolling ul {padding:0; margin:0; list-style-type:none; }
.L-rolling li {padding:0; margin:0; }
.L-rolling .bx-controls-direction a {position:absolute; top:50%; display:inline-block; width:35px; height:100px; margin-top:-50px; background-repeat:no-repeat; background-position:center; text-indent:-999px; overflow:hidden;  }
.L-rolling .bx-controls-direction .bx-prev {left:10px; background-image:url(/design/kellyshin/web/upload/images/left-btn.png); }
.L-rolling .bx-controls-direction .bx-next {right:10px; background-image:url(/design/kellyshin/web/upload/images/right-btn.png); }

#collection #footer { position:fixed; bottom:0; left:0; width:100%; z-index:2000;}


/*상세페이지 버튼*/

.btn_buynow {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -ms-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px:
  -webkit-box-shadow: 0px 1px 4px #666666;
  -moz-box-shadow: 0px 1px 4px #666666;
  box-shadow: 0px 1px 4px #666666;
  width:180px;
  margin:10px 10px 10px 10px;
  color: #949494;
  font-size: 11px;
  text-align:center;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition: all 0.2s ease-in-out;
}

.btn_buynow:hover {
  background: #d1d1d1;
  background-image: -webkit-linear-gradient(top, #d1d1d1, #ffffff);
  background-image: -moz-linear-gradient(top, #d1d1d1, #ffffff);
  background-image: -ms-linear-gradient(top, #d1d1d1, #ffffff);
  background-image: -o-linear-gradient(top, #d1d1d1, #ffffff);
  background-image: linear-gradient(to bottom, #d1d1d1, #ffffff);
  text-decoration: none;
}

/*메인스크롤효과*/
.main_content_wrap .eff {width:1500px; margin:0 auto; position:relative;height:4520px;  font-size:inherit;font-family:'SuperiorTitle-Bold';}
.main_content_wrap .eff .t {position:relative;left:0;top:0;--opacity:0;filter:alpha(opacity=0);}
.main_content_wrap .eff img {width:100%;display:block;}
.main_content_wrap .eff .scrollObj {position:absolute;--outline:#F00 solid 1px;--opacity:.5;font-size:inherit; cursor: pointer;}


.main_content_wrap .eff .scrollObj .chg {position:relative;}
.main_content_wrap .eff .scrollObj .chg:hover .hv {opacity:.7;}
.main_content_wrap .eff .vis_0 {width:100%; top:100px; position:absolute;--outline:#F00 solid 1px;--opacity:.5;font-size:inherit; cursor: pointer;}
.main_content_wrap .eff .vis_1 {left:10%;top:997px;width:50%;}
.main_content_wrap .eff .txt_1 {left:55.3%;top:1255px;text-align:center;}
.main_content_wrap .eff .txt_1 .t_1 {font-size:5.83em;line-height:1em;letter-spacing:11px;}
.main_content_wrap .eff .txt_1 .t_2 {font-size:1.17em;line-height:1.6em;color:#7b7b7b;margin:8% 0% 18.5% 0%;letter-spacing:2.1px; font-family: 'Lato', sans-serif;}
.main_content_wrap .eff .txt_1 a {font-size:1.25em;line-height:1em;border-bottom:#000 solid 3px;padding:0 1% 1% 1%;margin-left:1%;letter-spacing:2.2px;}
.main_content_wrap .eff .vis_2 {left:0;top:2873px;width:100%;text-align:center; position:absolute;--outline:#F00 solid 1px;--opacity:.5;font-size:inherit; cursor: pointer;}
.main_content_wrap .eff .vis_2 .chg .box {position:absolute;left:-9.25%;top:-9.25%;width:18.5%;}
.main_content_wrap .eff .vis_2 .t_1 {padding:0 29.125%;/*font-size:1.83em;line-height:1em;letter-spacing:5px;*/ margin:8% 0 7%;}
.main_content_wrap .eff .vis_2 .t_2 {color:#7b7b7b;font-size:1.17em;line-height:1.64em;letter-spacing:1.5px; font-family: 'Lato', sans-serif;}
.main_content_wrap .eff .vis_3 {left:48%;top:1865px;width:43%;}
.main_content_wrap .eff .vis_3 .t_1 {/*position:absolute;right:-4%;bottom:0;width:1.607142857142857%;*/}
.main_content_wrap .eff .txt_3 {left:30.2%;top:2403px;text-align:center;}
.main_content_wrap .eff .txt_3 .t_1 {font-size:4.8em;line-height:1em;letter-spacing:8px;}
.main_content_wrap .eff .txt_3 .t_2 {font-size:1em;line-height:1em;letter-spacing:3.9px;margin:4.3% 0 10% 0;color:#7b7b7b; font-family: 'Lato', sans-serif;}
.main_content_wrap .eff .txt_3 a {font-size:1.25em;line-height:1em;border-bottom:#000 solid 3px;padding:0 1% 1% 1%;letter-spacing:2.2px;display:inline-block;}
.main_content_wrap .eff .vis_4_1 {left:14.71%;top:3736px;width:40%;}
.main_content_wrap .eff .vis_4_2 {left:66.41%;top:60.45%;width:22.14%;}
.main_content_wrap .eff .vis_4_1 a {position:absolute;left:32.24%;right:32.24%;top:88.2%;text-align:center;background:#fff;color:#000;font-family:'SuperiorTitle-Bold';font-size:1.25em;line-height:1em;padding:2.5% 0;border:#000 solid 2px;letter-spacing:2px;}
.main_content_wrap .eff .vis_4_2 a {position:absolute;left:32.24%;right:32.24%;top:88.2%;text-align:center;background:#fff;color:#000;font-family:'SuperiorTitle-Bold';font-size:1.25em;line-height:1em;padding:2.5% 0;border:#000 solid 2px;letter-spacing:2px;}
.main_content_wrap .eff .vtxt_4 {left:11.35%;top:62.3%;width:33.75%;}
.main_content_wrap .eff .txt_4 {left:52%;top:4220px;}
.main_content_wrap .eff .txt_4 .t_1 {font-size:3.81em;line-height:1em;letter-spacing:10.5px;}
.main_content_wrap .eff .txt_4 .t_2 {font-size:1.17em;line-height:1.64em;color:#7b7b7b;margin:6.5% 0;letter-spacing:2.1px;text-align:center; font-family: 'Lato', sans-serif;}
.main_content_wrap .eff .txt_4 a {font-size:1.25em;line-height:1em;border-bottom:#000 solid 3px;padding:0 1% 1% 1%;margin-left:2%;letter-spacing:2.2px;}
.main_content_wrap .eff .vis_5 {left:11.45833333333333%;top:71.1%;width:29.42708333333333%;}
.main_content_wrap .eff .txt_5 {left:38.02083333333333%;top:74.1%;}
.main_content_wrap .eff .txt_5 .t_1 {font-size:5.83em;line-height:1.1em;letter-spacing:10px;}
.main_content_wrap .eff .txt_5 a {font-size:1.25em;line-height:1em;border-bottom:#000 solid 3px;padding:0 1% 1% 1%;margin:14% 0 0 1%;letter-spacing:2.2px;display:inline-block;}

.main_content_wrap .eff .vis_6 {left:59.63541666666667%;top:78.5%;width:21.615%;text-align:center;}
.main_content_wrap .eff .vis_6 .t_1 {position:absolute;left:0;right:0;top:31%;font-size:4.17em;line-height:1em;color:#fff;letter-spacing:6px;}
.main_content_wrap .eff .vis_6 .t_2 {position:absolute;left:0;right:0;top:44.5%;font-size:1.17em;line-height:1.64em;color:#fff;letter-spacing:2px;}
.main_content_wrap .eff .vis_6 .t_3 {position:absolute;left:0;right:0;top:77%;}
.main_content_wrap .eff .vis_6 .t_3 a {font-size:1.25em;line-height:1em;border-bottom:#fff solid 3px;padding:0 1% 1% 1%;letter-spacing:2.2px;display:inline-block;color:#fff;}




/*로딩 페이지*/

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/design/kellyshin/web/upload/images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
}


.grid.effect-2 li.animate {
	-webkit-transform: translateY(300px);
	transform: translateY(300px);
	-webkit-animation: moveUp 0.95s ease forwards;
	animation: moveUp 0.95s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
.grid li {
	opacity: 0;
}


* {
    box-sizing: border-box;
	margin:0 auto;
}

.navbar {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: #333;
    text-align: center;
    /*padding: 14px 16px;*/
    margin:14px 40px;
    text-decoration: none;
}

.dropdown {
    float: left;
    font-size:1.5em;
    position: relative;
    height: 300px;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    background:none;
    color: #cdcdcd;
    /*padding: 14px 16px;*/
    margin:14px 0px;
    font: inherit;

}

.navbar a:hover, .dropdown:hover .dropbtn {
   border-bottom:1px solid #cdcdcd;
}

.dropdown-content {
    display: none;
    position: absolute;
    width: 200px;
    left: 0;
    top:45px;
    z-index: 1;
}

.dropdown-content .header {
    background: red;
    padding: 16px;
    color: #cdcdcd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.navbar .top_menu {
    margin-right:17%;
    font-size:1.5em;
}

/* Create three equal columns that floats next to each other */
.row {_margin-left:53.4%; }

.column {
    padding: 16px 0px 25px;
    float: left;
    /*width: 33.33%;*/
    _height: 250px;
    _text-align:center;
}

.column h3 {
    letter-spacing: -1px;
    padding-bottom: 9px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 100;
    font-family: lato;}

.column a {
    text-align: left;
    float: none;
    color: #cdcdcd !important;
    /*padding: 16px;*/
    margin-left:0;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 100;
    font-family: lato;
    margin-bottom: 0;
    margin-top: 10px;
}

.column a:hover {
    border-bottom:0;
}

.clearboth{
    clear: both;}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
        height: auto;
    }
}
/* BASIC css end */