@charset "utf-8";

@import url('basic.css'); /* 기본설정 */
@import url('setup.css'); /* 사이트 세부설정 */
@import url(https://fonts.googleapis.com/css?family=Poppins); /* Poppins */

.wrap { position:relative; margin:0 auto; width:1400px; *zoom:1; }
.wrap:after { content:""; display:block; clear:both; }

.wrap2 {position: relative;padding: 0 40px 90px 40px;}

/* header */
#header { position:absolute; top:0; left:0; overflow:hidden; width:100%; z-index:888; }
#header h1 { margin:30px 0; font-size:0; line-height:0; text-align:center; }
#header div.gnb { font-size:0; line-height:0; text-align:center; transition:all .2s; background-color:#aa293c; }
#header div.gnb a { display:inline-block; width:340px; font-size:19px; color:#fff; line-height:60px; background:url('/assets/kr/images/common/gnb_line.png') no-repeat left 22px; }
#header div.gnb a:first-child { background:none; }
#header div.side { position:absolute; top:154px; right:50%; overflow:hidden; height:20px; margin-right:-700px; font-size:0; line-height:0; z-index:888; transition:all .2s; }
#header div.side a { margin-left:20px; }
#header div.side a.side_menu {display:none;}
#header div.submenu { position:absolute; top:194px; left:0; width:100%; background:rgba(255,255,255,0.98); box-shadow:0 8px 5px rgba(0,0,0,0.1); }
#header ul.submenu { overflow:hidden; width:1020px; margin:0 auto; }
#header ul.submenu li { float:left; width:340px; padding:40px 0; text-align:center; }
#header ul.submenu li:first-child ul { background:none; }
#header ul.submenu li ul { min-height:114px; background:url('/assets/kr/images/common/sub_line.jpg') repeat-y left top; }
#header ul.submenu li ul li { float:none; width:100%; margin-top:18px; padding:0; }
#header ul.submenu li ul li:first-child { margin:0; }
#header ul.submenu li ul li a { font-size:17px; color:#555; line-height:26px; }
#header ul.submenu li ul li a:hover { color:#aa293c; }

.header_normal { height:194px; transition:all .2s; }
.header_hover { height:400px; transition:all .2s; }

/* mobileMenu */
#mobileMenu { display:none; overflow-y:auto; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:4000; }
#mobileMenu div.top { position:relative; margin:10px 0; font-size:16px; font-weight:bold; color:#aa293c; line-height:35px; padding-left:20px; }
#mobileMenu div.top div.close { position:absolute; width:auto; height:auto; top:5px; right:19px; font-size:0; line-height:0; margin:0; padding:0; background:none; }
#mobileMenu .gnb { border-bottom:1px solid #ddd; }
#mobileMenu .gnb li { font-size:16px; line-height:55px; border-top:1px solid #ddd; font-weight:bold; background:#f5f5f5; }
#mobileMenu .gnb li a { width:100%; padding-left:20px; }
#mobileMenu .gnb li .sub_gnb { display:none; }
#mobileMenu .gnb li.on { background:#aa293c url('/assets/kr/images/common/mobile_bullet.png') no-repeat right 27px; }
#mobileMenu .gnb li.on a { color:#fff; }
#mobileMenu .gnb li.on .sub_gnb { display:block; background:#fff; }
#mobileMenu .gnb li.on .sub_gnb a { color:#555; line-height:53px; }
#mobileMenu .gnb li.on .sub_gnb li { font-size:14px; font-weight:normal; background:none; }
#mobileMenu .gnb li.on .sub_gnb li.on { background:#999999; }
#mobileMenu .gnb li.on .sub_gnb li.on a { color:#fff; }

/* main */
#main { width:100%; margin-top:194px; }
#main div.visual { position:relative; }
#main div.visual div.prev { position:absolute; top:50%; left:0; overflow:hidden; height:106px; margin-top:-53px; font-size:0; line-height:0; }
#main div.visual div.prev a:hover img { margin-top:-106px; }
#main div.visual div.next { position:absolute; top:50%; right:0; overflow:hidden; height:106px; margin-top:-53px; font-size:0; line-height:0; }
#main div.visual div.next a:hover img { margin-top:-106px; }
#main div.visual div.text { position:absolute; top:130px; left:0; font-size:23px; font-weight:300; color:#000; line-height:32px; }
#main div.visual div.text span { display:block; margin-bottom:5px; font-family:"Poppins","Sans-serif"; font-size:57px; font-weight:400; color:#000; line-height:60px; }
#main div.visual div.img1 { height:430px; background:url('/assets/kr/images/main/visual1.jpg') no-repeat center center #ffffff ; }
#main div.visual div.onoff { position:absolute; margin-top:-150px; margin-left:1px; }
#main div.visual div.onoff a { margin-right:10px; }
#main h2 { margin-top:95px; padding-bottom:15px; font-size:30px; font-weight:400; color:#333; line-height:39px; text-align:center; background:url('/assets/kr/images/main/h2_line.jpg') no-repeat center bottom; }
#main div.arrivals { overflow:hidden; margin-top:40px; background:url('/assets/kr/images/main/arrivals_text.png') no-repeat center top; background-size:100% auto; }
#main ul.arrivals { overflow:hidden; width:1160px; margin:35px auto 0 auto; }
#main ul.arrivals li { float:left; width:270px; margin:0 10px; }
#main ul.arrivals li div.img { font-size:0; line-height:0; box-shadow:10px 10px 10px rgba(0,0,0,0.1); width:270px; height:270px; }
#main ul.arrivals li div.img img { width:100%; }
#main ul.arrivals li p.subject { overflow:hidden; height:44px; margin:25px 0; font-size:17px; color:#555; line-height:22px; text-align:center; }
#main ul.arrivals li a { display:block; width:100%; padding-top:12px; font-size:12px; color:#aa293c; line-height:21px; border-top:1px solid #e5e5e5; }
/*
#main ul.arrivals { overflow:hidden; margin-top:40px; }
#main ul.arrivals li { float:left; width:338px; margin-left:16px; text-align:center; }
#main ul.arrivals li:first-child { margin-left:0; }
#main ul.arrivals li div.img { font-size:0; line-height:0; }
#main ul.arrivals li div.img img { max-width:100%; }
#main ul.arrivals li p.subject { margin:25px 0; font-size:18px; color:#333; line-height:27px; }
#main ul.arrivals li a { display:block; width:250px; margin:0 auto; font-size:13px; color:#aa293c; line-height:46px; border-radius:50px; border:1px solid #aa293c; }
#main ul.arrivals li a:hover { color:#fff; background-color:#aa293c; }
*/
#main div.product { overflow:hidden; margin-top:100px; padding-bottom:100px; background:url('/assets/kr/images/main/product_line.jpg') repeat-x left 210px #f5f5f5; }
#main div.tap { width:100%; margin-top:35px; font-size:0; line-height:0; text-align:center; }
#main div.tap a { display:inline-block; margin:0 5px; padding:0 10px 5px 10px; font-size:15px; color:#888; line-height:20px; }
#main div.tap a.on, #main div.tap a:hover { color:#333; border-bottom:2px solid #aa293c; }
#main ul.product { overflow:hidden; margin-top:24px; }
#main ul.product li { float:left; width:338px; margin:16px 0 0 16px; text-align:center; }
#main ul.product li.first { margin:16px 0 0 0; }
#main ul.product li a { display:block; padding-bottom:35px; background-color:#fff; }
#main ul.product li a:hover p.subject { color:#aa293c; }
#main ul.product li div.img { font-size:0; line-height:0; width:338px; height:338px; }
#main ul.product li div.img img { width:100%; }
#main ul.product li p.subject { overflow:hidden; height:48px; padding:0 20px; font-size:15px; color:#333; line-height:24px; }
#main div.more { width:250px; margin:40px auto 0 auto; }
#main div.more a { display:block; font-size:13px; color:#aa293c; line-height:46px; text-align:center; border-radius:50px; border:1px solid #aa293c; }
#main div.more a:hover { color:#fff; background-color:#aa293c; }
#main div.news { overflow:hidden; padding-bottom:100px; background:url('/assets/kr/images/main/news_bg.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#main ul.news { overflow:hidden; margin-top:40px; }
#main ul.news li { float:left; position:relative; width:470px; margin-left:16px; padding:65px 111px; background-color:#fff; }
#main ul.news li:first-child { margin:0; }
#main ul.news li div.prev { position:absolute; top:50%; left:45px; overflow:hidden; height:28px; margin-top:-14px; font-size:0; line-height:0; }
#main ul.news li div.prev a:hover img { margin-top:-28px; }
#main ul.news li div.next { position:absolute; top:50%; right:45px; overflow:hidden; height:28px; margin-top:-14px; font-size:0; line-height:0; }
#main ul.news li div.next a:hover img { margin-top:-28px; }
#main ul.news li h3 { position:relative; font-size:20px; font-weight:400; color:#333; line-height:34px; }
#main ul.news li h3 a { display:inline-block; }
#main ul.news li h3 a img { vertical-align:top; }
#main ul.news li h3 a.more { position:absolute; top:0; right:0; font-size:11px; color:#aa293c; line-height:34px; }
#main ul.news li div.img { position:relative; margin-top:20px; font-size:0; line-height:0; }
#main ul.news li div.img img { max-width:100%; }
#main ul.news li div.img img.instaFeedImg {height:302px;margin-left: 86px; }
#main ul.news li div.img div.author { position:absolute; bottom:0; right:0; padding:15px 30px; font-size:20px; color:#fff; line-height:29px; background:rgba(0,0,0,0.9); }

/* contents */
#contents { width:100%; margin:194px 0 150px 0; }
#contents h2 { padding-top:55px; font-size:35px; font-weight:400; color:#000; line-height:44px; text-align:center; }
#contents h2.product { padding-bottom:20px; font-size:40px; line-height:49px; background:url('/assets/kr/images/common/h2_line.jpg') no-repeat center bottom; }
#contents div.tombow { overflow:hidden; margin-bottom:-150px; padding-bottom:150px; background:url('/assets/kr/images/main/product_line.jpg') repeat-x left 160px; }
#contents div.product { overflow:hidden; margin-bottom:-150px; padding-bottom:150px; background:url('/assets/kr/images/main/product_line.jpg') repeat-x left 160px #f9f9f9; }
#contents div.support { overflow:hidden; margin-bottom:-150px; padding-bottom:150px; /* background:url('/assets/kr/images/support/support_line.jpg') repeat-x left top #f2f2f2; */ }
#contents div.tap { width:100%; margin-top:35px; font-size:0; line-height:0; text-align:center; }
#contents div.tap a { display:inline-block; margin:0 15px; padding:0 0 5px 0; font-size:15px; color:#999; line-height:20px; }
#contents div.tap a.on, #contents div.tap a:hover { color:#000; border-bottom:2px solid #000; }
#contents h5 { margin-top:45px; font-size:16px; font-weight:400; color:#aa293c; line-height:25px; }

#contents div.product-slide {
	overflow:hidden; position:relative; margin-top:10px; padding:20px 50px 0 50px; 
	border-top:2px solid #aa293c; background-color:#fff; 
}
#contents div.product-slide div.prev { position:absolute; top:50%; left:0; overflow:hidden; height:56px; margin-top:-28px; font-size:0; line-height:0; z-index:111; }
#contents div.product-slide div.prev a:hover img { margin-top:-56px; }
#contents div.product-slide div.next { position:absolute; top:50%; right:0; overflow:hidden; height:56px; margin-top:-28px; font-size:0; line-height:0; z-index:111; }
#contents div.product-slide div.next a:hover img { margin-top:-56px; }
#contents div.product-slide li { float:left; width:25%; text-align:center; }
#contents div.product-slide li.width1 { width:33.33333%; }
#contents div.product-slide li.width2 { width:100%; }
#contents div.product-slide li a { display:block; padding-bottom:35px; }
#contents div.product-slide li a:hover p.subject { color:#aa293c; }
#contents div.product-slide li div.img { font-size:0; line-height:0; width:100%; }
#contents div.product-slide li div.img img { max-width:100%; margin:0 auto; }
#contents div.product-slide li p.subject { overflow:hidden; height:75px; padding:0 20px; font-size:15px; color:#333; line-height:24px; }
#contents div.product-slide li p.subject span { display:block; margin-bottom:5px; font-size:13px; color:#aa293c; line-height:22px; }

/*
#contents ul.product { overflow:hidden; position:relative; margin-top:10px; padding:20px 50px 0 50px; border-top:2px solid #aa293c; background-color:#fff; }
#contents ul.product div.prev { position:absolute; top:50%; left:0; overflow:hidden; height:56px; margin-top:-28px; font-size:0; line-height:0; z-index:111; }
#contents ul.product div.prev a:hover img { margin-top:-56px; }
#contents ul.product div.next { position:absolute; top:50%; right:0; overflow:hidden; height:56px; margin-top:-28px; font-size:0; line-height:0; z-index:111; }
#contents ul.product div.next a:hover img { margin-top:-56px; }
#contents ul.product li { float:left; width:25%; text-align:center; }
#contents ul.product li.width1 { width:33.33333%; }
#contents ul.product li.width2 { width:100%; }
#contents ul.product li a { display:block; padding-bottom:35px; }
#contents ul.product li a:hover p.subject { color:#aa293c; }
#contents ul.product li div.img { font-size:0; line-height:0; }
#contents ul.product li div.img img { max-width:100%; }
#contents ul.product li p.subject { overflow:hidden; height:75px; padding:0 20px; font-size:15px; color:#333; line-height:24px; }
#contents ul.product li p.subject span { display:block; margin-bottom:5px; font-size:13px; color:#aa293c; line-height:22px; }
*/

#contents ul.bisection { overflow:hidden; }
#contents ul.bisection li { float:left; width:456px; margin-left:16px; }
#contents ul.bisection li:first-child { margin:0; }
#contents ul.bisection li ul.product li { margin:0; }
#contents div.loc { padding:18px 0; font-size:14px; color:#888; line-height:15px; border-bottom:1px solid #d5d5d5; }
#contents div.loc em { margin:0 10px; }
#contents div.loc img { vertical-align:top; }
#contents div.detail { position:relative; overflow:hidden; width:1070px; margin:60px auto; }
#contents div.detail div.img { position:absolute; top:0; left:0; font-size:0; line-height:0; border:1px solid #ccc; }
#contents div.detail div.img div.edge1 { position:absolute; top:-1px; left:-1px; }
#contents div.detail div.img div.edge2 { position:absolute; bottom:-1px; right:-1px; }
#contents div.detail p.classify { margin:55px 0 0 565px; font-size:14px; color:#aa293c; line-height:16px; }
#contents div.detail p.classify img { margin-right:5px; vertical-align:top; }
#contents div.detail p.subject { margin:18px 0 0 565px; font-size:40px; color:#111; line-height:44px; }
#contents div.detail p.txt { height:170px; margin-top:45px; padding:55px 100px 55px 565px; font-size:17px; color:#444; line-height:31px; }
#contents div.detail p.txt span { display:block; margin-bottom:10px; font-size:22px; color:#aa293c; line-height:36px; }
#contents ul.instruction { overflow:hidden; width:970px; margin:60px auto 0 auto; padding:0 50px 50px 50px; background-color:#f7f7f7; }
#contents ul.instruction li { float:left; width:300px; margin:50px 0 0 35px; }
#contents ul.instruction li.first { margin:50px 0 0 0; }
#contents ul.instruction li:nth-child(1), #contents ul.instruction li:nth-child(4) { clear:both; }
#contents ul.instruction li div.img { font-size:0; line-height:0; }
#contents ul.instruction li p.tit { margin-top:25px; font-size:20px; color:#222; line-height:29px; }
#contents ul.instruction li p.txt { margin-top:20px; font-size:15px; color:#555; line-height:24px; }
#contents div.line { margin-top:37px; background-color:#ccc; background: url('/assets/kr/images/common/sub_line.jpg') repeat-x left top; width: 100%;height: 10px;}
#contents div.line2 { background:url('/assets/kr/images/product/line.jpg') repeat-x left 227px; }
#contents ul.map {overflow: hidden; width: 100%; margin: 10px 0 20px 0;}
#contents ul.map li {position: relative; float: left;  width: 390px; padding-left: 110px; margin-top: 10px; font-family: "NanumGothic", "Nanum Gothic"; font-size: 13px; color: #555; line-height: 22px; margin-left: 180px;}
#contents ul.map li strong {position: absolute;top: 0; left: 20px; width: 70px;font-weight: 600; color: #fff; text-align: center; background-color: #555;}
#contents div.brand { width:1070px; margin:75px auto 0 auto; }
#contents div.brand div.title { font-size:17px; color:#000; line-height:36px; }
#contents div.brand div.title img { margin-right:10px; vertical-align:top; }
#contents ul.classify { width:100%; margin-top:-20px; }
#contents ul.classify li { margin-top:45px; }
#contents ul.classify li p.tit { display:inline; font-size:18px; color:#aa293c; line-height:27px; text-decoration:underline; }
#contents ul.classify li div.list { width:100%; font-size:0; line-height:0; text-align:center; }
#contents ul.classify li div.list a {margin: 40px 0px 30px 146px; font-size: 0; line-height: 0; border: 1px solid #d5d5d5;}
#contents ul.classify li div.list a p { margin-top:15px; font-size:13px; color:#444; line-height:20px; }
#contents div.map { position:relative; margin-top:112px; background:url('/assets/kr/images/support/map_bg.jpg') repeat-x left top #f2f2f2; }
#contents div.map div.img { font-size:0; line-height:0; }
#contents div.map div.img img { max-width:100%; }
#contents div.contact { position:absolute; bottom:0; right:0; width:380px; padding:80px 70px; background:rgba(170,41,60,0.95); }
#contents div.contact div.logo { font-size:0; line-height:0; }
#contents div.contact p.add { margin-top:10px; font-size:16px; color:#ffdbdb; line-height:25px; }
#contents div.contact ul { margin-top:30px; }
#contents div.contact ul li { position:relative; margin-top:15px; padding-left:100px; font-size:15px; color:#fbccd3; line-height:16px; }
#contents div.contact ul li strong { position:absolute; top:0; left:0; font-weight:600; color:#fff; }
#contents div.contact ul li strong img { margin-right:8px; vertical-align:top; }
#contents ul.brand { width:1040px; margin:0 auto; }
#contents ul.brand li { overflow:hidden; margin-top:100px; }
#contents ul.brand li div.img1 { float:left; width:493px; font-size:0; line-height:0; }
#contents ul.brand li div.cont1 { float:right; width:460px; margin:80px 0 0 0; padding:75px 33px 0 0; background:url('/assets/kr/images/tombow/brand_bg.jpg') no-repeat right top; }
#contents ul.brand li div.img2 { float:right; width:493px; font-size:0; line-height:0; }
#contents ul.brand li div.cont2 { float:left; width:460px; margin:0 0 0 0; padding:0 33px 73px 0; background:url('/assets/kr/images/tombow/brand_bg.jpg') no-repeat right bottom; }
#contents ul.brand li p.tit { font-size:25px; color:#aa293c; line-height:34px; }
#contents ul.brand li p.txt { margin-top:20px; font-family:"Spoqa Han Sans","microsoft yahei"; font-size:16px; color:#444; line-height:27px; }
#contents div.news { margin-top:50px; padding:50px 140px 100px 140px; background-color:#fff; }
#contents ul.news { width:100%; }
#contents ul.news li { position:relative; }
#contents ul.news li a { display:block; padding:45px 0 45px 160px; border-bottom:1px solid #d8d8d8; }
#contents ul.news li a div.date { position:absolute; top:40px; left:0; width:110px; font-size:50px; color:#777; line-height:59px; text-align:center; }
#contents ul.news li a div.date em { display:block; margin-bottom:-5px; font-size:15px; line-height:24px; letter-spacing:2px; }
#contents ul.news li a div.date span { display:block; font-size:15px; line-height:24px; }
#contents ul.news li a p.subject { overflow:hidden; height:29px; font-size:20px; color:#777; line-height:29px; }
#contents ul.news li a p.subject span { display:inline-block; width:58px; margin:5px 10px 0 0; font-size:12px; line-height:19px; text-align:center; vertical-align:top; border:1px solid #777; }
#contents ul.news li a p.txt { overflow:hidden; height:54px; margin-top:10px; font-size:16px; color:#777; line-height:27px; }
#contents ul.news li a:hover { border-bottom:1px solid #aa293c; }
#contents ul.news li a:hover div.date { color:#aa293c; }
#contents ul.news li a:hover p.subject { color:#444; }
#contents ul.news li a:hover p.subject span { color:#aa293c; border:1px solid #aa293c; }
#contents ul.news li a:hover p.txt { color:#666; }
#contents div.history { position:relative; width:1120px; margin:120px auto 0 auto; background:url('/assets/kr/images/tombow/line.jpg') no-repeat center 10px; }
#contents div.history div.year { position:absolute; top:-5px; left:185px; font-size:55px; font-weight:300; color:#333; line-height:60px; }
#contents div.history div.img1 { position:absolute; top:150px; left:0; font-size:0; line-height:0; }
#contents div.history div.img2 { position:absolute; bottom:-45px; right:0; font-size:0; line-height:0; }
#contents div.history div.img3 { position:absolute; top:90px; left:0; font-size:0; line-height:0; }
#contents div.history div.img4 { position:absolute; bottom:6px; right:0; font-size:0; line-height:0; }
#contents div.history div.img5 { position:absolute; top:48px; left:0; font-size:0; line-height:0; }
#contents div.history div.img6 { position:absolute; bottom:-70px; right:0; font-size:0; line-height:0; }
#contents ul.history1 { margin-left:555px; background:url('/assets/kr/images/tombow/bullet.jpg') no-repeat left 10px; }
#contents ul.history1 li { position:relative; margin-top:25px; padding-left:90px; font-family:"Spoqa Han Sans","microsoft yahei"; font-size:15px; color:#333; line-height:26px; }
#contents ul.history1 li strong { position:absolute; top:0; left:44px; font-weight:600; color:#aa293c; }
#contents ul.history1 li img { margin:5px 0 0 15px; vertical-align:top; }
#contents ul.history2 { margin-right:556px; background:url('/assets/kr/images/tombow/bullet.jpg') no-repeat right 10px; }
#contents ul.history2 li { position:relative; margin-top:25px; padding-right:90px; font-family:"Spoqa Han Sans","microsoft yahei"; font-size:15px; color:#333; line-height:26px; text-align:right; }
#contents ul.history2 li strong { position:absolute; top:0; right:44px; font-weight:600; color:#aa293c; }
#contents div.detail2 { margin:30px; font-size:16px; color:#666; line-height:25px; text-align:left; }
#contents div.detail2 img { max-width:100%; }

#contents h4.search { margin-top:55px; font-size:24px; color:#044796; line-height:33px; }
#contents h4.search a { margin-top:55px; font-size:24px; color:#044796; line-height:33px; }
#contents h4.search span { color:#333; }

#contents div.preparing { margin-top:100px; padding:45px 0; font-size:14px; font-weight:600; color:#444; line-height:23px; text-align:center; background-color:#f8f8f8; border:1px solid #ddd; }
#contents div.preparing2 { margin-top:10px; padding:15px; font-size:14px; font-weight:600; color:#444; line-height:23px; background-color:#f8f8f8; border:1px solid #ddd; }
#contents div.preparing2 div.title { width:100%; font-size:20px; line-height:33px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#contents div.preparing2 div.txt { 
	font-weight:300; 
	white-space: normal; 
	line-height: 23px; 
	-webkit-line-clamp: 2; 
    height: 46px;
    text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#contents div.preparing2 div.date { font-weight:300; line-height:33px; }
#contents div.preparing2 span { display:inline-block; font-weight:600; color:#0088ca; background:#ffff00; }

#contents div.preparing2 table { width:100%; }
#contents div.preparing2 table td { word-break:break-all; }
#contents div.preparing2 table td.prod-image {
	width:120px;
}
#contents div.preparing2 table td.prod-image img {
	width:100px;
}
#contents div.preparing2 table td div.title { 
	width:100%; font-size:20px; line-height:33px;
	display: inline-block; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;word-break:break-all;
}
#contents div.preparing2 table td div.txt { 
	font-weight:300; 
	white-space: normal; 
	line-height: 23px; 
	-webkit-line-clamp: 2; 
    height: 46px;
    text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#contents div.preparing2 table td div.date { font-weight:300; line-height:33px; }
#contents div.preparing2 table td label { display:inline-block; border:1px solid #aa293c;
	background: #aa293c; color:#fff; padding:0 10px; border-radius:8px; }

#contents div.preparing3 { margin-top:10px; padding:15px; font-size:14px; font-weight:600; color:#444; line-height:23px; background-color:#f8f8f8; border:1px solid #ddd;}
#contents div.preparing3 span { display:inline-block; font-weight:600; color:#0088ca; background:#ffff00; }
#contents div.preparing3 table { width:100%; }
#contents div.preparing3 table { width:100%; }
#contents div.preparing3 table td { word-break:break-all; }
#contents div.preparing3 table td.prod-image { width:120px; }
#contents div.preparing3 table td.prod-image img { width:100px; }
#contents div.preparing3 table td.title { width:100%; font-size:20px; line-height:33px; padding-left:10px; }
#contents div.preparing3 table td.txt { font-weight:300; white-space: normal; line-height: 23px; 
	-webkit-line-clamp: 2; 
    height: 46px;
    text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-left:10px;
}
#contents div.preparing3 table td label { display:inline-block; border:1px solid #aa293c;
	background: #aa293c; color:#fff; padding:0 10px; border-radius:8px; }

#contents ul.search-product { overflow:hidden; margin-top:24px; border-top:none; }
#contents ul.search-product li { float:left; width:338px; margin:16px 0 0 16px; text-align:center; }
#contents ul.search-product li.first { margin:16px 0 0 0; }
#contents ul.search-product li a { display:block; padding-bottom:35px; background-color:#fff; }
#contents ul.search-product li a:hover p.subject { color:#aa293c; }
#contents ul.search-product li div.img { font-size:0; line-height:0; }
#contents ul.search-product li div.img img { max-width:100%; }
#contents ul.search-product li p.subject { overflow:hidden; height:48px; padding:0 20px; font-size:15px; color:#333; line-height:24px; }

#contents div.search-more { width:250px; margin:40px auto 0 auto; }
#contents div.search-more a { display:block; font-size:13px; color:#aa293c; line-height:46px; text-align:center; border-radius:50px; border:1px solid #aa293c; }
#contents div.search-more a:hover { color:#fff; background-color:#aa293c; }

div.n-search {
	width:100%; text-align:center; margin-top:25px;
	padding-bottom:25px;
}
div.n-search input {
	height:33px; margin-left:5px; font-size:14px; color:#555; border:none; background-color:#f1f1f1;
}
div.n-search button { display:inline-block; width:85px; margin-left:5px; font-size:14px; color:#fff; line-height:33px; text-align:center; background-color:#888; }

/* footer */
#footer { width:100%; padding:50px 0; background-color:#111; }
#footer div.top { position:fixed; bottom:50px; right:0; font-size:0; line-height:0; }
#footer div.wrap { overflow:hidden; background:url('/assets/kr/images/common/foot_line.jpg') repeat-x left 54px; }
#footer div.foot { float:left; }
#footer div.foot div.flogo { font-size:0; line-height:0; }
#footer div.foot address { margin-top:80px; font-size:14px; font-style:normal; color:#999; line-height:23px; }
#footer div.foot address span { color:#555; }
#footer div.foot div.fmenu { margin-top:20px; font-size:0; line-height:0; }
#footer div.foot div.fmenu span { display:inline-block; margin-left:25px; padding-left:26px; font-size:13px; color:#fff; line-height:26px; background:url('/assets/kr/images/common/fmenu_line2.jpg') no-repeat left 7px; }
#footer div.foot div.fmenu span:first-child { margin-left:0; padding-left:0; background:none; }
#footer div.foot div.fmenu span.site {
	padding:0 15px 0 20px; font-size:11px; color:#e5e5e5; 
	line-height:24px; border:1px solid #c5c5c5; background:none #4d4d4d;
}
#footer div.foot div.fmenu span.site img { margin:10px 0 0 10px; vertical-align:top; }
#footer div.foot div.fmenu span.site:hover div { display:block; }
div.family-site { display:none; position:absolute; z-index:999; margin-top:-80px;
	margin-left:-21px;
}
div.family-site a { display:block; margin:0; z-index:999;
	margin-top:2px;
	padding:0 15px 0 20px; 
	font-size:11px; color:#e5e5e5; 
	line-height:24px; border:1px solid #c5c5c5;
	background:none #4d4d4d;	
}
div.family-site a img { margin:10px 0 0 10px; vertical-align:top; }

#footer ul.sitemap { float:right; overflow:hidden; margin-right:80px; }
#footer ul.sitemap li { float:left; width:200px; }
#footer ul.sitemap li div { margin-bottom:45px; padding-bottom:30px; background:url('/assets/kr/images/common/fmenu_line.jpg') no-repeat left bottom; }
#footer ul.sitemap li div a { font-size:16px; color:#fff; line-height:25px; }
#footer ul.sitemap li a { display:block; font-size:14px; color:#c8c8c8; line-height:29px; }
#footer ul.sitemap li a:hover { color:#fff; }

@media screen and (max-width:1400px) {
	.wrap { margin:0 auto; width:1200px; }

	#header div.side { margin-right:-600px; }

	#main ul.product li { width:24.25%; margin:10px 0 0 1%; }
	#main ul.product li.first { margin:10px 0 0 0; }
	#main ul.product li div.img { font-size:0; line-height:0; width:291px; height:291px; }
	#main ul.news li { width:37.5%; margin-left:1%; padding:65px 6%; background-color:#fff; }
	#main ul.news li div.prev { left:25px; }
	#main ul.news li div.next { right:25px; }

	#contents ul.bisection li { width:392px; margin-left:12px; }
	#contents div.detail div.img { left:0; }
	#contents div.detail p.classify { margin:55px 0 0 600px; }
	#contents div.detail p.subject { margin:18px 0 0 600px; }
	#contents div.detail p.txt { padding:55px 55px 55px 600px; }
	#contents ul.instruction li { width:32%; margin:50px 0 0 2%; }
	#contents ul.instruction li div.img img { width:100%; }
	#contents div.brand { width:100%; }

	#footer ul.sitemap { margin-right:0; }
}

@media screen and (max-width:1200px) {
	.wrap { margin:0 auto; width:980px; }

	#header div.gnb a { width:300px; }
	#header div.side { margin-right:-490px; }
	#header ul.submenu { width:900px; }
	#header ul.submenu li { width:300px; }

	#main ul.product li div.img { width:237px; height:237px; }
	#main div.arrivals { margin-top:0; background:none; }
	#main ul.arrivals { width:100%; margin:40px auto 0 auto; }
	#main ul.arrivals li { width:23%; margin:0 1% 0 1%; }
	#main ul.arrivals li div.img { font-size:0; line-height:0; box-shadow:10px 10px 10px rgba(0,0,0,0.1); width:225px; height:225px; }
	#main ul.arrivals li div.img img { width:100%; }
	#main ul.news li div.img img.instaFeedImg {margin-left: 69px; }

	#contents ul.bisection li { width:320px; margin-left:10px; }
	#contents div.detail { width:100%; }
	#contents div.detail div.img { width:418px; }
	#contents div.detail div.img img { width:100%; }
	#contents div.detail p.classify { margin:0 0 0 490px; }
	#contents div.detail p.subject { margin:18px 0 0 490px; }
	#contents div.detail p.txt { margin-top:48px; padding:40px 40px 40px 490px; }
	#contents ul.instruction { width:auto; }
	#contents ul.instruction li { width:32%; margin:50px 0 0 2%; }
	#contents ul.instruction li div.img img { max-width:100%; }
	#contents div.line2 { background:url('/assets/kr/images/product/line.jpg') repeat-x left 168px; }
	#contents ul.brand { width:100%; }
	#contents ul.brand li div.img1 { width:450px; }
	#contents ul.brand li div.img1 img { width:100%; }
	#contents ul.brand li div.cont1 { width:417px; }
	#contents ul.brand li div.img2 { width:450px; }
	#contents ul.brand li div.img2 img { width:100%; }
	#contents ul.brand li div.cont2 { width:417px; }
	#contents div.history { width:100%; }
	#contents div.history div.year { left:115px; }
	#contents ul.history1 { margin-left:486px; }
	#contents ul.history2 { margin-right:485px; }

	#footer ul.sitemap li { width:150px; }
}

@media screen and (max-width:980px) {
	.wrap { margin:0 auto; width:750px; }

	#header div.gnb { display:none; }
	#header div.side { top:57px; right:20px; height:20px; margin-right:0; }
	#header div.side a img { margin-top:-20px; }
	#header div.submenu { display:none; }
	#header div.side a.side_menu {display:inline-block;}

	.header_normal { height:auto; }
	.header_hover { height:auto; }

	#main { margin-top:134px; }
	#main ul.product li div.img { width:181px; height:181px; }
	#main ul.arrivals li div.img { font-size:0; line-height:0; box-shadow:10px 10px 10px rgba(0,0,0,0.1); width:172px; height:172px; }
	#main ul.news li div.img img.instaFeedImg {margin-left: 52px; }

	#contents { margin-top:134px; }
	#contents div.support { background:none; border-top:1px solid #ddd; }
	#contents ul.bisection li { float:none; width:100%; margin:0; }
	#contents div.detail { margin:60px 0 0 0; }
	#contents div.detail div.img { position:static; position:relative; width:100%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contents div.detail div.img img { max-width:300px; }
	#contents div.detail p.classify { margin:25px 0 0 0; }
	#contents div.detail p.subject { margin:15px 0 0 0; }
	#contents div.detail p.txt { height:auto; margin-top:15px; padding:0; background:none; }
	#contents ul.instruction { margin:0 auto; padding:0; background:none; }
	#contents div.line2 { background:none; }
	#contents div.map { margin-top:45px; padding-bottom:0; background:none; }
	#contents div.contact { position:static; width:auto; }
	#contents ul.brand li div.img1 { width:355px; }
	#contents ul.brand li div.cont1 { width:355px; margin:0; padding:0; background:none; }
	#contents ul.brand li div.img2 { width:355px; }
	#contents ul.brand li div.cont2 { width:355px; padding:0; background:none; }
	#contents div.history { margin:50px auto 0 auto; background:url('/assets/kr/images/tombow/line.jpg') no-repeat 4px 10px; }
	#contents div.history div.year { position:static; margin-bottom:40px; padding-left:30px; font-size:40px; font-weight:400; line-height:46px; background:url('/assets/kr/images/tombow/bullet.jpg') no-repeat left 10px; }
	#contents div.history div.img1 { display:none; }
	#contents div.history div.img2 { display:none; }
	#contents div.history div.img3 { display:none; }
	#contents div.history div.img4 { display:none; }
	#contents div.history div.img5 { display:none; }
	#contents div.history div.img6 { display:none; }
	#contents ul.history1 { margin:0 0 0 30px; background:none; }
	#contents ul.history1 li { padding:0 0 0 40px; }
	#contents ul.history1 li strong { left:0; }
	#contents ul.history1 li em { display:none; }
	#contents ul.history2 { margin:0 0 0 30px; background:none; }
	#contents ul.history2 li { padding:0 0 0 40px; text-align:left; }
	#contents ul.history2 li strong { left:0; }
	#contents ul.history2 li em { display:none; }


	#footer ul.sitemap { display:none; }
}

@media screen and (max-width:768px) {
	.wrap { width:auto; margin:0 20px; }

	#header h1 { margin:15px 0; }
	#header h1 img { height:50px; }
	#header div.side { top:30px; }
	#header div.side a { margin-left:10px; }

	#main { margin-top:80px; }
	#main div.visual div.prev { display:none; }
	#main div.visual div.next { display:none; }
	#main div.visual div.text { top:65px; font-size:14px; line-height:23px; }
	#main div.visual div.text span { margin-bottom:0; font-size:24px; line-height:27px; }
	#main div.visual div.onoff { margin-top:-80px; }
	#main div.visual div.onoff a { margin-right:8px; }
	#main div.visual div.onoff a img { height:8px; }
	#main div.visual div.img1 { height:200px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
	#main h2 { margin-top:35px; padding-bottom:10px; font-size:18px; line-height:27px; background-size:25px 2px; }
	
	#main ul.arrivals { margin-top:5px; }
	#main ul.arrivals li { width:47%; margin:20px 1.5% 0 1.5%; }
	#main ul.arrivals li div.img { box-shadow:5px 5px 5px rgba(0,0,0,0.1); width:100%; height:100%; }
	#main ul.arrivals li p.subject { height:34px; margin:10px 0; font-size:12px; line-height:17px; }
	#main ul.arrivals li a { padding-top:5px; font-size:11px; line-height:20px; }
	
	#main div.product { margin-top:40px; padding-bottom:40px; background:url('/assets/kr/images/main/product_line.jpg') repeat-x left 115px #f5f5f5; }
	#main div.tap { margin-top:20px; }
	#main div.tap a { margin:0; padding:0 10px 5px 10px; font-size:12px; line-height:17px; }
	#main ul.product { margin-top:15px; }
	#main ul.product li { width:48%; margin:10px 1% 0 1%; }
	#main ul.product li.first { margin:10px 1% 0 1%; }
	#main ul.product li div.img { width:100%; height:auto; }
	#main ul.product li a { padding-bottom:15px; }
	#main ul.product li p.subject { height:36px; padding:0 5px; font-size:12px; line-height:18px; }
	#main div.more { width:auto; margin:25px auto 0 auto; }
	#main div.more a { font-size:11px; line-height:28px; }
	#main div.news { padding-bottom:40px; }
	#main ul.news { overflow:hidden; margin-top:25px; }
	#main ul.news li { float:none; width:78%; margin:10px 0 0 0; padding:20px 11% 25px 11%; }
	#main ul.news li:first-child { margin:0; }
	#main ul.news li div.prev { left:12px; height:20px; margin-top:-10px; }
	#main ul.news li div.prev a img { height:40px; }
	#main ul.news li div.prev a:hover img { margin-top:-20px; }
	#main ul.news li div.next { right:12px; height:20px; margin-top:-10px; }
	#main ul.news li div.next a img { height:40px; }
	#main ul.news li div.next a:hover img { margin-top:-20px; }
	#main ul.news li h3 { font-size:15px; line-height:24px; }
	#main ul.news li h3 a img { height:24px; }
	#main ul.news li h3 a.more { line-height:24px; }
	#main ul.news li div.img { margin-top:10px; }
	#main ul.news li div.img img { width:100%; }
	#main ul.news li div.img div.author { padding:10px 20px; font-size:14px; line-height:23px; }
	#main ul.news li div.img img.instaFeedImg {margin-left: 0px; }

	#contents { margin:80px 0; }
	#contents h2 { padding-top:25px; font-size:24px; line-height:33px; }
	#contents h2.product { padding-bottom:15px; font-size:28px; line-height:37px; background-size:30px 2px; }
	#contents div.tombow { margin-bottom:-80px; padding-bottom:80px; border-top:1px solid #ddd; background:url('/assets/kr/images/main/product_line.jpg') repeat-x left 101px; }
	#contents div.product { margin-bottom:-80px; padding-bottom:80px; background:url('/assets/kr/images/main/product_line.jpg') repeat-x left 101px #f9f9f9; }
	#contents div.support { margin-bottom:-80px; padding-bottom:80px; }
	#contents div.tap { margin-top:20px; }
	#contents div.tap a { margin:0 10px; padding:0 0 5px 0; font-size:12px; line-height:17px; }
	#contents h5 { margin-top:25px; font-size:14px; line-height:23px; }

	/*
	#contents ul.product { margin-top:5px; padding:10px 20px 0 20px; }
	#contents ul.product div.prev { height:34px; margin-top:-17px; }
	#contents ul.product div.prev a img { height:68px; }
	#contents ul.product div.prev a:hover img { margin-top:-34px; }
	#contents ul.product div.next { height:34px; margin-top:-17px; }
	#contents ul.product div.next a img { height:68px; }
	#contents ul.product div.next a:hover img { margin-top:-34px; }
	#contents ul.product li { width:50%; }
	#contents ul.product li.width1 { width:50%; }
	#contents ul.product li a { padding-bottom:15px; }
	#contents ul.product li div.img img { height:120px; }
	#contents ul.product li p.subject { height:54px; padding:0 5px; font-size:12px; line-height:18px; }
	#contents ul.product li p.subject span { margin-bottom:0; font-size:12px; line-height:18px; }
	*/
	#contents div.product-slide { margin-top:5px; padding:10px 20px 0 20px; }

	#contents div.loc { padding:12px 0; font-size:12px; line-height:13px; border-top:1px solid #d5d5d5; }
	#contents div.loc em { margin:0 5px; }
	#contents div.loc img { height:13px; }
	#contents div.detail { margin-top:30px; }
	#contents div.detail div.img img { max-width:180px; }
	#contents div.detail p.classify { margin:15px 0 0 0; font-size:12px; line-height:16px; }
	#contents div.detail p.subject { margin:10px 0 0 0; font-size:20px; line-height:24px; }
	#contents div.detail p.txt { margin-top:10px; font-size:13px; line-height:22px; }
	#contents div.detail p.txt span { margin-bottom:5px; font-size:16px; line-height:25px; }
	#contents ul.instruction li { float:none; width:100%; margin:25px 0 0 0; }
	#contents ul.instruction li.first { margin:25px 0 0 0; }
	#contents ul.instruction li p.tit { margin-top:15px; font-size:15px; line-height:24px; }
	#contents ul.instruction li p.txt { margin-top:5px; font-size:12px; line-height:21px; }
	#contents div.line { margin-top:35px; }
	#contents div.brand { margin:40px auto 0 auto; }
	#contents div.brand div.title { font-size:14px; line-height:27px; }
	#contents div.brand div.title img { display:block; height:27px; margin:0 0 0 0; }
	#contents ul.classify { margin-top:-5px; }
	#contents ul.classify li { margin-top:20px; }
	#contents ul.classify li p.tit { padding-left:15px; font-size:13px; line-height:28px; }
	#contents ul.classify li div.list a { margin:25px 10px 0 10px; }
	#contents ul.classify li div.list a img { height:200px; }
	#contents ul.classify li div.list a p { margin-top:10px; font-size:12px; line-height:17px; }
	#contents div.map { margin-top:25px; }
	#contents div.contact { padding:25px 20px; background:rgba(170,41,60,1); }
	#contents div.contact div.logo img { height:15px; }
	#contents div.contact p.add { margin-top:5px; font-size:12px; line-height:21px; }
	#contents div.contact ul { margin-top:15px; }
	#contents div.contact ul li { margin-top:10px; padding-left:80px; font-size:12px; }
	#contents div.contact ul li a { color:#fbccd3; }
	#contents div.contact ul li strong img { margin-right:5px; vertical-align:top; }
	#contents ul.brand li { margin-top:30px; text-align:center; }
	#contents ul.brand li div.img1 { float:none; width:100%; }
	#contents ul.brand li div.img1 img { max-width:300px; }
	#contents ul.brand li div.cont1 { float:none; width:100%; margin:25px 0 0 0; }
	#contents ul.brand li div.img2 { float:none; width:100%; }
	#contents ul.brand li div.img2 img { max-width:300px; }
	#contents ul.brand li div.cont2 { float:none; width:100%; margin:25px 0 0 0; }
	#contents ul.brand li p.tit { font-size:18px; line-height:27px; }
	#contents ul.brand li p.txt { margin-top:10px; font-size:12px; line-height:21px; }
	#contents div.news { margin-top:30px; padding:10px 10px 40px 10px; }
	#contents ul.news li a { padding:25px 0 25px 80px; }
	#contents ul.news li a div.date { top:24px; width:80px; font-size:30px; line-height:38px; }
	#contents ul.news li a div.date em { margin-bottom:-3px; font-size:12px; line-height:20px; letter-spacing:2px; }
	#contents ul.news li a div.date span { font-size:12px; line-height:20px; }
	#contents ul.news li a p.subject { height:23px; font-size:13px; line-height:22px; }
	#contents ul.news li a p.subject span { margin:1px 8px 0 0; font-size:11px; line-height:18px; }
	#contents ul.news li a p.txt { height:42px; margin-top:8px; font-size:12px; line-height:21px; }
	#contents div.history { margin:35px auto 0 auto; }
	#contents div.history div.year { margin-bottom:20px; font-size:24px; line-height:30px; }
	#contents ul.history1 li { margin-top:10px; padding:0 0 0 30px; font-size:12px; line-height:21px; }
	#contents ul.history1 li img { margin:3px 0 0 10px; }
	#contents ul.history2 li { margin-top:10px; padding:0 0 0 30px; font-size:12px; line-height:21px; }

	#contents div.preparing2 { margin-top:5px; padding:8px; font-size:12px; }
	#contents div.preparing2 div.title { font-size:14px; line-height:28px; }
	#contents div.preparing2 div.txt { line-height: 20px; height: 40px;}
	#contents div.preparing2 div.date { font-weight:300; line-height:33px; }
	#contents div.preparing2 span { display:inline-block; font-weight:400; color:#0088ca; background:#ffff00; }
	#contents div.preparing2 table { width:100%; }
	#contents div.preparing2 table td.prod-image { width:90px; }
	#contents div.preparing2 table td.prod-image img { width:80px; }
	#contents div.preparing2 table td div.title { font-size:14px; line-height:28px; display:inline; }
	#contents div.preparing2 table td div.txt { line-height: 20px; height: 40px;}
	#contents div.preparing2 table td div.date { font-weight:300; line-height:25px; }
	#contents div.preparing2 table td label { padding:0 5px; border-radius:4px; }

	#contents div.preparing3 { margin-top:5px; padding:8px; font-size:12px; }
	#contents div.preparing3 span { font-weight:600; line-height:100%; }
	#contents div.preparing3 table { width:100%; }
	#contents div.preparing3 table td.prod-image { width:90px; }
	#contents div.preparing3 table td.prod-image img { width:80px; }
	#contents div.preparing3 table td.title { font-size:14px; line-height:28px; padding-left:5px; font-weight:600; }
	#contents div.preparing3 table td.txt { line-height: 20px; height: 40px; }
	#contents div.preparing3 table td label { padding:0 4px; border-radius:4px; }

	#footer { padding:25px 0; }
	#footer div.top { display:none; }
	#footer div.wrap { background:none; }
	#footer div.foot { float:none; }
	#footer div.foot div.flogo { text-align:center; }
	#footer div.foot div.flogo img { height:20px; }
	#footer div.foot address { margin-top:15px; font-size:12px; line-height:18px; text-align:center; }
	#footer div.foot div.fmenu { margin-top:10px; text-align:center; }
	#footer div.foot div.fmenu span { margin-left:10px; padding-left:11px; font-size:12px; line-height:24px; background-size:1px 11px; }
	#footer div.foot div.fmenu span.site { padding:0 10px 0 10px; line-height:22px; }
	#footer div.foot div.fmenu span.site img { margin:8px 0 0 6px; }

	div.family-site { display:none; position:absolute; z-index:999; margin-top:-74px;
		margin-left:-11px;
	}
	div.family-site a { display:block; margin:0; z-index:999;
		margin-top:2px;
		padding:0 10px 0 10px;
		font-size:12px; color:#e5e5e5; 
		line-height:22px; border:1px solid #c5c5c5;
		background:none #4d4d4d;	
	}
	div.family-site a img { margin:8px 0 0 6px; }
}

@media screen and (max-width:480px) {
	.wrap { width:auto; margin:0 10px; }

	#header div.side { right:10px; }

	div.n-search input {
		width:200px;
		height:33px; margin-left:5px; font-size:14px; color:#555; border:none; background-color:#f1f1f1;
	}
	div.n-search button { display:inline-block; width:60px; margin-left:5px; font-size:12px; color:#fff; line-height:33px; text-align:center; background-color:#888; }

}