/*-------------------------------------------------
Version : 1.0
Author : CHO SUN YOUNG
Create date : 2016. 01. 18.
Last update : 2016. 01. 18.
-------------------------------------------------*/

.full-category {top: 165px; left: 50%; margin-left: -500px; width: 1000px;}
.full-category .title-layout {margin-bottom: 0; padding: 8px; padding-left: 15px; height: 40px; background: #fff; border: 1px solid #dcdde1;}
.full-category .title-layout h2 {padding: 0; background: none;}
.full-category .category-layout {display: none;}

.content-layout {clear: both; margin: 70px auto 40px; width: 1000px; overflow: hidden;}

.title-layout {margin-bottom: 15px; overflow: hidden;}
.title-layout h2 {float: left; padding-left: 25px; height: 20px; line-height: 20px; font-size: 20px; font-weight: 700; color: #323232; background: url(../../images/korean/sub/bu05.png) no-repeat left center;}
.title-layout h2 span {color: #d81a21;}
.title-layout .category {float: right; height: 20px; line-height: 20px; font-family: 'dodum','돋움'; font-size: 11px; color: #777; overflow: hidden;}
.title-layout .category .now {color: #000;}

.title-layout .floatR {display: inline-block; padding: 5px 10px; width: 288px; height: 33px; border: 1px solid #cdcdcd; overflow: hidden;}
.title-layout .floatR input {border: none;}
.title-layout .floatR input[type="text"] {float: left; width: 240px;}
.title-layout .floatR input[type="image"] {float: right;}

.title-layout-bar {border-bottom: 1px solid #555;}

#content {width: 100%; line-height: 1.5; font-size: 16px; letter-spacing: -0.06em;}

/* 탭메뉴 */
.s-tab01 {margin-bottom: 20px; overflow: hidden;}
.s-tab01 li {float: left; width: 25%;}
.s-tab01 li a {display: block; margin-bottom: 7px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; font-weight: 700; color: #fff; border-left: 3px solid #fff;}
.s-tab01 li.tab01-01 a {background: #d81a21;}
.s-tab01 li.tab01-02 a {background: #675547;}
.s-tab01 li.tab01-03 a {background: #998373;}
.s-tab01 li.tab01-04 a {background: #515151;}
.s-tab01 li.tab01-05 a {background: #7c7c7c;}
.s-tab01 li.tab01-06 a {background: #9d918b;}

.s-tab01 li.tab01-01.on {background: url(../../images/korean/sub/bu01-01.png) no-repeat center bottom;}
.s-tab01 li.tab01-02.on {background: url(../../images/korean/sub/bu01-02.png) no-repeat center bottom;}
.s-tab01 li.tab01-03.on {background: url(../../images/korean/sub/bu01-03.png) no-repeat center bottom;}
.s-tab01 li.tab01-04.on {background: url(../../images/korean/sub/bu01-04.png) no-repeat center bottom;}
.s-tab01 li.tab01-05.on {background: url(../../images/korean/sub/bu01-05.png) no-repeat center bottom;}
.s-tab01 li.tab01-06.on {background: url(../../images/korean/sub/bu01-06.png) no-repeat center bottom;}

.s-tab01 li:nth-child(4n+1) > a {border-left: none;}

.s-tab01.ea03 li {width: 33.3%;}
.s-tab01.ea03 li:first-child {width: 33.4%;}

.s-tab02 {margin-bottom: 15px; height: 36px; font-size: 15px; font-weight: 700; border-bottom: 1px solid #b60204; overflow: hidden;}
.s-tab02 li {float: left; margin-left: 0.5%; width: 19.6%;}
.s-tab02 li:first-child {margin-left: 0;}
.s-tab02 li a {display: block; height: 35px; line-height: 35px; text-align: center; color: #595a5a; background: #f5f5f5; border: 1px solid #e3e1e1; border-bottom: none;}
.s-tab02 li.on a {color: #d81a21; background: #fff; border: 1px solid #d81a21; border-bottom: none;}

/* 타이틀 */
.h2 {margin: 70px 0 15px; padding-top: 20px; line-height: 20px; font-size: 20px; font-weight: 700; color: #323232; background: url(../../images/korean/sub/bu03.png) no-repeat left top;}
.h2 span {display: block; margin-bottom: 5px; font-size: 30px; line-height: 30px;}

.h3 {margin: 45px 0 15px; font-size: 25px; font-weight: 700; color: #353535;}
.h3 span {color: #d81a21;}

.h4 {margin: 30px 0 15px; height: 35px; line-height: 35px; font-size: 20px; font-weight: 700; color: #323232;}
.h4 span.number {display: inline-block; margin-right: 5px; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 17px; color: #fff; background: #d81a21; border-radius: 3em;}

.h5 {margin: 20px 0 13px; font-size: 16px; font-weight: 700; color: #323232;}

.h2.first,
.h3.first {margin-top: 0;}

.h3-layout {margin-left: 18px;}

/* 버튼 */
.btn-style01 {display: inline-block; padding: 0 60px; height: 50px; line-height: 50px; font-size:16px; font-weight: 700; color: #fff; background: #636262; border: none;}
.btn-style01-01 {background: #d81a21;}
.btn-style01-02 {background: #636262;}
.btn-style01-03 {background: #7c7c7c;}
.btn-style01-04 {background: #252525;}

.btn-style02 {display: inline-block; padding: 0; width: 55px; height: 25px; line-height: 25px; text-align: center; font-size: 11px; font-weight: 700; color: #fff; border: none;}
.btn-style02-01 {background: #38210f;}

.btn-style03 {display: inline-block; padding: 0; width: 100px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: 700; color: #fff; border: none;}

/* 박스 */
.box-style01 {padding: 25px; background: #f9fcfd; border: 1px solid #dce7ea;}
.box-style02 {padding: 25px; background: #fff; border: 1px solid #dce7ea;}

/* 리스트에 사용된 텍스트 스타일 */
.txt-style01 {font-size: 16px; font-weight: 700; color: #323232;}
.txt-style02 {font-size: 14px; font-weight: 400; color: #747474;}
.txt-style03 {font-size: 14px; font-weight: 700; color: #d81a21;}
.txt-style04 {font-size: 14px; font-weight: 700; color: #636363;}

.dot_ul_01 {overflow: hidden;}
.dot_ul_01 > li {margin-top: 10px; padding-left: 14px; background: url(../../images/korean/sub/bu16.png) no-repeat left 8px;}
.dot_ul_01 ul {overflow: hidden;}
.dot_ul_01 ul > li {margin-top: 10px;}

/* 인사말 */
.greeting {width: 100%; text-align: center; overflow: hidden;}
.greeting .section01 {}
.greeting .section02 {margin-top: 55px;}
.greeting .section03 {padding: 50px; font-weight: 700; color: #747474;}
.greeting .section03 .point-txt {font-size: 28px; font-weight: 700; color: #323232;}
.greeting .section04 {}

/* 오시는길 */
.directions {width: 100%; line-height: 1; overflow: hidden;}
.directions .section01 {text-align: center;}
.directions .section02 {margin: 30px 0; font-weight: 700; overflow: hidden;}
.directions .section02 li {margin-bottom: 5px; width: 50%; height: 30px; line-height: 30px; color: #808080;}
.directions .section02 li.floatL {padding-left: 15%;}
.directions .section02 li.floatR {padding-right: 15%;}
.directions .section02 li span {display: inline-block; margin-right: 15px; padding-left: 15px; width: 100px; height: 30px; color: #fff; background: url(../../images/korean/sub/bg01.png); }
.directions .section03 {width: 100%;}

/* 공지사항 */
.list-top-layout {margin-bottom: 10px; min-height: 35px; line-height: 35px; overflow: hidden;}
.list-top-layout .floatL {padding-left: 30px; color: #747474; background: url(../../images/korean/sub/bu07.png) no-repeat left 8px;}
.list-top-layout .floatR {display: inline-block; padding: 5px 10px; width: 288px; height: 33px; border: 1px solid #cdcdcd; overflow: hidden;}
.list-top-layout .floatR input {border: none;}
.list-top-layout .floatR input[type="text"] {float: left; width: 240px;}
.list-top-layout .floatR input[type="image"] {float: right;}

.list-top-layout .floatR02 {float: right; font-size: 12px; color: #747474; overflow: hidden;}

.list-style02 {border-top: 2px solid #555; border-bottom: 1px solid #555; overflow: hidden;}
.list-style02 li {padding: 20px; border-top: 1px solid #e2e2e2; overflow: hidden;}
.list-style02 li:first-child {border-top: none;}
.list-style02 li .floatL {display: block; width: 140px;}
.list-style02 li .floatL .img {display: inline-block; width: 120px; height: 84px; border: 1px solid #e2e2e2; overflow: hidden;text-align:center}
.list-style02 li .floatL .img img {max-width:100%;max-height:100%}

.list-style02 li .floatL02 {float: left; overflow: hidden;}
.list-style02 li .info {display: inline-block; margin-left: 30px;}

.list-top-border {padding-top: 5px; border-top: 1px solid #cdcdcd;}

/* BRAND */
.brand {width: 100%; line-height: 1; overflow: hidden;}
.brand .section01 {text-align: center;}
.brand .section02 {margin-top: 35px; overflow: hidden;}
.brand .section02 li {float: left; margin-bottom: 30px; margin-left: 10px; width: 242px; height: 155px;}
.brand .section02 li:first-child {margin-left: 130px;}
.brand .section02 li.left {margin-left: 0;}
.brand .section02 li .logo {}
.brand .section02 li .name {margin-top: 10px; padding-left: 15px; font-weight: 700; color: #323232; background: url(../../images/korean/sub/bu02.png) no-repeat 2px 4px;}
.brand .section02 li .url {margin-top: 5px; padding-left: 15px; font-size: 13px; color: #6b6a6a;}
 

 /* BRAND_NEW */
.brand_new {width: 100%; line-height: 1; overflow: hidden;}
.brand_new .section01 {text-align: center;}
.brand_new .section02 {margin-top: 35px; overflow: hidden;}
.brand_new .section02 li {float: left; margin-bottom: 30px;  }
.brand_new .section02 li:first-child {margin-left: 0px;}
.brand_new .section02 li.left {margin-left: 0;}
.brand_new .section02 li .logo {}
.brand_new .section02 li .name {margin-top: 10px; padding-left: 15px; font-weight: 700; color: #323232; background: url(../../images/korean/sub/bu02.png) no-repeat 2px 4px;}
.brand_new .section02 li .url {margin-top: 5px; padding-left: 15px; font-size: 13px; color: #6b6a6a;}

/* 포토게시판 */
.product-list.gallery li {height: 314px; overflow: hidden;}
.product-list.gallery li > a {display: table; width:100%;height: 100%;}
.product-list.gallery li > a .picture {display: table-cell; vertical-align: middle;}

/* 동영상게시판 */
.movie-list {margin: 0 auto; margin-top: 15px; width: 1000px; overflow: hidden;}
.movie-list li {float: left; margin-left: 26px; margin-bottom: 20px; width: 314px; height: 365px; overflow: hidden;}
.movie-list li:nth-child(3n+1) {margin-left: 0;}
.movie-list li .video {height: 314px; background: #d5d5d5 url(../../images/korean/sub/video.png) no-repeat center center;}

/* 테크놀로지 */
.tech {width: 100%; overflow: hidden;}
.tech .section01 {text-align: center;}
.tech .section02 {margin-top: 35px; overflow: hidden;}
.tech .section03,
.tech .section04,
.tech .section05 {margin-top: 70px; overflow: hidden;}

.tech .section03 > .floatL,
.tech .section04 > .floatL,
.tech .section05 > .floatL {width: 150px;}

.tech .section03 > .floatR,
.tech .section04 > .floatR,
.tech .section05 > .floatR {width: 830px;}

.tech .list-style01 {overflow: hidden;}
.tech .list-style01 > li {clear: both; margin-top: 40px; overflow: hidden;}
.tech .list-style01 > li:first-child {margin-top: 0;}

.tech .list-style01 li .num {margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #323232;}
.tech .list-style01 li .num span {display: inline-block; margin-right: 10px; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 17px; color: #fff; background: #d81a21; border-radius: 5em;}
.tech .list-style01 li .photo {vertical-align: top; color: #808080; overflow: hidden;}
.tech .list-style01 li .photo span {float: left; display: inline-block; margin-right: 10px;}
.tech .list-style01 li .clear {margin-top: 10px; font-size: 12px; color: #d81a21;}

.tech .style01 {font-size: 25px; font-weight: 700; color: #323232;}
.tech .style02 {font-size: 20px; font-weight: 700; color: #00a7ee;}

.tech .list-style05 {overflow: hidden;}
.tech .list-style05 > li {clear: both; margin-top: 30px; overflow: hidden;}
.tech .list-style05 > li .floatL {width: 15%; overflow: hidden;}
.tech .list-style05 > li .floatR {width: 80%; overflow: hidden;}

.float-layout.result {margin-top: 50px;}
.float-layout.result .floatL,
.float-layout.result .floatR {width: 48%; overflow: hidden;}

/* 고객센터 */
.list-style03 {border-bottom: 1px solid #555; overflow: hidden;}
.list-style03 li {border-top: 2px solid #555;}
.list-style03 li .q {padding: 20px 25px; background: url(../../images/korean/sub/bu09.png) no-repeat left 25px; border-bottom: 1px solid #e2e2e2;}
.list-style03 li .a {padding: 15px 25px;}

/* 팝업스토어 */
.popup-store {width: 100%; text-align: center; overflow: hidden;}
.popup-store .section01 {}
.popup-store .section02 {margin-top: 55px;}
.popup-store .section03 {padding: 50px; font-weight: 700; color: #747474;}
.popup-store .section03 .point-txt {font-size: 28px; font-weight: 700; color: #323232;}

/* 타이틀 영역의 제품리스트 */
.title-prod-list {margin: 40px auto 15px; overflow: hidden;}
.title-prod-list li {float: left; padding-left: 20px; background: url(../../images/korean/common/bar01.png) no-repeat 9px center;}
.title-prod-list li:first-child {padding-left: 0; background: none;}
.title-prod-list li a {color: #595a5a;}
.title-prod-list li.on a {color: #d81a21;}

/* 제품상세페이지 */
.prod-info {margin-bottom: 20px; padding: 20px; border: 1px solid #e1e0e0; overflow: hidden;}
.prod-info .floatL {width: 430px; overflow: hidden;}
.prod-info .floatL .photo {display: table; width: 428px; height: 328px; text-align: center; border: 1px solid #e1e0e0; overflow: hidden;}
.prod-info .floatL .photo span {display: table-cell; width: 100%; max-width: 100%; vertical-align: middle;}
.prod-info .floatL .photo-list-layout {position: relative; margin-top: 17px; overflow: hidden;}
.prod-info .floatL .photo-list-layout span {position: absolute; top: 18px;}
.prod-info .floatL .photo-list-layout .btn-L {left: 0;}
.prod-info .floatL .photo-list-layout .btn-R {right: 0;}
.prod-info .floatL .photo-list {margin: 0 auto; width: 360px; height: 64px; overflow: hidden;}
.prod-info .floatL .photo-list li {float: left; width: 72px; height: 64px;text-align:center;}
.prod-info .floatL .photo-list li:first-child {}

.prod-info .floatL .photo img {width:100%; max-width:100%;}
.prod-info .floatL .photo-list li img {border: 1px solid #e1e0e0;}

.prod-info .floatL .btn-big {margin-top: 10px; text-align: center;}

.prod-info .floatR {margin-top: 10px; width: 470px; font-size: 15px; font-weight: 700; overflow: hidden;}
.prod-info .floatR .code {color: #d81a21;}
.prod-info .floatR .txt01 {color: #808080}
.prod-info .floatR .txt02 {color: #595a5a;}
.prod-info .floatR .item-info-layout {margin-top: 10px; padding: 20px 0 15px; font-size: 14px; border-top: 1px solid #b60204; border-bottom: 1px solid #b60204; overflow: hidden;}
.prod-info .floatR .item-info {color: #8a8a8a; overflow: hidden;}
.prod-info .floatR .item-info li {margin-bottom: 24px; height: 14px; line-height: 14px;}
.prod-info .floatR .item-info li span {display: inline-block; margin-right: 20px; padding-left: 18px; width: 70px; height: 14px; line-height: 14px; color: #595a5a; background: url(../../images/korean/common/bu02.png) no-repeat 5px center; border-right: 1px solid #e3e3e3;}
.prod-info .floatR .price {padding: 0 20px; height: 52px; line-height: 52px; border: 1px solid #e1e0e0; overflow: hidden;}
.prod-info .floatR .price #order-cnt {width: 55px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #e1e0e0;}
.prod-info .floatR .price a {display: inline-block; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; color: #767676; border: 1px solid #bebebe; border-radius: 3px;}
.prod-info .floatR .price .sum {float: right;}
.prod-info .floatR .price .sum em {font-size: 18px; font-weight: 700;}
.prod-info .floatR .btn a {display: inline-block; margin-top: 25px; margin-left: 2px;}
.prod-info .floatR .btn a:first-child {margin-left: 0;}
.prod-info .floatR .price label + .select {max-width: calc(100% - 45px);}

.inquiry {margin-bottom: 15px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 13px; color: #808080; background: #f5f5f5; border: 1px solid #e3e1e1; overflow: hidden;}
.inquiry span {display: inline-block; margin-left: 20px; font-size: 15px; font-weight: 700;}
.inquiry span em {padding-left: 15px; color: #d81a21; background: url(../../images/korean/sub/bu04.png) no-repeat left center;}
.inquiry .floatL {margin-left: 0; overflow: hidden;}
.inquiry .floatR {display: inline-block; text-align: right; overflow: hidden;}

.detail-view {text-align: center; border: 1px solid #e3e2e2; overflow: hidden;}
.detail-view .prosun-product {margin-top: 20px; height: 25px; line-height: 0; text-align: center; background: #c91b0e;}
.detail-view .detail {padding: 30px 0; text-align: center;}
.detail-view .detail img {width: 100%; max-width: 100%; height:auto;}

/* 멤버십 */
.member-layout {line-height: 1; font-size: 14px; overflow: hidden;}
.member-layout .member-img {padding: 30px 0; width: 100%; text-align: center; border-top: 2px solid #000; border-bottom: 1px solid #d3d3d3;}

/* 로그인 */
.login_area_out {border-top: 2px solid #000; border-bottom: 1px solid #d3d3d3;}
.login_area {margin: 0 auto; padding: 40px 25px; width: 680px; background: url(../../images/korean/sub/bg_login.gif) no-repeat 17px 30px; overflow: hidden;}
.login_area .insert {margin-left: 212px; overflow: hidden;}
.login_area .insert .floatL {width: 310px;}
.login_area .insert .floatR {width: 70px; margin-right: 50px;}

.insert table th,
.insert table td {padding: 0 !important;}
.insert table th {padding-right: 5px !important;}
.insert .txt {padding: 0 10px; width: 100%; height: 28px; line-height: 28px; border: 1px solid #dbdbdb;}

.txt-line01 {margin-top: 10px; font-size: 13px; color: #777; line-height: 20px;}
.txt-line01 span {font-size: 20px; font-weight: 700; color: #000;}

.member-layout01 .txt-line02 {height: 26px; font-size: 11px; color: #777; overflow: hidden;}
.member-layout01 .txt-line03 {margin-top: 10px; padding-left: 40px; height: 15px; line-height: 15px; font-size: 12px; background: url(../../images/korean/sub/bu11.png) no-repeat 10px top;}

.member-layout02 {padding: 40px 0; background: url(../../images/korean/sub/bg02.png) no-repeat right top; border-top: 2px solid #000; border-bottom: 1px solid #d3d3d3; overflow: hidden;}

/* 아이디/비번찾기 */
.find_area {margin-top: 35px;}
.find_area > .floatL,
.find_area > .floatR {width: 49%;}
.find_area .grayBox {margin-top: 10px; padding: 40px 20px 0 25px; width: 100%; height: 150px; background: #f6f6f6; border: 1px solid #d5d5d5; overflow: hidden;}
.find_area .grayBox table {width: 80%;}
.find_area .grayBox table th, 
.find_area .grayBox table td {padding: 0;}
.find_area .grayBox table .txt {padding: 0 10px; width: 100%; height: 28px; line-height: 28px; border: none; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;}
.find_area .grayBox table td.first .txt {border-top: 1px solid #dbdbdb;}

/* 회원가입 1단계 */
.join_step_01 {width: 720px; height: 248px; background: url(../../images/korean/sub/join_step_01.gif) no-repeat left top; text-indent: -9999px;}

.bu02 {clear: both; margin: 0; margin-top: 30px; padding: 0; padding-left: 25px; height: 16px; line-height: 16px; font-size: 15px; font-weight: 700; color: #000; background: url(../../images/korean/sub/bu10.gif) no-repeat left center;}

.grayBox01 {padding: 20px; height: 200px; line-height: 1.5; border: 6px solid #e9e9e9; overflow-y: scroll;}
.grayBox02 {padding: 10px 20px; background: #f6f6f6; border: 1px solid #e4e4e4; overflow: hidden;}
.grayBox03 {padding: 30px 20px; background: #f6f6f6; border: 1px solid #e4e4e4; overflow: hidden;}
.grayBox03 p,
.grayBox03 ul {margin-top: 10px; margin-left: 5px; line-height: 175%;}

/* 회원가입 2단계 */
.join_step_02 {width: 720px; height: 248px; background: url(../../images/korean/sub/join_step_02.gif) no-repeat left top; text-indent: -9999px;}

.name_check_area {margin-top: 15px; font-family: '돋움', dotum; font-size: 11px; background: #f6f6f6 url(../../images/korean/sub/bg_confirm01.gif) repeat-x left top; border: 1px solid #d5d5d5; overflow: hidden;}
.name_check_area > li {float: left; width: 33.3%; background: url(../../images/korean/sub/bg_confirm02.png) no-repeat right 10px;}
.name_check_area > li.right {background: none;}
.name_check_area h3 {padding: 12px 0; width: 100%; text-align: center;}
.name_check_area h4 {font-size: 12px; font-weight: 700; color: #333;}
.name_check_area .gBox01 {padding: 95px 15px 30px 15px; background: url(../../images/korean/sub/confirm_01.gif) no-repeat center 28px;}
.name_check_area .gBox02 {padding: 95px 15px 30px 15px; background: url(../../images/korean/sub/confirm_02.gif) no-repeat center 28px;}
.name_check_area .gBox03 {padding: 95px 15px 30px 15px; background: url(../../images/korean/sub/confirm_03.gif) no-repeat center 28px;}

.h180 {width: 100%; height: 180px; font-size: 11px; letter-spacing: -0.075em; color: #777; line-height: 135%; overflow: hidden;}
.h180 li {padding-left: 10px; padding-bottom: 20px; background: url(../../images/korean/sub/bu08.gif) no-repeat left 5px;}

/* 회원가입 3단계 */
.join_step_03 {width: 720px; height: 248px; background: url(../../images/korean/sub/join_step_03.gif) no-repeat left top; text-indent: -9999px;}

.txt_refer {font-size: 11px; color: #666666;}

/* 회원가입 4단계 */
.join_step_04 {width: 720px; height: 248px; background: url(../../images/korean/sub/join_step_04.gif) no-repeat left top; text-indent: -9999px;}

.join_step_04_under {padding: 30px 30px 30px 230px; border-bottom: 1px solid #d3d3d3; overflow: hidden;}
.join_step_04_under .floatL {display: inline-block; line-height: 1.5; font-size: 13px; color: #333;}
.join_step_04_under .floatR {margin-top: 15px;}

/* 회원탈퇴 */
.out_area {margin: 0 auto; padding: 40px 25px; width: 680px; line-height: 1; background: url(../../images/korean/sub/bg_out.gif) no-repeat left 30px;}
.out_area .insert {margin-left: 180px; overflow: hidden;}

/* 마이페이지 */
.order-state-layout {margin-top: 25px; padding-top: 30px; border-top: 1px solid #e2e2e2; overflow: hidden;}
.order-state-layout h3 {font-size: 18px; font-weight: 700;}
.order-state-layout h3 .txt-style03 {font-size: 18px; font-weight: normal;}
.list-style04 {margin-top: 20px; overflow: hidden;}
.list-style04 li {float: left; width: 16.5%; height: 220px; background: url(../../images/korean/sub/bu12.png) no-repeat left 50px;}
.list-style04 li:first-child {width: 17.5%; background: none;}
.list-style04-inner {padding: 0 20px; text-align: center;}
.list-style04-inner .ring {display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; color: #747474; background: #f1f1f1; border-radius: 20em;}
.list-style04-inner .ring.on {color: #fff; background: #d81a21;}
.list-style04-inner .txt-style01 {font-size: 14px; color: #323232;}
.list-style04-inner .txt-style02 {font-size: 12px; color: #747474;}

.list-style04-01 {padding: 30px 30px 30px 110px; font-size: 16px; color: #747474; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: url(../../images/korean/sub/bu13.png) no-repeat 35px center; overflow: hidden;}
.list-style04-01 li {margin-top: 5px; padding-left: 15px; background: url(../../images/korean/sub/bu14.png) no-repeat left 10px;}
.list-style04-01 li:first-child {margin-top: 0;}

/* 장바구니 */
.list-style02.cart li {position: relative; padding: 20px 20px 20px 35px;}
.list-style02.cart li .check {position: absolute; top: 20px; left: 0;}
.list-style02.cart .price {clear: both; padding: 0 20px; height: 52px; line-height: 52px; border: 1px solid #e1e0e0; overflow: hidden;}
.list-style02.cart .price input {width: 55px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #e1e0e0;}
.list-style02.cart .price a {display: inline-block; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 10px; color: #767676; border: 1px solid #bebebe; border-radius: 3px;}
.list-style02.cart .price .sum {float: right;}
.list-style02.cart .price .sum em {font-size: 18px; font-weight: 700; color: #d81a21;}
.list-style02.cart .btnLeft {margin-top: 10px;}

.total-layout {padding: 0 30px; line-height: 70px; font-size: 14px; font-weight: 700; color: #494949; border-bottom: 1px solid #555;}
.total-layout span {display: inline-block; vertical-align: middle; }
.total-layout .operator {display: inline-block; padding: 0 15px; font-size: 40px; font-weight: 700; color: #dddcdc;}
.total-layout .price {margin-left: 10px; font-size: 20px;}
.total-layout .price02 {color: #d81a21;}
.total-layout .price02 em {margin-left: 10px; font-size: 25px;}
.total-layout .choice {display: inline-block; margin-left: 20px; padding-left: 10px; background: url(../../images/korean/sub/bu15.png) no-repeat left center;}

/* 배송정보  */	
.order-layout .inner {padding: 20px 0; border-top: solid 1px #b60204; border-bottom: solid 1px #b60204;}
.tstyle_write02 {width: 100%; color: #555;}
.tstyle_write02 th {padding: 10px 15px; text-align: left; vertical-align: top; font-size: 14px; background: url(../../images/korean/sub/bu15.png) no-repeat 6px 17px;}
.tstyle_write02 td {padding: 10px; text-align: left;}

.order-layout select {padding: 6px; border: 1px solid #e1e0e0;}
.order-layout input[type="text"],
.order-layout input[type="password"] {height: 30px; line-height: 30px; border: 1px solid #e1e0e0;}
.order-layout .size10 {width: 10%;}
.order-layout .size30 {width: 30%;}
.order-layout .size90 {width: 90%;}
.order-layout .box {position: relative; padding: 25px; font-size: 16px; font-weight: 700; background: #f6f6f8; border: 1px solid #dbdbdb;}
.order-layout .box .title {color: #d81a21;}
.order-layout .box .name {margin-top: 20px; font-size: 20px; color: #323232;}
.order-layout .box .address,
.order-layout .box .tel {color: #747474;}
.order-layout .box .info-edit {position: absolute; top: 20px; right: 10px;}

/* 이메일무단수집거부 */
.mail-layout {padding: 35px; font-size: 15px; letter-spacing: -0.05em; border-top: 2px solid #000; border-bottom: 1px solid #d3d3d3;}
.mail-layout .inner {margin: 0 auto; padding-left: 210px; width: 640px; height: 181px; background: url(../../images/korean/sub/bg03.png) no-repeat left center;}
.tit {padding-top: 15px; font-size: 35px; font-weight: 800; color: #333;}
.tit .color {color: #d81a21;}

/* ========================================== 모바일 반응형 */

@media (max-width: 800px) { 
	.m100 {width: 100%;}

	.full-category {margin-left: -335px; width: 670px;}

	.content-layout {width: auto; max-width: 670px;}

	.directions .section02 li {margin-bottom: 5px; width: 50%;}
	.directions .section02 li.floatL {padding-left: 0;}
	.directions .section02 li.floatR {padding-right: 0;}
	.root_daum_roughmap.root_daum_roughmap_landing {width: 100% !important;}

	.brand .section02 {margin: 0 auto; margin-top: 35px; width: 494px;}
	.brand .section02 li {margin-left: 10px;}
	.brand .section02 li.left {margin-left: 10px;}
	.brand .section02 li:nth-child(2n+1) {margin-left: 0;}

	.movie-list {width: 654px;}
	.movie-list li:nth-child(3n+1) {margin-left: 26px;}
	.movie-list li:nth-child(2n+1) {margin-left: 0;}

	.tech .section03 > .floatR,
	.tech .section04 > .floatR,
	.tech .section05 > .floatR {width: 500px;}

	/* 제품상세페이지 */
	.prod-info .floatL,
	.prod-info .floatR {margin: 0 auto; float: none;}
	.prod-info .floatR {margin-top: 30px;}

	.inquiry {height: auto;}
	.inquiry span {display: block; margin-left: 0; }
	.inquiry span:first-child {width: 100%;}

	/* 로그인 */
	.login_area {width: 620px;}
	.login_area .insert .floatL {width: auto;}
	.login_area .insert .floatR {width: 70px; margin-right: 70px;}

	/* 아이디/비번찾기 */
	.find_area .txt-line01 {height: 50px;}
	.find_area .grayBox table {width: 70%;}

	/* 마이페이지 */
	.list-style04 li {margin-bottom: 10px; width: 33.3%;}
	.list-style04 li:nth-child(3n+1) {width: 33.4%;}

	/* 이메일무단수집거부 */
	.mail-layout {padding: 35px; font-size: 15px; letter-spacing: -0.05em; border-top: 2px solid #000; border-bottom: 1px solid #d3d3d3;}
	.mail-layout .inner {margin: 0; padding: 0; padding-top: 180px; width: 100%; height: auto; text-align: center; background: url(../../images/korean/sub/bg03.png) no-repeat center top;}
	.tit {padding-top: 15px; font-size: 35px; font-weight: 800; color: #333;}
	.tit .color {color: #d81a21;}

	.hidem {display:none}
}

@media(max-width: 767px) {
	.m200 {max-width: 100%;}
	.full-category {top: 50px; left: 0; margin-left: 0; width: 100%; display: block;}
	.full-category .title-layout {padding: 0 25px; width: 100%; height: 50px; line-height: 50px; background: url(../../images/korean/common/bg04.png) repeat left top;}
	.full-category .title-layout h2 {float: left; color: #fff; line-height: 50px;}
	.full-category .title-layout h2 span {color: #fff;}

	.title-layout .floatR {margin-top: 10px; width: 100%;}
	.title-layout .floatR input[type="text"] {width: 80%;}
	.title-layout .floatR input[type="image"] {float: right;}

	/* 공지사항 */
	.list-top-layout .floatR {margin-top: 10px; width: 100%;}
	.list-top-layout .floatR input[type="text"] {width: 80%;}
	.list-top-layout .floatR input[type="image"] {float: right;}

	/*.content-layout {padding: 0 10px;}*/

	/* 탭메뉴 */
	.s-tab01 li a {font-size: 12px;}
	.s-tab01 li a {padding: 0 5px; height: 40px; line-height: 40px;}

	.s-tab02 {font-size: 12px;}

	.btn-style01 {padding: 0 20px; height: 35px; line-height: 35px;}
	.btn-style03 {padding: 0 5px; width: auto; font-size: 12px;}

	.directions .section02 li {width: 100%;}

	.brand .section02 {width: 242px;}
	.brand .section02 li {margin: 0;}
	.brand .section02 li.left {margin-left: 0;}

	.movie-list {width: 314px;}
	.movie-list li {margin-left: 0;}
	.movie-list li:nth-child(3n+1) {margin-left: 0;}
	.movie-list li:nth-child(2n+1) {margin-left: 0;}

	.tech .section03 > .floatR,
	.tech .section04 > .floatR,
	.tech .section05 > .floatR {width: auto;}

	/* 제품상세페이지 */
	.prod-info .floatL,
	.prod-info .floatR {margin: 0 auto; width: 100%; float: none;}
	.prod-info .floatR {margin-top: 30px;}
	.prod-info .floatL .photo {width: 100%; height: auto;}
	.prod-info .floatL .photo-list {width: 174px;}
	.m-50 {text-align: center;}
	.m-50 img {width: 90px;}

	/* 로그인 */
	.login_area {padding: 40px 20px; width: 100%; background: none;}
	.login_area .insert .hidden {margin: 20px auto 0; max-width: 280px;}
	.login_area .insert {margin-left: 0; text-align: center;}
	.login_area .insert .floatL p {height: 32px;}
	.login_area .insert .floatR {margin-right: 0;}

	.member-layout01 .txt-line02 {margin-top: 10px; height: auto; line-height: 2;}
	.member-layout01 .txt-line02 .floatL,
	.member-layout01 .txt-line02 .floatR {float: none; width: 100%;}
	.member-layout01 .txt-line03 {height: auto;}

	/* 아이디/비번찾기 */
	.find_area .txt-line01 {height: auto;}
	.find_area > .floatL,
	.find_area > .floatR {float: none; width: 100%;}
	.find_area > .floatR h3 {margin-top: 30px;}

	.member-layout02 {padding: 40px 20px;}

	/* 회원가입 2단계 */
	.name_check_area h4 {height: 40px; line-height: 1.3;}
	.name_check_area .h180 {height: 400px;}

	.name_check_area .gBox01 a img,
	.name_check_area .gBox02 a img,
	.name_check_area .gBox03 a img {width: 100%;}

	.name_check_area .gBox03 {background-size: 80px;}

	/* 회원가입 4단계 */
	.join_step_04_under {padding: 30px;}

	/* 회원탈퇴 */
	.out_area {width: 100%; background: none;}
	.out_area .insert {margin-left: 0;}

	/* 마이페이지 */
	.list-style02 li .floatL,
	.list-style02 li .floatL02,
	.list-style02 li .floatR {float: none;}
	.list-style02 li .floatL {width: 100%; text-align: center}
	.list-style02 li .floatL02 {margin-top: 15px;}
	.list-style02 li .floatR {text-align: right}

	/* 주문내역 */
	.list-style02 li .info {margin-left: 5px; font-size: 12px;}

	.list-style04 li {width: 50%;}
	.list-style04 li:nth-child(3n+1) {width: 50%;}

	/* 장바구니, 관심상품 */
	.cart.list-style02 li {padding: 10px 0;}
	.cart.list-style02 li .check {position: absolute; top: 10px; left: 0;}
	.cart.list-style02 li .price {margin-top: 15px; height: auto;}
	.cart.list-style02 li .btnLeft {text-align: center;}

	/* 마이페이지 */
	.total-layout {font-size: 12px;}
	.total-layout .choice {margin-left: 0;}

	/* 마이페이지, 장바구니, 관심상품 */
	.list-style02 li {position: relative; padding: 40px 0 10px;}
	.list-style02 li .floatL .img {width: 100%; height: auto;}
	.list-style02 li .floatL .img img {width: 100%; height: auto;}

	/* 주의사항, 참고사항 */
	.list-style04-01 {padding: 70px 0 30px; background: url(../../images/korean/sub/bu13.png) no-repeat center 15px;}
	.txt_refer {display: block; margin-top: 5px; line-height: 1.3;}
}