@import url(common_m.css);

#wrap {position:relative; width:100%}

/* 메인비주얼 */
.mainVis {position:relative; width:100%; overflow:hidden}
#mainVisual {width:100%; overflow:hidden}
#mainVisual ul li {position:absolute; top:0; left:0; text-align:center}
#mainVisual ul li .txtArea {position:absolute; top:85px; left:0; width:100%; text-align:center; color:#000}
#mainVisual ul li .txtArea .tit {font-weight:bold; font-size:25px; line-height:30px; padding:0 15px}
#mainVisual ul li .txtArea .tit .cBlue{color:#0168b7 !important;}
#mainVisual ul li .txtArea .txt {font-size:11px; line-height:15px; margin-top:15px; padding:0 15px}
#mainVisual ul li .txtArea .btn {margin-top:15px}
#mainVisual ul li .txtArea .btn a {display:inline-block}
#mainVisual ul li .txtArea .btn a .viewBt {display:inline-block; height:35px; line-height:33px; font-size:12px; color:#fff; padding:0 15px; background:#1472b9}
#mainVisual ul li .txtArea .btn a .viewBt2 {display:inline-block;  line-height:16px; font-size:12px; color:#fff; padding:5px 14px; background:none; border:1px solid #fff}
#mainVisual ul li .txtArea.type2 {color:#fff}
.mainVis .bottomBtn {display:block; position:absolute; bottom:20px; left:50%; height:12px; padding:10px; margin-left:-21px}

#mainVisual_paging {position:absolute; bottom:73px; left:50%; height:8px; background:url("/common/en_us/images_m/icon/indi_bg.png") repeat 0 0; padding:6px 15px; border-radius:12px; overflow:hidden}
#mainVisual_paging button {margin-right:7px; vertical-align:top}
#mainVisual_paging button:last-child {margin-right:0}
#mainVisual_paging .btn_page {width:8px; height:8px; background:url("/common/en_us/images_m/btn/indi_btn.png") no-repeat 0 0; background-size:8px 8px}
#mainVisual_paging .btn_page.on {width:8px; height:8px; background:url("/common/en_us/images_m/btn/indi_btn_on.png") no-repeat 0 0; background-size:8px 8px}
#mainVisual_paging .playStop {width:16px; height:16px}

/*2019-09-18 쿠키 배너 추가*/
.cookie-banner {
    background-color: #0076BF;
}

    .cookie-banner .wrapper {
        margin: 0 auto;
        -moz-border-radius: 0;
        position: relative;
        width: 100%;
        /*width: 1176px;*/
    }

        .cookie-banner .wrapper .space {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            padding-left: 1rem;
            width: 60%;
            display: inline-block;
        }

            .cookie-banner .wrapper .space p {
                color: #FFF;
            }

                .cookie-banner .wrapper .space p a {
                    color: #FFF;
                    text-decoration: underline;
                }

        .cookie-banner .wrapper .btn_space {
            display: inline-block;
            vertical-align: top;
            width: 30%;
        }

            .cookie-banner .wrapper .btn_space .right {
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                text-align: right;
                display: block;
            }

                .cookie-banner .wrapper .btn_space .right .btn {
                    cursor: pointer;
                    padding: .625rem 1.25rem;
                    background-color: #000;
                    color: #fff;
                }

/* 메인컨텐츠 */
h2.mainTit {display:block; line-height:17px; text-align:center; margin-bottom:10px}
.mainTxt {text-align:center; font-size:12px; color:#767676; line-height:17px;}

.product {position:relative; padding:45px 15px 40px; background:#ebebec url("/common/en_us/images_m/icon/mPro_bg1.png") no-repeat 0 0; background-size:160px 196px;}
.product .btnArea {position:relative; margin-top:30px; width:100%; overflow:hidden}
.product .btnArea a {display:table; float:left; width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width:calc(50% - 5px); max-width: -moz-calc(50% - 5px); max-width: -webkit-calc(50% - 5px); max-width:calc(50% - 5px); height:70px; font-size:11px; color:#000; text-align:center; vertical-align:middle; margin-bottom:10px; margin-left:10px; background:url("/common/en_us/images_m/icon/mPro_btn_bg.png") repeat-x 0 0; background-size:140px 70px;}
.product .btnArea a:nth-child(2n) {float:right;}
.product .btnArea a span {display:table-cell; width:50%; height:70px; vertical-align:middle; line-height:15px;word-break:break-all;}
.product .btnArea a span:first-child {display:table-cell; width:50%; height:70px; text-align:center; vertical-align:middle}
.product .btnArea a span:first-child img {width:62px}
.product .btnArea a span:last-child {width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width:calc(50% - 10px); padding:0 5px}
.product .btnArea a.bt1 {margin-left:0;}
.product .btnArea a.bt2 {}
.product .btnArea a.bt3 {margin-left:0;}
.product .btnArea a.bt4 {}
.product .btnArea a.bt5 {margin-left:0;}
.product .btnArea a.bt6 {}
.product .btnArea a.bt7 {margin-left:0; margin-bottom:0;}
.product .btnArea a.bt8 {margin-bottom:0}
.product .bg1 {position:absolute; top:41px; right:0}
.product .bg2 {position:absolute; bottom:-49px; left:40px}

.product .btnArea2 {display:none; position:absolute; top:136px; left:15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); overflow:hidden}
.product .btnArea2 a {display:table; float:left; width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width:calc(50% - 5px); height:70px; font-size:11px; color:#000; text-align:center; vertical-align:middle;margin-bottom:10px; margin-left:10px}
.product .btnArea2 a:nth-child(2n) {float:right;}
.product .btnArea2 a.on {background:url("/common/en_us/images_m/icon/product_btn_bg.jpg") no-repeat right 0 #0168b7; background-size:140px 70px;}
.product .btnArea2 a span {display:table-cell; width: -moz-calc(70% - 60px); width: -webkit-calc(70% - 60px); width:calc(70% - 60px); vertical-align:middle; line-height:15px; background:#fff}
.product .btnArea2 a span:first-child {display:table-cell; width:55px; height:70px; padding-left:5px; text-align:center; vertical-align:middle}
.product .btnArea2 a span:first-child img {width:100%}
.product .btnArea2 a span:last-child {padding:0 5px;}
.product .btnArea2 a.on span {background:none}
.product .btnArea2 a.on span > img {width:75px}
.product .btnArea2 a.bt1 {margin-left:0; }
.product .btnArea2 a.bt2 {}
.product .btnArea2 a.bt3 {margin-left:0; }
.product .btnArea2 a.bt4 {}
.product .btnArea2 a.bt5 {margin-left:0; }
.product .btnArea2 a.bt6 {}
.product .btnArea2 a.bt7 {margin-left:0; margin-bottom:0;}
.product .btnArea2 a.bt8 {margin-bottom:0;}

.news {position:relative; padding:40px 15px; background:url("/common/en_us/images_m/icon/mNews_bg1.png") no-repeat 100% 38px; background-size:78px 118px}
.news .bgImg {position:absolute; bottom:0; right:0;}
.news .newsVideoArea {position:relative; width:100%; margin-top:25px; overflow:hidden}
.news .newsVideoArea ul {overflow:hidden}
.news .newsVideoArea ul li {position:absolute; width:100%; overflow:hidden}
.news .newsVideoArea ul li a {display:block; width:100%}
.news .newsVideoArea ul li a .thumb {display:block; width:100%;}
.news .newsVideoArea ul li a .thumb > img {width:100%}
.news .newsVideoArea ul li a .cover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url("/common/en_us/images_m/icon/mVideo_dimd.png") repeat 0 0;}
.news .newsVideoArea ul li a .cover > .icon {position:absolute; top:50%; left:0; margin-top:-15px; display:block; width:100%; text-align:center;}
.news .newsVideoArea #newsVideo_paging {position:absolute; bottom:15px; left:50%; height:8px}
.news .newsVideoArea #newsVideo_paging .btn_page {float:left; width:8px; height:8px; margin-left:5px; background:url("/common/en_us/images_m/btn/news_video_indi.png") no-repeat 0 0; background-size:8px 8px}
.news .newsVideoArea #newsVideo_paging .btn_page.on {width:8px; height:8px; background:url("/common/en_us/images_m/btn/news_video_indi_on.png") no-repeat 0 0; background-size:8px 8px}
.news .newsVideoArea #newsVideo_paging .btn_page:first-child {margin-left:0}
.news .newsVideoArea .btn_prev {position:absolute; top:50%; left:0; padding:10px; background:#fff}
.news .newsVideoArea .btn_next {position:absolute; top:50%; right:0; padding:10px; background:#fff}
.news .newsArea {position:relative; background:#ededee; padding:17px 15px 24px 15px; margin-top:10px}
.news .newsArea .newsTit {font-weight:bold; font-size:16px; color:#000}
.news .newsArea .newsList {}
.news .newsArea .newsList li {overflow:hidden; margin-bottom:5px}
.news .newsArea .newsList li a {position:relative; display:block; overflow:hidden; padding-top:15px}
.news .newsArea .newsList li a span {display:block;}
.news .newsArea .newsList li .left {position:absolute; top:0px; left:0; padding:0 5px; height:13px; line-height:12px; font-size:10px; text-align:center; color:#fff; background:#0068b7}
.news .newsArea .newsList li .left.type2 {background:#36bace}
.news .newsArea .newsList li .right {float:left; width:100%}
.news .newsArea .newsList li .right .tit {font-size:12px; width:100%; color:#555; line-height:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal}
.news .newsArea .newsList li:first-child {border-bottom:1px solid #dbdbdb; padding-bottom:20px; margin-bottom:20px}
.news .newsArea .newsList li:first-child .img {width:100%}
.news .newsArea .newsList li:first-child .img img {width:100%}
.news .newsArea .newsList li:first-child .txtArea {position:relative; margin-top:15px; overflow:hidden}
.news .newsArea .newsList li:first-child .txtArea .left {position:absolute; top:0; left:0;}
.news .newsArea .newsList li:first-child .txtArea .right {width:100%; padding-top:18px}
.news .newsArea .newsList li:first-child .right .tit {display:block; width:100%; font-weight:bold; font-size:14px; color:#333; line-height:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal}
.news .newsArea .newsList li:first-child .right .txt {font-size:12px; margin-top:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal}
.news .newsArea .newsList li:last-child {margin-bottom:0}
.news .newsArea .more {position:absolute; top:18px; right:15px}
.news .overseasArea {position:relative; display:block; border:1px solid #e3e3e3; background:#fff; padding:15px 0 0 15px; margin-top:10px}
.news .overseasArea > img {width:100%}
.news .overseasArea .txtArea {display:block; position:absolute; top:15px; left:15px; }
.news .overseasArea .txtArea .tit {display:block; font-weight:bold; font-size:14px; color:#333; line-height:15px;}
.news .overseasArea .txtArea .txt {display:block; font-size:11px; color:#767676; line-height:14px; margin-top:8px}
.news .overseasArea .txtArea .icon {display:block; margin-top:18px}
.news .newsBtn {position:relative; width:100%; margin-top:10px; overflow:hidden}
.news .newsBtn .btn1 {display:block; float:left; width: -moz-calc(50% - 70px); width: -webkit-calc(50% - 70px); width:calc(50% - 70px); height:66px; padding-top:15px; padding-right:50px; padding-left:15px; border:1px solid #e3e3e3; background:url("/common/en_us/images_m/icon/news_btn_icon1.png") no-repeat 92% 50%; background-size:40px 40px;word-break:break-all;}
.news .newsBtn .btn1 img {margin-top:15px}
.news .newsBtn .btn2 {display:block; float:right; width: -moz-calc(50% - 70px); width: -webkit-calc(50% - 70px); width:calc(50% - 70px); height:66px; padding-top:15px; padding-right:50px; padding-left:15px; border:1px solid #e3e3e3; background:url("/common/en_us/images_m/icon/news_btn_icon2.png") no-repeat 92% 50%; background-size:40px 37px;word-break:break-all;}
.news .newsBtn .btn2 img {margin-top:15px}
.news .newsBtn .affiliateBtn {float:left; display:block; margin-top:10px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); display:block; background:url("/common/en_us/images_m/icon/affiliate_bg.png") repeat 0 0; padding:15px; padding-bottom:28px; overflow:hidden}
.news .newsBtn .affiliateBtn span {display:block}
.news .newsBtn .affiliateBtn .tit {float:left; color:#fff; font-size:13px; line-height:15px; margin-right:18px}
.news .newsBtn .affiliateBtn .txt {float:left; color:#9fd6ff; font-size:11px; line-height:14px}
.news .newsBtn .affiliateBtn .icon {position:absolute; bottom:15px; left:16px; height:6px}

.story {position:relative; padding:40px 15px 76px; background:#ebebec url("/common/en_us/images_m/icon/mStory_bg.jpg") no-repeat 0 100%; background-size:100%}
.story .btnArea {width:290px; margin:25px auto 0; text-align:center; overflow:hidden}
.story .btnArea a {display:block; width:100%; height:100px;}
.story .btnArea a .img {display:block; float:left; width:145px; height:100px}
.story .btnArea a .img img {width:100%; height:100%}
.story .btnArea a .tit {display:block; float:left; width:135px; height:50px; max-height:50px; overflow:hidden; padding:10px 5px 40px; font-size:13px; color:#000; line-height:15px; background:#fff url("/common/en_us/images_m/icon/mStory_icon.jpg") no-repeat 50% 67px; background-size:40px 18px}
.story .btnArea a .tit span {display:block; line-height:15px; height:46px; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/* 서브 */
.subConArea {padding:25px 15px 50px}
.subConArea.type2 {background:#f7f7f7}
.subConArea.type3 {padding:25px 0 50px}
.subConArea.type3 > .container {padding:0 15px}

.benefitImg {position:relative; overflow:hidden}
.benefitImg img {width:100%;}
.benefitImg .txtArea {position:absolute; top:15%; left:0; width:100%; color:#fff; text-align:center}
.benefitImg .txtArea .tit {font-size:18px}
.benefitImg .txtArea .txt {font-size:12px; margin-top:15px}
.benefitTable {margin-top:25px; border-bottom:1px solid #dfdfdf}
.benefitTable tr th {font-weight:bold; font-size:18px; color:#333; text-align:left; padding-bottom:25px}
.benefitTable tr td {text-align:center; vertical-align:top; padding-bottom:25px}
.benefitTable tr td .icon {height:43px; min-height:43px}
.benefitTable tr td .tit {font-size:14px; color:#333; margin-top:15px}
.benefitTable tr td .txt {font-size:12px; color:#767676; margin-top:5px}

.recruitInfoImg {width:100%}
.recruitInfoImg img {width:100%}
.recruitInfo {position:relative; padding:0 15px 25px; background:#f2f2f2; overflow:hidden}
.recruitInfo .container {padding:30px 15px; background:#fff}
.recruitInfo .container .infoTit {font-size:18px; color:#0168b7; text-align:center}
.recruitInfo .container .infoTxt {font-size:13px; color:#555; line-height:18px; text-align:center; margin-top:15px}
.recruitInfo .container .infoTxt span {color:#0168b7}
.recruitInfo .container .infoBoard {position:relative; width:100%; border-top:2px solid #000; overflow:hidden}
.recruitInfo .container .infoBoard th {width:28%; font-weight:bold; padding:10px; font-size:12px; color:#333; border-bottom:1px solid #ddd}
.recruitInfo .container .infoBoard td {width:72%; padding:10px; font-size:12px; color:#555; border-bottom:1px solid #ddd}
.recruitInfo .container .note {font-size:11px; color:#555; line-height:18px; margin-top:15px}
.recruitInfo .container .note span {color:#0168b7}

.aRecruitTop {padding:0 14.5px 20px; border:1px solid #e3e3e3; background:#f5f5f5}
.aRecruitTop .topImg img {width:100%}
.aRecruitTop .txt {font-size:12px; color:#333; line-height:18px; margin-top:20px}
.aRecruitTop ul {padding-top:15px; margin-top:15px; border-top:1px solid #e1e1e1}
.aRecruitTop ul li {font-size:11px; color:#555; line-height:16px; padding-left:7px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 5px; background-size:3px 3px}
.aRecruitList {margin-top:15px}
.aRecruitList > ul > li {padding:15px; border-bottom:1px solid #e6e6e6}
.aRecruitList > ul > li:first-child {border-top:1px solid #e6e6e6}
.aRecruitList > ul > li .type1 {font-weight:bold; font-size:12px; color:#555}
.aRecruitList > ul > li .type1 span {padding-left:7px; margin-left:6px; background:url("/common/en_us/images_m/icon/bar2x20.gif") no-repeat 0 50%; background-size:1px 10px}
.aRecruitList > ul > li .type2 {font-weight:bold; font-size:14px; color:#333; margin-top:5px}
.aRecruitList > ul > li .require {padding-top:10px; margin-top:10px; border-top:1px solid #e6e6e6}
.aRecruitList > ul > li .require p {font-weight:bold; font-size:12px; color:#333; margin-bottom:5px}
.aRecruitList > ul > li .require ul li {font-size:11px; color:#777; line-height:16px; text-indent:-9px; margin-left:9px}
.aRecruitList .note {line-height:18px; font-size:12px; color:#333; padding-left:20px; background:url("/common/en_us/images_m/icon/note_icon.png") no-repeat 0 0; background-size:16px 16px; margin-top:12px}

.idCheckTit {font-weight:bold; font-size:14px; color:#333; margin-top:20px}
.idCheck {padding:20px 15px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; margin-top:12px}
.idCheck > p {font-weight:bold; font-size:12px; color:#000; margin-bottom:5px}
.idCheck input {width:177px; height:17px; border:1px solid #e2e2e2; color:#555; background:#fff}
.idCheck select {width: -moz-calc(100% - 189px); width: -webkit-calc(100% - 189px); width:calc(100% - 189px); height:25px; border:1px solid #e2e2e2; font-size:11px; color:#555; background:#fff; padding-left:2px}
.idCheck .twoBtn {overflow:hidden}
.idCheck .twoBtn a {float:left; display:block; width:90px; height:26px; line-height:26px; text-align:center; font-size:11px; color:#fff; background:#5d5d5d}
.idCheck .twoBtn a:first-child {margin-right:5px}

.pwPop {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/en_us/images_m/icon/dimd_bg.png") repeat 0 0; z-index:999}
.pwPop .container {position:absolute; top:50%; left:50%; width:250px; padding:30px 20px; background:#fff; margin-left:-145px; margin-top:-100px}
.pwPop .container input {width:164px; height:18px; border:1px solid #e2e2e2; color:#555; background:#fff}
.pwPop .container input.wd49 {width:49px}
.pwPop .container input.wd60 {width:60px}
.pwPop .container select {width:70px; height:26px; border:1px solid #e2e2e2; font-size:11px; color:#555; background:#fff; padding-left:2px}
.pwPop .container select.wd76 {width:76px}
.pwPop .container .birthInput span {margin-left:5px; margin-right:7px}
.pwPop .container .birthInput span:last-child {margin-right:0} 
.pwPop .container .popTit {padding-bottom:10px; font-weight:bold; font-size:14px; color:#333; border-bottom:2px solid #000; margin-bottom:20px}
.pwPop .container .popTit2 {font-weight:bold; font-size:12px; color:#000; margin-bottom:5px}
.pwPop .container .blueTxt {font-size:10px; color:#0168b7; margin-top:5px}
.pwPop .container .blueTxt2 {padding:15px; font-size:10px; color:#0168b7; line-height:15px; background:#f5f5f5; margin-top:20px}
.pwPop .container .pwTxt {margin-top:5px}
.pwPop .container .pwTxt li {font-size:10px; color:#555; line-height:14px; letter-spacing:-0.1px; text-indent:-8px; margin-left:8px}
.pwPop .container .twoBt {text-align:center; margin-top:20px}
.pwPop .container .twoBt a {display:inline-block; width:46px; height:24px; line-height:24px; font-size:11px; color:#555; background:#fff; border:1px solid #5d5d5d}
.pwPop .container .twoBt a:first-child {width:48px; height:26px; line-height:26px; color:#fff; background:#5d5d5d; border:0}
.pwPop .container .closeBt {position:absolute; top:13px; right:13px}

.faqList {border-top:2px solid #000; margin-top:15px}
.faqList li > a {position:relative; display:block; padding:20px 36px 20px 50px; font-size:13px; color:#555; line-height:19px; border-bottom:1px solid #e6e6e6; background:url("/common/en_us/images_m/icon/faqQ_icon.png") no-repeat 10px 50%; background-size:27px 27px}
.faqList li > a.on {font-weight:bold; color:#0168b7; background:url("/common/en_us/images_m/icon/faqQ_icon_on.png") no-repeat 10px 50%; background-size:27px 27px}
.faqList li > a img {position:absolute; top:50%; right:10px; margin-top:-5px}
.faqList li > div {display:none; padding:18px 18px 34px 52px; font-size:12px; color:#555; line-height:17px; border-bottom:1px solid #e6e6e6; background:#f5f5f5 url("/common/en_us/images_m/icon/faqA_icon.png") no-repeat 17px 13px; background-size:27px 27px}

.inquireDiv {padding:20px 14.5px; border:1px solid #e1e1e1; background:url("/common/en_us/images_m/icon/inquire_icon1.png") no-repeat 95% 10px; background-size:29px 29px}
.inquireDiv.type2 {background:url("/common/en_us/images_m/icon/inquire_icon2.png") no-repeat 95% 10px; background-size:32px 29px}
.inquireDiv .topTit {font-weight:bold; font-size:15px; color:#333; padding-bottom:12px; border-bottom:1px solid #e1e1e1; margin-bottom:12px}
.inquireDiv .topTit span {font-weight:bold; color:#0168b7; margin-left:9px}
.inquireDiv .txt {font-size:12px; color:#333; line-height:17px; letter-spacing:-0.3px;}
.inquireDiv.type2 .txt {color:#767676}
.inquireDiv .dotTxt {font-size:10px; color:#767676; line-height:14px; padding-left:7px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 5px; background-size:3px 3px; margin-top:13px}
.inquireDiv a {display:block; width:118px; height:26px; line-height:26px; font-size:10px; color:#fff; text-align:center; background:#0168b7; margin-top:15px}

.inquireList {border-top:2px solid #000}
.inquireList li {padding:15px 0; border-bottom:1px solid #e6e6e6}
.inquireList li.on {background:#f2f2f2}
.inquireList li .titArea {position:relative}
.inquireList li .titArea .num {position:absolute; top:50%; left:0; width:40px; height:14px; line-height:14px; font-weight:bold; font-size:11px; color:#666; text-align:center; margin-top:-7px}
.inquireList li .titArea > div {padding-left:40px}
.inquireList li .titArea > div a{display:block; padding-right:15px}
.inquireList li .titArea > div a .tit {display:block; font-weight:bold; font-size:13px; color:#333}
.inquireList li .titArea > div a .date {display:block; font-size:11px; color:#777; margin-top:5px}
.inquireList li .titArea > div a .ing {display:block; width:45px; height:18px; line-height:19px; font-size:9px; color:#fff; background:#54c3f1; text-align:center; margin-top:5px}/* 진행중 */
.inquireList li .titArea > div a .comp1 {display:block; width:43px; height:16px; line-height:18px; border:1px solid #0168b7; font-size:9px; color:#0168b7; background:#fff; text-align:center; margin-top:5px}/* 접수완료 */
.inquireList li .titArea > div a .comp2 {display:block; width:43px; height:16px; line-height:18px; border:1px solid #cdcdcd; font-size:9px; color:#555; background:#fff; text-align:center; margin-top:5px}/* 처리완료 */
.inquireList li .pwArea {display:none; margin-left:40px; margin-right:15px; border-top:1px solid #e6e6e6; padding-top:10px; margin-top:10px}
.inquireList li .pwArea > div {position:relative; padding-right:104px}
.inquireList li .pwArea > div input[type="password"] {display:block; width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width:calc(100% - 8px); height:18px; font-size:11px}
.inquireList li .pwArea > div a {display:block; position:absolute; top:0; right:0; width:48px; height:24px; line-height:24px; font-size:11px; color:#555; text-align:center; border:1px solid #5d5d5d}
.inquireList li .pwArea > div a.okBt {right:52px; width:50px; height:26px; line-height:26px; color:#fff; background:#5d5d5d; border:0;}
.inquireList li .pwArea .blueTxt {font-size:10px; color:#0168b7; line-height:12px; letter-spacing:-0.3px; margin-top:5px}
.inquireNote {padding:12px 15px 12px 30px; font-size:12px; color:#333; line-height:17px; background:#f2f2f2 url("/common/en_us/images_m/icon/inquire_note_icon.png") no-repeat 10px 12px; background-size:16px 16px; margin-top:15px}

.inquireTit {font-weight:bold; font-size:14px; color:#333}

.replyArea {padding-bottom:20px; border-bottom:1px solid #e0e0e0}
.replyArea .replyTit {padding-left:15px; font-weight:bold; font-size:14px; color:#000; background:url("/common/en_us/images_m/icon/reply_icon.png") no-repeat 0 2px; background-size:10px 9px; margin-top:25px}
.replyArea .replyTxtArea{padding:0 15px; margin-top:10px}
.replyArea .replyTxtArea .reply {padding:15px 10px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; background:#f7f7f7}
.replyArea .replyTxtArea .reply .tit {font-weight:bold; font-size:12px; color:#000}
.replyArea .replyTxtArea .reply .txt {font-size:12px; color:#555; line-height:17px; text-align:left; margin-top:10px}
.replyArea .replyTxtArea .date {padding:15px 10px; font-size:12px; color:#555; border-bottom:1px solid #e0e0e0}
.replyArea .replyTxtArea .date span {font-weight:bold; font-size:12px; color:#000; margin-right:9px}
.replyArea .replyTxtArea .note {padding:15px 10px; font-size:12px; color:#333; border-bottom:1px solid #e0e0e0}
.replyArea .replyTxtArea .note img {margin-right:5px}

.agreeDiv {border-top:2px solid #000; padding-top:18px}
.agreeDiv .top {position:relative; padding-bottom:10px; height:16px; line-height:16px; font-weight:bold; font-size:12px; color:#000; border-bottom:1px solid #e2e2e2}
.agreeDiv .top .openBt {position:absolute; top:0; right:58px; padding-right:16px; background:url("/common/en_us/images_m/icon/open_icon.png") no-repeat 100% 50%; background-size:10px 6px}
.agreeDiv .top .openBt.on {background:url("/common/en_us/images_m/icon/open_icon_on.png") no-repeat 100% 50%; background-size:10px 6px}
.agreeDiv .top input[type="checkbox"] {display:none}
.agreeDiv .top input[type="checkbox"] + label{float:right; display:inline-block; padding-left:22px; font-weight:bold; font-size:12px; color:#000; line-height:16px; background:url("/common/en_us/images_m/icon/check_img.png") no-repeat 0 0; background-size:16px 16px}
.agreeDiv .top input[type="checkbox"]:checked + label{background:url("/common/en_us/images_m/icon/check_img_on.png") no-repeat 0 0; background-size:16px 16px}
.agreeDiv .txtArea {display:none; max-height:109px; padding:15px; font-size:12px; color:#555; border:1px solid #e2e2e2; border-top:0; overflow-y:auto; text-align:left}

.prCtTop {width:100%; padding-bottom:20px; position:relative; overflow:hidden}
.prCtTop a {display:block; border:1px solid #e1e1e1}
.prCtTop a > img {width:100%}
.prCtTop .txtDiv {display:block; position:absolute; bottom:0; left:0; padding:8px 15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); font-size:15px; color:#fff; line-height:21px; background:url("/common/en_us/images_m/icon/prCenter_txt_bg.png") repeat 0 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.prCtTop .txtDiv > .label {display:inline-block; padding:0 5px; height:21px; line-height:23px; font-size:11px; color:#fff; text-align:center; background:#8ca934; margin-right:8px}/* 연두색 */
.prCtTop .txtDiv > .label.type2 {background:#0068b7}/* 파란색 */
.prCtTop .txtDiv > .label.type3 {background:#00a8b7}/* 청록색 */
.prCtTop .txtDiv > .label.type4 {background:#00b77d}/* 녹색 */
.prCtTop .txtDiv > .label.type5 {background:#8100b7}/* 보라색 */

.prCtTop .btnArea .btn_prev {position:absolute; top:50%; left:0; margin-top:-38px}
.prCtTop .btnArea .btn_next {position:absolute; top:50%; right:0; margin-top:-38px}
.prCtTop .btn_area {position:absolute; bottom:0; left:50%;}
.prCtTop .btn_area button {width:10px; height:10px; background:url("/common/en_us/images_m/btn/story_indi.png") no-repeat 0 0; background-size:10px 10px; margin-left:5px}
.prCtTop .btn_area button.on {background:url("/common/en_us/images_m/btn/story_indi_on.png") no-repeat 0 0; background-size:10px 10px}
.prCtTop .btn_area button:first-child {margin-left:0}

.snsArea {padding:12px 15px 15px; border:1px solid #d7d7d7; background:#fff}
.snsArea .snsHead {position:relative; overflow:hidden; text-align:center; padding-bottom:12px; border-bottom:1px solid #e1e1e1}
.snsArea .snsHead .name {display:inline-block; font-size:19px; color:#333; line-height:25px; padding-left:36px; background:url("/common/en_us/images_m/icon/instagram_icon.png") no-repeat 0 0; background-size:25px 25px}
.snsArea .snsHead .name.fb {background:url("/common/en_us/images_m/icon/facebook_icon.png") no-repeat 0 0; background-size:25px 25px}
.snsArea .snsHead .follow {display:block; position:absolute; top:3px; right:0; width:55px; height:17px; line-height:18px; font-size:12px; color:#0168b7; border:1px solid #0168b7}
.snsArea .snsHead .like {display:block; position:absolute; top:3px; right:0; width:36px; height:18px; line-height:20px; padding-left:13px; font-size:11px; color:#fff; background:#3b5998 url("/common/en_us/images_m/icon/facebook_like_icon.gif") no-repeat 4px 50%; background-size:9px 9px; border-radius:2px}
.snsArea .snsBody {width:100%; margin-top:15px; height:259px; max-height:259px; overflow-y:auto; overflow-x:hidden}
.snsArea .snsBody.insta > a {float:left; display:block;  width: -moz-calc(50% - 6px); width: -webkit-calc(50% - 6px); width:calc(50% - 6px); margin-top:12px}
.snsArea .snsBody.insta > a:first-child, .snsArea .snsBody.insta > a:nth-child(2) {margin-top:0}
.snsArea .snsBody.insta > a:nth-child(odd) {margin-right:12px}
.snsArea .snsBody.insta > a:nth-child(2n) {margin-right:0}
.snsArea .snsBody.insta > a > img {width:100%}
.snsArea .snsBody.fb .fbCon {display:block; width:100%; margin-top:10px}
.snsArea .snsBody.fb .fbCon:first-child {margin-top:0}
.snsArea .snsBody.fb .fbCon .img {display:block; width:100%;}
.snsArea .snsBody.fb .fbCon .img > img {width:100%;}
.snsArea .snsBody.fb .fbCon .txtArea {display:block; padding:25px 19px; border:1px solid #e1e1e1}
.snsArea .snsBody.fb .fbCon .txtArea .txt {display:block; font-size:12px; color:#555; line-height:18px}
.snsArea .snsBody.fb .fbCon .txtArea .bottom {display:block; font-size:12px; color:#767676; line-height:14px; text-align:right; border-top:1px solid #e1e1e1; overflow:hidden; margin-top:25px; padding-top:12px}
.snsArea .snsBody.fb .fbCon .txtArea .bottom .date {float:left;}
.snsArea .snsBody.fb .fbCon .txtArea .bottom .likeNum {padding-left:16px; background:url("/common/en_us/images_m/icon/like_num_icon.gif") no-repeat 0 0; background-size:13px 12px}
.snsArea .snsBody.fb .fbCon .txtArea .bottom .replyNum {padding-left:16px; background:url("/common/en_us/images_m/icon/reply_num_icon.gif") no-repeat 0 0; background-size:12px 12px; margin-left:10px}

.nowTit {height:25px; line-height:25px; font-size:19px; color:#333; text-align:center}
.nowTit img {margin-right:12px}
.spprtsList li {border:1px solid #e1e1e1; background:#fff; margin-top:20px}
.spprtsList li:first-child {margin-top:0}
.spprtsList li a {display:block;}
.spprtsList li a .img {display:block; width:100%}
.spprtsList li a .img img {display:block; width:100%}
.spprtsList li a .txtArea {display:block; padding:20px 19px 20px 19px}
.spprtsList li a .txtArea .tit {display:block; font-weight:bold; font-size:15px; color:#333; line-height:21px}
.spprtsList li a .txtArea .txt {display:block; font-size:12px; color:#555; line-height:18px; margin-top:5px}

.blogList li {background:#fff; border:1px solid #e1e1e1; margin-top:20px}
.blogList li:first-child {margin-top:0}
.blogList li a {display:block; padding:20px 19px 10px 19px}
.blogList li a .txtArea {display:block}
.blogList li a .txtArea .tit {display:-webkit-box; height:42px; max-height:42px; font-weight:bold; font-size:15px; color:#333; line-height:21px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.blogList li a .txtArea .txt {display:-webkit-box; height:59px; max-height:59px; font-size:12px; color:#555; line-height:19px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.blogList li a .date {display:block; font-size:12px; color:#767676; border-top:1px solid #e1e1e1; padding-top:10px; margin-top:15px}

.familyList {width:100%; overflow:hidden;}
.familyList li {float:left; width: -moz-calc(50% - 7px); width: -webkit-calc(50% - 7px); width:calc(50% - 7px); border:1px solid #e7e7e7; margin-top:10px; margin-right:10px}
.familyList li:first-child {width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width:calc(100% - 2px); margin-top:0; margin-right:0}
.familyList li.mr0 {margin-right:0}
.familyList li a {display:block; padding:15px 0; text-align:center; background:#fff}
.familyList li a .img {display:block}
.familyList li a .name {display:block; font-size:12px; color:#333; line-height:15px; margin-top:8px}
.familyList li:first-child a {padding:25px 0;}
.familyList li:first-child a .name {font-size:15px; line-height:18px; margin-top:15px}
.familyList li a.youtube {padding-top:22px}
.familyList li a.youtube .name {margin-top:16px}
.familyList li a.child {padding-top:22px}
.familyList li a.child .name {margin-top:14px}

.globalList {width:100%; padding-top:20px; margin-top:20px; border-top:1px solid #e1e1e1; overflow:hidden}
.globalList li {margin-top:15px}
.globalList li:first-child {margin-top:0}
.globalList li a {display:block; overflow:hidden}
.globalList li a .img {display:block; float:left; margin-right:20px}
.globalList li a .right {display:block; float:left; padding-top:5px;}
.globalList li a .right .tit {display:block; font-size:13px; color:#333}
.globalList li a .right .url {display:block; font-size:11px; color:#555; margin-top:9px}

.socialTit {font-weight:bold; font-size:19px; color:#333; text-align:center}
.socialTxt {font-size:12px; color:#555; text-align:center}

.socialTabBtn {width:100%; overflow:hidden; margin-top:20px}
.socialTabBtn a {display:block; float:left; width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width:calc(50% - 2px); height:29px; line-height:29px; text-align:center; color:#555; background:#fff; border:1px solid #e1e1e1}
.socialTabBtn a.on {font-weight:bold; font-size:11px; color:#fff; background:#0168b7; border:1px solid #0168b7}

.socialTabDiv {position:relative; width:100%; overflow:hidden}
.socialTabDiv .topImg {width:100%}
.socialTabDiv .topImg img {width:100%}
.socialTabDiv .topTxt1 {font-size:15px; color:#333; line-height:21px; text-align:center}
.socialTabDiv .topTxt1 span {color:#0168b7}
.socialTabDiv .topTxt2 {font-size:11px; color:#555; line-height:16px; text-align:center}
.socialTabDiv .rollTit {font-size:15px; color:#333; text-align:center; margin-top:25px; padding-top:25px; border-top:1px solid #e1e1e1}
.socialTabDiv .rollTit span {display:block; font-size:9px; color:#333; text-align:center; margin-bottom:5px}
.socialTabDiv .rollTit2 {font-size:9px; color:#333; text-align:center}
.socialTabDiv .rollDiv {position:relative; width:100%; height:auto; margin-top:15px;}
.socialTabDiv .rollDiv .touchSlider {position:relative; width:100%; height:auto; margin-top:15px; overflow:hidden}
.socialTabDiv .rollDiv .touchSlider ul {width:100%;}
.socialTabDiv .rollDiv .touchSlider ul li {width:100%}
.socialTabDiv .rollDiv .touchSlider ul li img {width:100%}
.socialTabDiv .rollDiv .btn_area .btn_prev {position:absolute; top:50%; left:0; margin-top:-17px}
.socialTabDiv .rollDiv .btn_area .btn_next {position:absolute; top:50%; right:0; margin-top:-17px}
.socialTabDiv .rollDiv .btn_area .count {position:absolute; bottom:12px; left:50%; width:60px; height:20px; line-height:20px; font-weight:bold; font-size:10px; color:#fff; text-align:center; background:url("/common/en_us/images_m/icon/social_roll_bg.png") repeat 0 0; border-radius:20px; margin-left:-30px}
.socialTabDiv .rollDiv .roll {position:absolute; top:0; left:0; width:100%}
.socialTabDiv .rollDiv .roll img {width:100%}
.socialTabDiv .rollDiv .rollBtn a.prev {position:absolute; top:50%; left:0; margin-top:-12.5px}
.socialTabDiv .rollDiv .rollBtn a.next {position:absolute; top:50%; right:0; margin-top:-12.5px}
.socialTabDiv .rollTxt {font-size:11px; color:#555; line-height:16px; margin-top:15px}
.socialTabDiv .rollCount {position:absolute; bottom:12px; left:50%; width:60px; height:20px; line-height:20px; font-weight:bold; font-size:10px; color:#fff; text-align:center; background:url("/common/en_us/images_m/icon/social_roll_bg.png") repeat 0 0; border-radius:20px; margin-left:-30px}

.ciTit {font-weight:bold; font-size:19px; color:#333; text-align:center}
.ciArea {position:relative; width:100%; padding:25px 0; overflow:hidden; background:url("/common/en_us/images_m/icon/ci_bg.jpg") no-repeat 0 0; background-size:cover}
.ciArea > img {width:100%}
.ciArea .ci {width:100%; text-align:center}
.ciArea .ci p > img {width:73%}
.ciArea .ci .txt {margin-top:20px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width:calc(100% - 20px);  padding:0 10px; font-size:12px; color:#555; line-height:17px; text-align:center}

.ciArea2 {padding:20px 18px; border:1px solid #e1e1e1; }
.ciArea2 .txt {font-size:12px; color:#555; line-height:18px; text-align:left}
.ciArea2 .blueTxt {font-size:12px; color:#0068b7; line-height:18px; margin-top:10px}
.ciArea2 .colorArea {width:140px; margin:20px auto 0;}
.ciArea2 .colorArea .color {width:100%; height:85px; background:#0072bc}
.ciArea2 .colorArea .color.type2 {background:#44c8f5}
.ciArea2 .colorArea .color.type3 {background:#6d6e71}
.ciArea2 .colorArea .cName {padding-left:5px; font-weight:bold; font-size:12px; color:#333; margin-top:10px}
.ciArea2 .colorArea .cInfo {padding-left:5px; font-size:10px; color:#555; line-height:12px; margin-top:5px}
.ciArea2 .signatureArea {width:100%; margin-top:30px}
.ciArea2 .signatureArea .img {width:100%; text-align:center; margin-top:25px}
.ciArea2 .signatureArea .img:first-child {margin-top:0}
.ciArea2 .signatureArea .downBt {width:100%; text-align:center; margin-top:10px}
.ciArea2 .signatureArea .downBt a {display:inline-block; width:90px; height:27px; line-height:27px; padding-right:14px; font-size:11px; color:#555; background:url("/common/en_us/images_m/icon/download_icon.gif") no-repeat 86px 50%; background-size:9px 9px; border:1px solid #cdcdcd}
.ciArea2 .logoArea {padding-top:30px; margin-top:42px; border-top:1px solid #e1e1e1; text-align:center}
.ciArea2 .logoArea:first-child {padding-top:14px; margin-top:0; border:0}
.ciArea2 .logoArea:last-child {padding-bottom:14px}
.ciArea2 .logoArea .tit {font-size:12px; color:#333; margin-bottom:20px}
.ciNote {padding-left:15px; font-size:9px; color:#333; line-height:14px; background:url("/common/ko_kr/images_m/icon/note_icon2.png") no-repeat 0 1px; background-size:10px 10px; margin-top:10px;}

.irList {border-top:2px solid #000}
.irList li {border-bottom:1px solid #e6e6e6}
.irList li {position:relative; display:block; overflow:hidden}
.irList li .num {position:absolute; top:50%; left:0; margin-top:-10px; width:40px; height:20px; line-height:20px; text-align:center}
.irList li .txtArea {float:left; width: -moz-calc(100% - 55px); width: -webkit-calc(100% - 55px); width:calc(100% - 55px); padding:15px 15px 15px 40px}
.irList li .txtArea .tit {font-weight:bold; font-size:14px; color:#333}
.irList li .txtArea .downBt {display:block; width:70px; height:16px; line-height:17px; padding-right:10px; font-size:9px; color:#555; text-align:center; background:url("/common/en_us/images_m/icon/download_icon.gif") no-repeat 69px 50%; background-size:8px 8px; border:1px solid #cdcdcd; margin-top:7px}
.irNote {padding:12px 15px 12px 30px; font-size:12px; color:#333; line-height:17px; background:#f2f2f2 url("/common/en_us/images_m/icon/inquire_note_icon.png") no-repeat 10px 12px; background-size:16px 16px; margin-top:15px;}

.cyberTop {padding:19px 14px; background:#f5f5f5; border:1px solid #e2e2e2}
.cyberTop p {font-size:13px; color:#333; line-height:18px}
.cyberTop ul {padding-top:15px; margin-top:15px; border-top:1px solid #e3e3e3}
.cyberTop ul li {font-size:12px; color:#767676; line-height:18px; padding-left:6px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 6px; background-size:3px 3px}

.boxDiv {padding:20px 14.5px; border:1px solid #e1e1e1; background:url("/common/en_us/images_m/icon/cyber_icon1.png") no-repeat 95% 10px; background-size:28px 30px}
.boxDiv.type2 {background:url("/common/en_us/images_m/icon/cyber_icon2.png") no-repeat 95% 10px; background-size:29px 29px}
.boxDiv .topTit {font-weight:bold; font-size:15px; color:#333; padding-bottom:12px; border-bottom:1px solid #e1e1e1; margin-bottom:12px}
.boxDiv .txt {font-size:12px; color:#555; line-height:17px}
.boxDiv .txt span {font-weight:bold; color:#333}
.boxDiv .dotTxt {font-size:10px; color:#767676; line-height:14px; padding-left:7px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 5px; background-size:3px 3px; margin-top:6px}
.boxDiv ul li {padding-left:8px; font-size:12px; color:#555; line-height:18px; background:url("/common/en_us/images_m/icon/dot6x6_gray.png") no-repeat 0 6px; background-size:3px 3px}

.grayDiv {padding:19px 0; font-size:13px; color:#333; line-height:18px; text-align:center; border:1px solid #e2e2e2; background:#f5f5f5}
.grayDiv2 {padding:19px 14px; font-size:12px; color:#333; line-height:17px; text-align:left; border:1px solid #e1e1e1; background:#f7f7f7}

.accoList li .accoBtn {display:block; padding:0 15px; height:40px; font-size:12px; color:#333; line-height:40px; border-top:1px solid #e1e1e1; border-bottom:0; background:#fff url("/common/en_us/images_m/icon/accoBtn_icon.png") no-repeat 95% 50%; background-size:16px 10px}
.accoList li:last-child .accoBtn {border-bottom:1px solid #e1e1e1}
.accoList li .accoBtn span {display:block; padding-left:17px}
.accoList li.on .accoBtn {padding-left:17px; font-weight:bold; font-size:12px; color:#fff; background:#0168b7 url("/common/en_us/images_m/icon/accoBtn_icon_on.png") no-repeat 95% 50%; background-size:16px 10px}
.accoList li.on .accoBtn span {background:url("/common/en_us/images_m/icon/bar20x4.png") no-repeat 0 50%; background-size:10px 2px}
.accoList li .accoDiv {display:none; padding:14px; max-height:470px; overflow-y:auto; font-size:12px; line-height:17px; color:#555; border:1px solid #e1e1e1; border-top:0}
.accoList li.on .accoDiv {margin-bottom:25px}
.accoList li .accoDiv ul li {padding-top:10px; margin-top:10px; border-top:1px solid #e1e1e1}
.accoList li .accoDiv ul li:first-child {border-top:0; margin-top:0; padding-top:0}
.accoList li .accoDiv ul li:last-child {padding-bottom:10px}
.accoList li .accoDiv ul li p.tit {font-weight:bold; font-size:12px; color:#333}
.accoList li .accoDiv ul li p.tit span {padding-left:10px; margin-left:10px; background:url("/common/en_us/images_m/icon/bar2x20.gif") no-repeat 0 2px; background-size:1px 10px}

.fInfoTop {position:relative; overflow:hidden; width:100%}
.fInfoTop img {width:100%}
.fInfoTop .txtArea {position:absolute; top:50%; left:0; padding-left:20px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width:calc(100% - 20px)}
.fInfoTop .txtArea .tit img {width:100%}
.fInfoTop .txtArea .txt {padding-right:20px; font-size:12px; color:#fff; line-height:17px; margin-top:15px}
.fInfoTop .txtArea .downBt {display:block; width:134px; height:29px; line-height:29px; padding-left:12px; border:1px solid #fff; font-size:10px; color:#fff; background:url("/common/en_us/images_m/icon/download_icon2.png") no-repeat 93% 50%; background-size:9px 9px; margin-top:25px}
.fInfoTop .txtArea .linkBt {display:block; width:146px; height:29px; line-height:29px; border:1px solid #fff; font-size:10px; color:#fff; text-align:center; margin-top:5px}

.fInfoDiv {position:relative; padding-top:43px; border:1px solid #e1e1e1}
.fInfoDiv .num {position:absolute; top:-18.5px; left:50%; margin-left:-18.5px}
.fInfoDiv .tit {font-size:17px; color:#333; text-align:center}
.fInfoDiv .tit span {color:#0168b7}
.fInfoDiv .txt {font-size:12px; color:#555; line-height:17px; text-align:center; margin-top:10px}
.fInfoDiv > .img {width:100%; margin-top:30px}
.fInfoDiv > .img > img {width:100%}

.fInfoDiv.type2 .num {position:absolute; top:-18.5px; left:20px; margin-left:0}
.fInfoDiv.type2 .tit {padding-left:20px; text-align:left}
.fInfoDiv.type2 .txt {padding:0 20px; text-align:left}

.fInfoDiv .imgDiv .twoImg .brandTxt {padding-top:10px; font-size:9px; color:#333; line-height:18px; text-align:center}
.fInfoDiv .imgDiv .twoImg {border-top:1px solid #e1e1e1;overflow:hidden}
.fInfoDiv .imgDiv .twoImg .left {float:left; width: -moz-calc(50% - 0.5px); width: -webkit-calc(50% - 0.5px); width:calc(50% - 0.5px);}
.fInfoDiv .imgDiv .twoImg .right {float:right; width: -moz-calc(50% - 0.5px); width: -webkit-calc(50% - 0.5px); width:calc(50% - 0.5px); border-left:1px solid #e1e1e1}
.fInfoDiv .imgDiv .twoImg > div > .img > img {width:100%}
.fInfoDiv .imgDiv .twoImg > div > .txt2 {padding-left:10px; font-size:10px; color:#555; line-height:26px; text-align:left}
.fInfoDiv .imgDiv .oneImg {border-top:1px solid #e1e1e1}
.fInfoDiv .imgDiv .oneImg img {width:100%}

.fInfoTit {font-size:17px; color:#333; text-align:center}
.fInfoProcess {padding:26px 0 24px; border:1px solid #e1e1e1; text-align:center; margin-top:15px}
.fInfoProcess .stepDiv {padding:15px 0; width:142.5px; border:1px solid #dfdfdf; background:#f4f4f4; border-radius:2px; margin:0 auto}
.fInfoProcess .stepDiv .txt {font-size:12px; color:#555; margin-top:15px}
.fInfoProcess .step {width:86.5px; padding-left:58px; height:42px; line-height:48px; background:url("/common/en_us/images_m/icon/fInfo_step_icon.png") no-repeat 67px 0; background-size:9px 42px; font-size:10px; color:#0173c1; margin:0 auto;}
.fInfoProcess .step.last {width:86.5px; padding-left:58px; height:43px; line-height:44px; background:url("/common/en_us/images_m/icon/fInfo_step_icon2.png") no-repeat 64.5px 0; background-size:14px 43px; font-size:10px; color:#0173c1; margin:0 auto;}

.storeList {margin-top:20px}
.storeList li {position:relative; width:100%; overflow:hidden; margin-top:10px}
.storeList li:first-child {margin-top:0}
.storeList li > img {width:100%}
.storeList li .storeLoca {position:absolute; bottom:0; right:0; padding:0 10px; height:26px; line-height:26px; font-size:12px; color:#fff; background:url("/common/en_us/images_m/icon/store_loca_bg.png") repeat 0 0;}

.exampleDiv {padding:25px 14px; border:1px solid #e1e1e1}
.exampleDiv .titArea {position:relative; overflow:hidden}
.exampleDiv .titArea .pic {position:absolute; top:0; left:0}
.exampleDiv .titArea .right {padding-left:65px;}
.exampleDiv .titArea .right .name {padding-top:4px; font-size:11px; color:#0168b7}
.exampleDiv .titArea .right .tit {font-size:15px; color:#333; line-height:18px; margin-top:10px}
.exampleDiv .txtArea {font-size:12px; color:#555; line-height:18px; letter-spacing:-0.2px; margin-top:15px}
.exampleDiv .photoArea {overflow:hidden; margin-top:20px}
.exampleDiv .photoArea > p {width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width:calc(50% - 2px); float:left; margin-left:4px; margin-top:4px}
.exampleDiv .photoArea > p:nth-child(odd) {margin-left:0}
.exampleDiv .photoArea > p img {width:100%}
.exampleDiv .photoArea .photo1, .exampleDiv .photoArea .photo2 {margin-top:0}

.globalTop {padding:25px 15px; background:#e7edf0}
.globalTop > .tit {text-align:center}
.globalTop > .txt {font-size:12px; color:#555; text-align:center; line-height:17px; margin-top:15px}
.globalTop .map {width:100%; margin-top:15px}
.globalTop .map img {width:100%}
.globalTop .mapTxt {font-size:8px; color:#555; line-height:9px; text-align:right; margin-top:10px}
.globalTop .txtArea {padding:20px 15px 25px; background:#fff; margin-top:8px}
.globalTop .txtArea .txt {font-size:12px; color:#555; line-height:18px}
.globalTop .txtArea .txt span {color:#0168b7}
.globalTop .txtArea .numList {overflow:hidden}
.globalTop .txtArea .numList li {float:left; width: -moz-calc(50% - 15px); width: -webkit-calc(50% - 15px); width:calc(50% - 15px); padding-right:15px; text-align:center; margin-top:25px}
.globalTop .txtArea .numList li:nth-child(even) {padding-right:0; padding-left:15px; background:url("/common/en_us/images_m/icon/bar1x97.gif") no-repeat 0 50%; background-size:1px 48px}
.globalTop .txtArea .numList li .num {font-size:36px; color:#0168b7; letter-spacing:-0.5px}
.globalTop .txtArea .numList li .txt {font-size:11px; color:#555; line-height:16px}
.globalTop .btn {overflow:hidden; margin-top:15px}
.globalTop .btn a {display:block; width:100%; font-size:11px; color:#fff; background:#0168b7}
.globalTop .btn a span {display:block; height:32px; line-height:32px; padding-left:45px; background:url("/common/en_us/images_m/icon/global_top_btn2.png") no-repeat 17px 50%; background-size:15px 15px;}
.globalTop .btn a:first-child {margin-bottom:2px;}
.globalTop .btn a:first-child span {background:url("/common/en_us/images_m/icon/global_top_btn1.png") no-repeat 17px 50%; background-size:15px 14px}

.globalInfoList {margin-top:25px}
.globalInfoList li {margin-top:20px; padding-top:20px; border-top:1px solid #e1e1e1}
.globalInfoList li:first-child {margin-top:0; padding-top:0; border-top:0}
.globalInfoList li .img {width:100%}
.globalInfoList li .img img {width:100%}
.globalInfoList li .tit {font-size:15px; color:#333; margin-top:13px}
.globalInfoList li .txt {font-size:11px; color:#555; line-height:16px; margin-top:10px}
.globalInfoList li .btn {margin-top:20px}
.globalInfoList li .btn a {display:block; padding:0 10px; height:30px; line-height:30px; border:1px solid #d5d5d5; font-size:11px; color:#555; text-align:center; margin-top:5px}
.globalInfoList li .btn a:first-child {margin-top:0}
.globalInfoList li .btn a:first-child span {display:inline-block; padding-right:20px; background:url("/common/en_us/images_m/icon/link_btn_icon.png") no-repeat 100% 50%; background-size:10.5px 10px;}

.globalLayerPop {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/en_us/images_m/icon/dimd_bg.png") repeat 0 0; z-index:999}
.globalLayerPop .container {position:absolute; top:10%; left:50%; width:250px; padding:30px 20px; background:#fff; margin-left:-145px}
.globalLayerPop .container .popTit {padding-bottom:10px; font-weight:bold; font-size:14px; color:#333; border-bottom:2px solid #000; margin-bottom:20px}
.globalLayerPop .container .stateList {max-height:380px; overflow-y:auto; margin-top:25px}
.globalLayerPop .container .stateList > .list {border-bottom:1px solid #e1e1e1; margin-bottom:25px}
.globalLayerPop .container .stateList > .list:last-child {border-bottom:0; margin-bottom:0}
.globalLayerPop .container .stateList > .list .tit {font-weight:bold; font-size:12px; color:#333}
.globalLayerPop .container .stateList > .list .countryList {overflow:hidden; margin-top:20px}
.globalLayerPop .container .stateList > .list .countryList li {float:left; width:50%; font-size:10px; color:#555; overflow:hidden; margin-bottom:15px}
.globalLayerPop .container .stateList > .list .countryList li > img {float:left; margin-right:6px}
.globalLayerPop .container .stateList > .list .countryList li > span {float:left; display:block; width: -moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); width:calc(100% - 44px); line-height:25px}
.globalLayerPop .container .stateList > .list .countryList li > span.type2 {float:left; display:block; width: -moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); width:calc(100% - 44px); line-height:12px}
.globalLayerPop .container .closeBt {position:absolute; top:30px; right:20px}

.worldMapImg {margin-top:25px}
.worldMapImg > img {width:100%}

.worldImg {position:relative; width:100%; overflow:hidden; margin-top:5px}
.worldImg:first-child {margin-top:5px}
.worldImg.one > img {width:100%}
.worldImg.thr {}
.worldImg.thr .left {position:relative; float:left; width: -moz-calc(50% - 2.5px); width: -webkit-calc(50% - 2.5px); width:calc(50% - 2.5px); margin-right:5px}
.worldImg.thr .left > img {width:100%}
.worldImg.thr .right {float:left; width: -moz-calc(50% - 2.5px); width: -webkit-calc(50% - 2.5px); width:calc(50% - 2.5px)}
.worldImg.thr .right > div {position:relative; width:100%}
.worldImg.thr .right > div:first-child {margin-bottom:5px}
.worldImg.thr .right > div img {width:100%}
.worldImg.fou {width:100%; overflow:hidden}
.worldImg.fou > div {position:relative; float:left; width: -moz-calc(50% - 2.5px); width: -webkit-calc(50% - 2.5px); width:calc(50% - 2.5px); margin-top:5px; margin-right:5px}
.worldImg.fou > div:first-child, .worldImg.fou > div:nth-child(2) {margin-top:0}
.worldImg.fou > div:nth-child(even) {margin-right:0}
.worldImg.fou > div > img {width:100%}
.worldImg .worldLoca {position:absolute; bottom:0; right:0; padding:2px 10px; line-height:15px; font-size:12px; color:#fff; background:url("/common/en_us/images_m/icon/store_loca_bg.png") repeat 0 0;}

.worldTopImg {width:100%}
.worldTopImg > img{width:100%}
.worldTit {font-size:17px; color:#333; padding-bottom:15px; border-bottom:1px solid #e1e1e1; margin-bottom:15px}
.worldTxt {font-size:11px; color:#555; line-height:16px}
.worldList > li {padding-bottom:12px; border-bottom:1px solid #e1e1e1; margin-bottom:15px}
.worldList > li:last-child {padding-bottom:0; border-bottom:0; margin-bottom:0}
.worldList > li .top {overflow:hidden}
.worldList > li .top .img {float:left; width:145px; height:102px; background:url("/common/en_us/images_m/icon/worldCorp_img_none.jpg") no-repeat 0 0; background-size:100% 100%; margin-right:10px}
.worldList > li .top .img > img {width:100%}
.worldList > li .top .name {float:left; padding-top:21px; width: -moz-calc(100% - 155px); width: -webkit-calc(100% - 155px); width:calc(100% - 155px); font-size:12px; color:#333; line-height:14px}
.worldList > li .top .name span {display:block; font-weight:bold; font-size:14px; color:#333; margin-bottom:10px}
.worldList > li .infoList {width:100%; margin-top:15px}
.worldList > li .infoList li {text-indent:-54px; margin-left:54px; font-size:11px; color:#555; line-height:16px; font-weight:normal !important;}
.worldList > li .infoList li span {line-height:16px; padding-left:7px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 5px; background-size:3px 3px; color:#333; margin-right:5px}

.ideaTit {font-weight:bold; font-size:19px; color:#333; text-align:center}
.ideaTxt1 {font-size:18px; color:#333; text-align:center; margin-top:25px}
.ideaTxt1 span {color:#0168b7}
.ideaTxt2 {font-size:12px; color:#555; line-height:17px; text-align:center; margin-top:10px}
.ceoArea {padding:0 15px 25px; background:#0168b7; margin-top:15px}
.ceoArea .img > img {width:100%}
.ceoArea .whiteBox .ceoMessage {font-size:12px; color:#555; line-height:16px; letter-spacing:-0.1px; padding-bottom:20px; border-bottom:1px solid #e1e1e1}
.ceoArea .whiteBox .ceoMessage p {font-size:16px; color:#333; line-height:21px; margin-bottom:15px}
.ceoArea .whiteBox .ceoMessage p span {color:#0168b7}
.ceoArea .whiteBox {padding:20px 14px; border:1px solid #e1e1e1; background:#fff}
.ceoArea .whiteBox .txt1 {font-size:14px; color:#333; line-height:15px;  margin-top:20px}
.ceoArea .whiteBox .txt1 span {color:#0168b7}
.ceoArea .whiteBox .txt1:first-child {margin-top:0}
.ceoArea .whiteBox .txt2 {font-size:11px; color:#555; line-height:15px; margin-top:10px}
.ceoArea .whiteBox .ceoName {height:25px; line-height:37px; font-size:11px; color:#555; text-align:right; margin-top:30px}
.ceoArea .whiteBox .ceoName > img {margin-left:13px}

.missionDiv {width:100%; text-align:center; margin-top:30px; padding-bottom:35px; border-bottom:1px solid #e1e1e1}
.missionDiv .container {width:173px; margin:0 auto; }
.missionDiv .mission1 {padding:29px 10px 0; height:136px; background:url("/common/en_us/images_m/icon/mission_txt_bg1.jpg") no-repeat 0 0; background-size:100%}
.missionDiv .mission2 {padding:5px 10px 0; height:153px; background:url("/common/en_us/images_m/icon/mission_txt_bg2.jpg") no-repeat 0 0; background-size:100%}
.missionDiv .mission3 {padding:18px 10px 0; height:147px; background:url("/common/en_us/images_m/icon/mission_txt_bg3.jpg") no-repeat 0 0; background-size:100%}
.missionDiv .tit {font-size:13px; color:#fff; letter-spacing:2px}
.missionDiv .txt {font-size:9px; color:#fff; margin-top:10px; padding-top:13px; background:url("/common/en_us/images_m/icon/bar35x1.gif") no-repeat 50% 0; background-size:17.5px 1px;line-height:12px;}

.visionImg {width:100%; margin-top:30px}
.visionImg img {width:100%}

.principle {margin-top:20px}
.principle li {position:relative; margin-top:10px}
.principle li > img {width:100%}
.principle li .txtArea {position:absolute; top:50%; right:0; width:47%; padding-right:3%; color:#fff; margin-top:-45px}
.principle li .txtArea .tit {font-size:17px;}
.principle li .txtArea .txt {font-size:12px; line-height:15px; margin-top:10px}

.coreList {margin-top:20px; overflow:hidden}
/*.coreList li {float:left; padding:20px 5px 15px; width: -moz-calc(50% - 11.5px); width: -webkit-calc(50% - 11.5px); width:calc(50% - 11.5px); min-height:308px; border:1px solid #e1e1e1; border-top:0; border-left:0; text-align:center}
.coreList li:first-child, .coreList li:nth-child(2) {border-top:1px solid #e1e1e1}
.coreList li:nth-child(odd) {border-left:1px solid #e1e1e1}
.coreList li .tit {font-size:14px; color:#333; margin-top:15px}
.coreList li .txt {font-size:10px; color:#555; line-height:14px; margin-top:10px} 2017-06-08 고객사 수정사항으로 table로 변경*/
.coreList > div {display:table-row;text-align:center;}
.coreList > div > div {display:table-cell; padding:15px 5px 15px; width:50%; border:1px solid #ddd; border-top:0;}
.coreList > div:first-child > div {border-top:1px solid #e1e1e1}
.coreList > div > div:first-child {border-right:0}
.coreList > div > div .tit {font-size:14px; color:#333; margin-top:15px}
.coreList > div > div .txt {font-size:10px; color:#555; line-height:14px; margin-top:10px}/*2017-06-08*/

.busiDiv {width:100%; height:271.5px; background:url("/common/en_us/images_m/icon/strategy_bg.jpg") no-repeat 50% 50%; background-size:cover; margin:20px auto 0;}
.busiDiv ul {padding:0 15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); overflow:hidden}
.busiDiv ul li {float:left; width: -moz-calc(50% - 9.5px); width: -webkit-calc(50% - 9.5px); width:calc(50% - 9.5px); padding-top:15px; color:#fff; background:url("/common/en_us/images_m/icon/bar231_2.gif") no-repeat 50% 0; background-size:100% 1px; margin-top:30px; margin-right:19px}
.busiDiv ul li:nth-child(even) {margin-right:0}
.busiDiv ul li .txt1 {font-size:13px}
.busiDiv ul li .txt2 {font-size:8px; margin-top:10px}

.officeRollDiv {position:relative; width:100%; overflow:hidden}
.officeRollDiv .rollArea {width:239px; margin:0 auto; overflow:hidden}
.officeRollDiv .rollArea ul {position:relative; overflow:hidden; height:auto}
.officeRollDiv .rollArea ul li a {display:block; border:1px solid #e1e1e1}
.officeRollDiv .rollArea ul li a .img {display:block; width:100%}
.officeRollDiv .rollArea ul li a .img > img{width:100%}
.officeRollDiv .rollArea ul li a .txt {display:block; height:30px; line-height:30px; font-size:12px; color:#333; text-align:center}
.officeRollDiv .btnArea .prev {position:absolute; top:50%; left:0; margin-top:-12px}
.officeRollDiv .btnArea .next {position:absolute; top:50%; right:0; margin-top:-12px}

.officeTabDiv {margin-top:25px;}
.officeTabDiv .officeTit {font-weight:bold; font-size:14px; color:#333; padding-bottom:10px; border-bottom:1px solid #000}
.officeTabDiv .mapArea {border:1px solid #e1e1e1; margin-top:12px}
.officeTabDiv .mapArea > img {width:100%}
.officeTabDiv .infoList li {padding:14px 5px; border-bottom:1px solid #e1e1e1; overflow:hidden}
.officeTabDiv .infoList li .left {float:left; width:71px; padding-left:11px; font-weight:bold; font-size:12px; color:#333; line-height:16px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 5px; background-size:3px 3px}
.officeTabDiv .infoList li .right {float:left; width: -moz-calc(100% - 82px); width: -webkit-calc(100% - 82px); width:calc(100% - 82px); font-size:12px; color:#555; line-height:16px}
.officeTabDiv .picture {margin-top:30px}
.officeTabDiv .picture .img {border:1px solid #e1e1e1; margin-top:10px}
.officeTabDiv .picture .img:first-child {margin-top:0}
.officeTabDiv .picture .img > img {width:100%}

.newOffice {padding:24px 14px 0; border:1px solid #e1e1e1; background:#f4f4f4; margin-top:25px}
.newOffice .tit {font-size:15px; color:#333; text-align:center}
.newOffice .img {width:100%; margin-top:15px}
.newOffice .img > img {width:100%}
.newOffice .txt {font-size:11px; color:#555; line-height:16px; text-align:left; margin-top:10px}
.newOffice .infoList {border-top:1px solid #e1e1e1; margin-top:15px}
.newOffice .infoList li {padding:15px 0; border-bottom:1px solid #e1e1e1; overflow:hidden}
.newOffice .infoList li:last-child {border-bottom:0}
.newOffice .infoList li .left {float:left; width:71px; padding-left:11px; font-weight:bold; font-size:12px; color:#333; line-height:16px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 5px; background-size:3px 3px}
.newOffice .infoList li .right {float:left; width: -moz-calc(100% - 82px); width: -webkit-calc(100% - 82px); width:calc(100% - 82px); font-size:12px; color:#555; line-height:16px}

.historyTop {position:relative; width:100%}
.historyTop > img {width:100%}
.historyTop .txtArea {position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:-52px}
.historyTop .txtArea .tit {font-size:20px; color:#fff; line-height:22px; padding:8px 15px 0; background:url("/common/en_us/images_m/icon/bar50x1.gif") no-repeat 50% 0; background-size:25px 1px}
.historyTop .txtArea .txt {padding:0 10px; font-size:10px; color:#fff; line-height:13px; margin-top:10px}

.timeLineDiv {position:relative; padding:41px 15px 0}
.timeLineDiv .line {position:absolute; top:41px; left:39.5px; width:1px; height: -moz-calc(100% - 41px); height: -webkit-calc(100% - 41px); height:calc(100% - 41px); background:#e1e1e1}
.timeLineDiv ul {}
.timeLineDiv ul li {position:relative; padding-top:52px}
.timeLineDiv ul li .year {position:absolute; top:0; left:0; width:50px; height:50px; font-weight:bold; font-size:13px; color:#0168b7; text-align:center; line-height:51px; border:1px solid #0168b7; background:#fff; border-radius:25px}
.timeLineDiv ul li .monthDiv {width: -moz-calc(100% - 75px); width: -webkit-calc(100% - 75px); width:calc(100% - 75px); padding-left:75px; margin-top:25px; background:url("/common/en_us/images_m/icon/history_month_icon.png") no-repeat 21.5px 3px; background-size:33.5px 8.5px}
.timeLineDiv ul li .monthDiv .date {font-weight:bold; font-size:13px; color:#333; line-height:16px}
.timeLineDiv ul li .monthDiv .txt {font-size:11px; color:#555; line-height:14px; margin-top:5px}
.timeLineDiv ul li .monthDiv .img {margin-top:10px; width:75%}
.timeLineDiv ul li .monthDiv .img > img {width: -moz-calc(100% - 1px); width: -webkit-calc(100% - 1px); width:calc(100% - 1px); border:1px solid #e1e1e1}

.awardTopDiv {position:relative; width:100%; margin-top:20px; overflow:hidden}
.awardTopDiv > img {width:100%}
.awardTopDiv .txtArea {position:absolute; top:50%; left:0; padding:0 15px 0 20px; margin-top:-76px}
.awardTopDiv .txtArea p > img {width:100%}
.awardTopDiv .txtArea .txt {font-size:10px; color:#555; line-height:14px; margin-top:10px}

.awardList {margin-top:20px}
.awardList > li {width:100%; overflow:hidden; margin-top:15px}
.awardList > li:first-child {margin-top:0} 
.awardList > li .img {float:left; width: -moz-calc(50% - 2px); width: -webkit-calc(50% - 2px); width:calc(50% - 2px); border:1px solid #e1e1e1; margin-right:15px}
.awardList > li .img > img {width:100%}
.awardList > li .txtArea {float:left; width: -moz-calc(50% - 15px); width: -webkit-calc(50% - 15px); width:calc(50% - 15px);}
.awardList > li .txtArea .tit {font-weight:bold; font-size:12px; color:#333; line-height:15px; letter-spacing:-0.2px}
.awardList > li .txtArea .txt {font-size:10px; color:#555; line-height:13px; margin-top:5px}

.factoryTop {position:relative; margin-top:25px}
.factoryTop > img {width:100%}
.factoryTop > .txtArea {position:absolute; top:50%; left:0; margin-top:-70px}
.factoryTop > .txtArea .tit {width:100%;text-align:center;}
.factoryTop > .txtArea .txt {padding:0 10px; font-size:12px; color:#555; line-height:16px; text-align:center; margin-top:15px}
.factoryTop ul {overflow:hidden; margin-top:32px}
.factoryTop ul li {float:left; width: -moz-calc(50% - 3px); width: -webkit-calc(50% - 3px); width:calc(50% - 3px); margin-top:6px}
.factoryTop ul li:nth-child(even) {margin-left:6px}
.factoryTop ul li:first-child, .factoryTop ul li:nth-child(2) {margin-top:0}
.factoryTop ul li .img {width:100%}
.factoryTop ul li .img > img {width:100%}
.factoryTop ul li .txtArea {padding:9px; min-height:40px; border:1px solid #e1e1e1; border-top:0; background:#fff}
.factoryTop ul li .txtArea .tit {font-size:10px; color:#333}
.factoryTop ul li .txtArea .size {font-size:8px; color:#555; margin-top:5px}

.factoryInfo {margin-top:20px}
.factoryInfo .infoTxt {margin-top:15px}
.factoryInfo .infoTxt .txt1 {font-size:15px; color:#333; line-height:18px}
.factoryInfo .infoTxt .txt2 {font-size:11px; color:#555; line-height:16px; margin-top:10px}
.factoryInfo .img1 {width:100%}
.factoryInfo .img1 > img {width:100%}
.factoryInfo .img2 {position:relative; width:100%}
.factoryInfo .img2 > img {width:100%}
.factoryInfo .img2 .txt {position:absolute; bottom:10px; left:10px; font-size:10px; color:#fff}
.factoryInfo .twoImg {width:100%; overflow:hidden; margin-top:15px}
.factoryInfo .twoImg p {float:left; width: -moz-calc(50% - 3px); width: -webkit-calc(50% - 3px); width:calc(50% - 3px);}
.factoryInfo .twoImg p:nth-child(even) {margin-left:6px}
.factoryInfo .twoImg p > img {width:100%}

.factoryInfoTit {font-size:17px; color:#333; text-align:center}

.factoryVideo {margin-top:15px}
.factoryVideo .videoDiv {position:relative; padding-top:30px; padding-bottom:56.25%; overflow:hidden}
.factoryVideo .videoDiv iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.factoryVideo .captionDiv {padding:15px; max-height:68px; border:1px solid #e1e1e1; background:#f8f8f8; overflow-y:auto}
.factoryVideo .captionDiv .ctTit {font-weight:bold; font-size:12px; color:#333; margin-bottom:10px}
.factoryVideo .captionDiv .ctTxt {font-size:11px; color:#555; line-height:19px}

.processDiv {border:1px solid #e1e1e1; padding:14px; overflow:hidden; margin-top:20px}
.processDiv .process {position:relative; float:left; width: -moz-calc(50% - 3px); width: -webkit-calc(50% - 3px); width:calc(50% - 3px); text-align:center; margin-top:20px}
.processDiv .process:nth-child(even) {margin-left:6px;}
.processDiv .process:first-child, .processDiv .process:nth-child(2) {margin-top:0}
.processDiv .process .txt1 {height:34px; font-weight:bold; font-size:12px; color:#333; line-height:17px}
.processDiv .process .txt2 {font-size:9px; color:#555}
.processDiv .process .img {margin-top:5px}
.processDiv .process .img > img {width:100%}
.processDiv .process .arrow {position:absolute; top:4px; right:-11px;}
.processDiv .process .arrow2 {position:absolute; top:11px; right:-11px;}
.processLink {border:1px solid #e1e1e1; padding:20px 35px; background:#f8f8f8 url("/common/en_us/images_m/icon/note_icon.png") no-repeat 14px 20px; background-size:16px 16px; margin-top:20px}
.processLink .txt1 {font-size:14px; color:#333; line-height:16px;}
.processLink .txt2 {font-size:11px; color:#555; line-height:16px; margin-top:5px}
.processLink .link {margin-top:15px}
.processLink .link a {display:inline-block; padding:0 37px 0 14px; width:-moz-calc(100% - 53px); width:-webkit-calc(100% - 53px); width:calc(100% - 53px); border:1px solid #0168b7; line-height:16px; font-size:10px; color:#0168b7; background:url("/common/en_us/images_m/icon/link_icon.png") no-repeat 95% 50%; background-size:12.5px 8px}
.processLink .link.type2 a {line-height:16px}

.installInfo {border-top:1px solid #e1e1e1; padding-top:20px; margin-top:15px}
.installInfo .infoTit {font-size:14px; color:#373737}
.installInfo .infoList {overflow:hidden; margin-top:15px}
.installInfo .infoList li {float:left; width: -moz-calc(50% - 3px); width: -webkit-calc(50% - 3px); width:calc(50% - 3px); margin-top:6px}
.installInfo .infoList li:nth-child(even) {margin-left:6px}
.installInfo .infoList li:first-child, .installInfo .infoList li:nth-child(2) {margin-top:0}
.installInfo .infoList li .img > img {width:100%}
.installInfo .infoList li .txtArea {padding:9px; min-height:24px; border:1px solid #e1e1e1; border-top:0; font-size:10px; color:#333; line-height:12px}

.facEtcImg {position:relative; overflow:hidden}
.facEtcImg > img {width:100%}
.facEtcImg .txt {position:absolute; bottom:0; right:0; padding:0 10px; height:20px; line-height:20px; font-size:9px; color:#fff; background:url("/common/en_us/images_m/icon/store_loca_bg.png") repeat 0 0;}

.proBtnList {border:1px solid #474a4d}
.proBtnList ul {overflow:hidden}
.proBtnList ul li {float:left; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width:calc(50% - 1px); height:29px; border-left:1px solid #474a4d; border-top:1px solid #474a4d; background:#5b5f63}
.proBtnList ul li:first-child {width:50%; border-left:0}
.proBtnList ul li a {display:block; font-size:11px; letter-spacing:-0.5px; color:#fff; line-height:29px; text-align:center;word-break:break-all;}
.proBtnList ul li.on, .proBtnList ul li.current {background:#fff}
.proBtnList ul li.on a, .proBtnList ul li.current a {font-weight:bold; color:#0168b7}
.proBtnList ul.first li {border-top:0}
.proBtnList .twoD {padding:15px 19px; background:#fff; overflow:hidden}
.proBtnList .twoD a {float:left; display:inline-block; font-size:11px; color:#555; line-height:22px; padding-right:11px; margin-right:10px; background:url("/common/en_us/images_m/icon/bar2x18.gif") no-repeat 100% 50%; background-size:1px 9px}
.proBtnList .twoD a.on {font-weight:bold; color:#0168b7}
.proBtnList .twoD a:last-child {margin-right:0; padding-right:0; background:none}

.proRollDiv {position:relative; width:100%; overflow:hidden}
.proRollDiv .proList {position:relative; width:100%; overflow:hidden; background:#fff url('/common/en_us/images_m/icon/lnb_bg.gif') repeat-x 0 100%}
.proRollDiv .proList li {width:50%; overflow:hidden}
.proRollDiv .proList li a {display:block; float:left; width:48%; text-align:center; padding:0 1% 15px}
.proRollDiv .proList li a > span {display:block}
.proRollDiv .proList li a .img {padding:10px 0}
.proRollDiv .proList li a .img > img {width:80%}
.proRollDiv .proList li a .name {font-size:12px; color:#767676}
.proRollDiv .proList li a .type {font-size:12px; color:#333; margin-top:5px; font-weight:bold;}
.proRollDiv .proList li a.on {padding-bottom:13px; color:#0068b7}
.proRollDiv .proList li a.on .name {color:#0068b7}
.proRollDiv .proList li a.on .type {font-weight:bold; color:#0068b7}
.proRollDiv .proList li a.last {position:absolute; top:0; right:0; height:100%; padding:0 1%; background:url("/common/en_us/images_m/icon/pro_roll_img_default.jpg") no-repeat 0 50%; background-size:100%;}
.proRollDiv .btnArea .prev {position:absolute; top:50%; left:0; margin-top:-12.5px}
.proRollDiv .btnArea .next {position:absolute; top:50%; right:0; margin-top:-12.5px}

.allProBt {text-align:center; margin-top:10px}
.allProBt a {display:inline-block; padding:7px 16px 7px 35px; border:1px solid #dad7d7; font-size:12px; color:#333; line-height:15px; background:url("/common/en_us/images_m/icon/allView_icon.png") no-repeat 16px 10px; background-size:10px 10px}

.proListDiv {width:100%; overflow:hidden; margin-top:20px}
.proListDiv .search {margin:30px 15px 0; padding-bottom:5px; border-bottom:1px solid #e2e2e2; overflow:hidden}
.proListDiv .search input[type="text"] {float:left; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); height:25px; border:0; padding:0}
.proListDiv .search a {float:right}
.proListDiv .proNumTxt {padding-bottom:15px; border-bottom:1px solid #e1e1e1; font-size:12px; color:#555; margin-top:30px}
.proListDiv .proNumTxt span {font-weight:bold; color:#0068b7}
.proListDiv .noteTxt {padding-left:18px; font-size:10px; color:#767676; line-height:13px; background:url("/common/en_us/images_m/icon/note_icon2.png") no-repeat 0 0; background-size:13px 13px}
.proListDiv .productList {overflow:hidden; margin-top:13px}
.proListDiv .productList li {width:50%; min-height:250px; float:left}
.proListDiv .productList li a {display:block; text-align:center}
.proListDiv .productList li a .img {display:block; width:100%; max-width:180px; margin:0 auto}
.proListDiv .productList li a .img > img {width:100%}
.proListDiv .productList li a .name {display:block; padding:0 5px; font-size:11px; color:#333; margin-top:5px}
.proListDiv .productList li a .info {display:block; padding:0 5px; font-size:11px; color:#767676; margin-top:5px}

.allProPop {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/en_us/images_m/icon/dimd_bg.png") repeat 0 0; z-index:999}
.allProPop .container {position:absolute; top:50%; left:50%; width:250px; padding:15px 20px 40px; background:#fff; margin-left:-145px}
.allProPop .container .tit {font-weight:bold; font-size:14px; color:#333}
.allProPop .container .list {border-top:2px solid #000; border-bottom:1px solid #e1e1e1; max-height:420px; margin-top:10px; overflow-y:auto}
.allProPop .container .list li {border-top:1px solid #e1e1e1}
.allProPop .container .list li:first-child {border-top:0}
.allProPop .container .list li a {display:table; overflow:hidden}
.allProPop .container .list li a .img {display:table-cell; width:70px}
.allProPop .container .list li a .img > img {width:100%}
.allProPop .container .list li a .tit {display:table-cell; width: -moz-calc(100% - 73px); width: -webkit-calc(100% - 73px); width:calc(100% - 73px); min-height:60px; max-height:60px; font-size:11px; color:#767676; line-height:14px; vertical-align:middle; padding-left:3px;}
.allProPop .container .list li a .tit span {color:#333}
.allProPop .container .list li a.on .tit {color:#0168b7}
.allProPop .container .list li a.on .tit span {color:#0168b7}
.allProPop .container .closeBt {position:absolute; top:13px; right:20px}

.proBanner {position:relative; width:100%; overflow:hidden}
.proBanner .proBannerList {position:relative; width:100%; overflow:hidden}
.proBanner .proBannerList ul li {position:absolute; top:0; left:0; text-align:center}
.proBanner .proBannerList ul li > img {width:100%}
.proBanner .btn_area {position:absolute; bottom:10px; left:50%; width:auto; height:16px; background:url("/common/en_us/images_m/icon/indi_bg.png") repeat 0 0; padding-left:10px; border-radius:8px; overflow:hidden}
.proBanner .btn_area button {margin-right:5px;}
.proBanner .btn_area button:last-child {margin-right:0; margin-left:3px}
.proBanner .btn_area .btn_page {width:6px; height:6px; background:url("/common/en_us/images_m/btn/indi_btn.png") no-repeat 0 0; background-size:6px 6px}
.proBanner .btn_area .btn_page.on {width:6px; height:6px; background:url("/common/en_us/images_m/btn/indi_btn_on.png") no-repeat 0 0; background-size:6px 6px}
.proBanner .btn_area .playStop {width:16px; height:16px}

.proVideo {margin-top:15px}
.proVideo .tit {font-weight:bold; font-size:15px; color:#333; line-height:21px}
.proVideo .videoDiv {position:relative; padding-top:30px; padding-bottom:56.25%; overflow:hidden}
.proVideo .videoDiv iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.proVideo .captionDiv {padding:15px; max-height:68px; border:1px solid #e1e1e1; background:#f8f8f8; overflow-y:auto}
.proVideo .captionDiv .ctTit {font-weight:bold; font-size:12px; color:#333; margin-bottom:10px}
.proVideo .captionDiv .ctTxt {font-size:11px; color:#555; line-height:19px}


.private {
    position: relative;
    width: 100%;
    margin-top: 25px
}

    .private .selectArea {
        position: relative;
        width: 100%;
        overflow: hidden
    }

        .private .selectArea label {
            float: left;
            display: inline-block;
            width: 50px;
            font-family: "NanumBarunGothicBold";
            font-weight: normal;
            font-size: 12px;
            color: #333;
            line-height: 26px
        }

        .private .selectArea select {
            float: left;
            width: -moz-calc(100% - 95px);
            width: -webkit-calc(100% - 95px);
            width: calc(100% - 95px);
            margin-right: 5px
        }

        .private .selectArea a {
            float: left;
            display: inline-block;
            width: 40px;
            height: 26px;
            font-size: 11px;
            color: #fff;
            line-height: 26px;
            background: #5d5d5d;
            text-align: center
        }

.privateW {
    margin-top: 9px
}

    .privateW .privateD {
        padding: 14px;
        border: 1px solid #e1e1e1;
        background: #f5f5f5;
        text-align: left;
        margin-top: 9px
    }

        .privateW .privateD .tit {
            font-size: 13px;
            color: #333;
            line-height: 18px
        }

        .privateW .privateD .txt {
            font-size: 11px;
            color: #555;
            line-height: 16px;
            margin-top: 10px;
        }

        .privateW .privateD .cBlk {
            color: #333;
            margin-top: 10px
        }

    .privateW .privateList > li {
        margin-top: 35px;
    }

        .privateW .privateList > li .tit {
            font-family: "NanumBarunGothicBold";
            font-weight: normal;
            font-size: 15px;
            color: #333;
        }

        .privateW .privateList > li .txt {
            font-size: 11px;
            color: #555;
            margin-top: 10px;
            line-height: 16px;
        }

        .privateW .privateList > li .innList {
            line-height: 16px;
            margin-top: 10px
        }

        .privateW .privateList > li .innList2 {
            padding-left: 8px;
            margin-bottom: 10px
        }

            .privateW .privateList > li .innList2 li {
                margin-top: 10px;
                font-size: 11px;
                line-height: 16px;
            }

        .privateW .privateList > li .innList3 li {
            margin-top: 10px;
            font-size: 11px;
            line-height: 16px;
        }

.proInfoCon {}
.proInfoCon > img {width:100%}
.proInfoCon > .img > img {width:100%}
.proInfoCon > .mtrTxt {font-weight:bold; font-size:8px; color:#555; line-height:11px; margin-top:5px}
.proInfoCon > .tit {font-weight:bold; font-size:17px; color:#333; line-height:20px; margin-top:10px}
.proInfoCon > .tit.type2 {font-weight:bold; font-size:13px; color:#333; line-height:16px; margin-top:15px}
.proInfoCon > .txt {font-size:12px; color:#555; line-height:16px; margin-top:10px}
.proInfoCon > .txt span {font-weight:bold; color:#0168b7}
.proInfoCon > .txt span.bold {font-weight:bold; color:#333}
.proInfoCon > .txt span.type2 {text-decoration:underline}
.proInfoCon > .txt.type2 {font-size:12px; color:#555; line-height:16px; margin-top:5px}
.proInfoCon > .txt.black {color:#333}
.proInfoCon > .tit2 {font-weight:bold; font-size:17px; color:#0168b7; line-height:20px}
.proInfoCon > .txt2 {font-size:9px; color:#767676; line-height:13px; margin-top:5px}
.proInfoCon .linkBt {text-align:center; margin-top:20px}
.proInfoCon .linkBt.borT {border-top:1px solid #e1e1e1; padding-top:20px}
.proInfoCon .linkBt > a {display:block; padding:8px 40px 8px 20px; /*min-width:189px;height:31px;*/  line-height:15px; font-size:10px; color:#fff; text-align:left; background:#0168b7 url("/common/en_us/images_m/icon/brandView_link_icon.png") no-repeat 93% 50%; background-size:12.5px 8px}
.proInfoCon .linkBt.type2 {margin-top:5px}
.proInfoCon .linkBt.type2 > a {background:#e36c09 url("/common/ko_kr/images_m/icon/brandView_link_icon.png") no-repeat 93% 50%; background-size:12.5px 8px}
.proInfoCon .linkBt2 {text-align:left}
.proInfoCon .linkBt2 > a {display:block; padding:7px 40px 9px 10px; font-size:10px; color:#0168b7; border:1px solid #0168b7; background:#fff url("/common/en_us/images_m/icon/brandView_link_icon2.png") no-repeat 93% 50%; background-size:12.5px; 8px}

.proInfoCon .proInfoTit {font-weight:bold; font-size:19px; color:#333; line-height:21px; text-align:center; border-bottom:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:15px}
.proInfoCon .proInfoTit span {color:#0168b7}
.proInfoCon .qTxt {font-size:13px; color:#333; line-height:13px}
.proInfoCon .aTxt {font-size:11px; color:#555; line-height:13px}

.proInfoCon .proInfoBoard table {border:0; margin:0; padding:0;}
.proInfoCon .proInfoBoard table td {padding-right:10px; vertical-align:top; overflow:hidden}
.proInfoCon .proInfoBoard table td:nth-child(even) {padding-left:10px; padding-right:0}
.proInfoCon .proInfoBoard table td.top {padding-top:30px; overflow:hidden}
.proInfoCon .proInfoBoard table td.top.pt0 {padding-top:0}
.proInfoCon .proInfoBoard table td.top .img {float:left;}
.proInfoCon .proInfoBoard table td.top .img > img {width:38.5px; height:38.5px; margin-right:9px;}
.proInfoCon .proInfoBoard table td.top .tit {float:left; padding-top:5px; width: -moz-calc(100% - 47.5px); width: -webkit-calc(100% - 47.5px); width:calc(100% - 47.5px); font-weight:bold; font-size:12px; color:#333; line-height:15px}
.proInfoCon .proInfoBoard table td.txt {font-size:11px; color:#555; line-height:14px; padding-top:10px}
.proInfoCon .proInfoBoard table td.img {padding-top:10px}
.proInfoCon .proInfoBoard table td.img > img {width:100%}

.proInfoCon .box {padding:24px 14px; border:1px solid #e1e1e1; border-bottom:0; margin-top:25px}
.proInfoCon .box > .tit1 {font-size:13px; color:#555}
.proInfoCon .box > .tit1 span {color:#e91a1a}
.proInfoCon .box > .tit2 {font-weight:bold; font-size:21px; color:#e91a1a; line-height:25px}
.proInfoCon .box > .tit2 span {color:#555}
.proInfoCon .box > .tit2.type2 {color:#916e50}
.proInfoCon .box > .tit2.type3 {font-size:17px; color:#333; line-height:20px}
.proInfoCon .box > .txt {font-size:11px; color:#555; line-height:13px; margin-top:15px}
.proInfoCon .box > .txt span {color:#e91a1a;}
.proInfoCon .box > .chkList {margin-top:15px}
.proInfoCon .box > .chkList li {padding-left:20px; font-size:11px; color:#555; line-height:13px; background:url("/common/en_us/images_m/icon/chk_list_icon.png") no-repeat 0 0; background-size:13px 13px; margin-top:8px}
.proInfoCon .box > .chkList li:first-child {margin-top:0}

.proInfoCon .box2 {padding:24px 14px 0; border:1px solid #e1e1e1}
.proInfoCon .box2 .tit1 {font-weight:bold; font-size:13px; color:#555}
.proInfoCon .box2 .tit2 {font-weight:bold; font-size:21px; color:#333; line-height:24px}
.proInfoCon .box2 .txt {font-size:11px; color:#555; line-height:14px; margin-top:15px}
.proInfoCon .box2 .txt span {color:#0168b7}
.proInfoCon .box2 .img > img {width:100%}

.proInfoCon .box3 {padding:0 14px 28px; border:1px solid #e1e1e1;}
.proInfoCon .box3 .img > img  {width:100%}
.proInfoCon .box3 .tit {font-weight:bold; font-size:16px; color:#333; line-height:18px; text-align:center; margin-top:10px}
.proInfoCon .box3 .txt {font-size:12px; color:#555; line-height:14px; text-align:center; margin-top:10px}

.proInfoCon .lineUp li {padding-bottom:15px; border-bottom:1px solid #e1e1e1; margin-bottom:15px; overflow:hidden}
.proInfoCon .lineUp li:last-child {margin-bottom:0} 
.proInfoCon .lineUp li .img {float:left; width:50%; margin-right:20px;}
.proInfoCon .lineUp li .img > img {width:100%}
.proInfoCon .lineUp li .txtArea {float:left; padding-top:5px; width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width:calc(50% - 20px);}
.proInfoCon .lineUp li .txtArea .name {font-weight:bold; font-size:14px; color:#333; line-height:15px; margin-bottom:5px}
.proInfoCon .lineUp li .txtArea .size {font-size:11px; color:#8d6949; line-height:16px}
.proInfoCon .lineUp li .txtArea .size span {margin-left:10px; color:#555}
.proInfoCon .lineUp li .txtArea .size span.ml0 {margin-left:0; color:#555}
.proInfoCon .lineUp li .txtArea .color {margin-top:5px; overflow:hidden}
.proInfoCon .lineUp li .txtArea .color img {margin-left:4px}
.proInfoCon .lineUp li .txtArea .color img:first-child {margin-left:0}

.proInfoCon .lineUp2 .img > img {width:100%}
.proInfoCon .lineUp2 .txtArea {font-size:11px; color:#8d6949; text-align:center; margin-top:5px}
.proInfoCon .lineUp2 .txtArea .bar {padding-left:10px; margin-left:8px; background:url("/common/en_us/images_m/icon/bar1x25.gif") no-repeat 0 50%; background-size:1px 10px}
.proInfoCon .lineUp2 .txtArea .name {font-weight:bold; font-size:14px; color:#333}
.proInfoCon .lineUp2 .txtArea .colors {font-size:12px; color:#333}
.proInfoCon .lineUp2 .txtArea .lh20 {line-height:20px}

.proTypeList {border:1px solid #474a4d; background:#f2f2f2}
.proTypeList ul {overflow:hidden}
.proTypeList ul li {float:left; width: -moz-calc(50% - 1px); width: -webkit-calc(50% - 1px); width:calc(50% - 1px); height:29px; border-left:1px solid #474a4d; border-top:1px solid #474a4d; background:#5b5f63}
.proTypeList ul li:first-child {width:50%; border-left:0}
.proTypeList ul li a {display:block; font-size:11px; color:#fff; line-height:29px; text-align:center}
.proTypeList ul li.on, .proTypeList ul li.current {background:#f2f2f2}
.proTypeList ul li.on a, .proTypeList ul li.current a {font-weight:bold; color:#0168b7}
.proTypeList ul.first li {border-top:0}
.proTypeList .twoD {padding:20px 19px; background:#f2f2f2; overflow:hidden}
.proTypeList .twoD .txt {font-size:11px; color:#333; text-align:center}
.proTypeList .twoD .btn {width:100%; overflow:hidden; margin-top:15px}
.proTypeList .twoD .btn a {float:left; display:inline-block; padding:0 25px 0 10px; height:25px; line-height:25px; font-size:11px; color:#767676; border:1px solid #e1e1e1; background:#fff url("/common/en_us/images_m/icon/pro_check_icon.png") no-repeat; background-size:8px 6px; background-position:right 9px center; margin-right:5px; margin-bottom:5px}
.proTypeList .twoD .btn a.on {color:#0168b7; border:1px solid #0168b7; background:#fff url("/common/en_us/images_m/icon/pro_check_icon_on.png") no-repeat; background-size:8px 6px; background-position:right 9px center}
.proTypeList .twoD .btArea {margin-top:10px; text-align:center}
.proTypeList .twoD .btArea a {display:inline-block; padding:0 18px 0 33px; height:26px; line-height:26px; font-size:11px; color:#fff; background:#5b5f63 url("/common/en_us/images_m/icon/resetBt_icon.png") no-repeat 16px 50%; background-size:12px 11px}
.proTypeList .twoD .btArea a:first-child {display:inline-block; padding:0 44px; background:#0168b7; margin-right:2px}

.storyRollDiv {position:relative; width:100%; overflow:hidden}
.storyRollDiv .rollArea {width:239px; margin:0 auto; overflow:hidden; min-height:230px; padding-bottom:25px}
.storyRollDiv .rollArea ul {position:relative; overflow:hidden; height:auto}
.storyRollDiv .rollArea ul li a {display:block}
.storyRollDiv .rollArea ul li a .img {display:block; width:100%}
.storyRollDiv .rollArea ul li a .img > img{width:100%}
.storyRollDiv .rollArea ul li a .txtArea {display:block; font-size:12px; color:#333; line-height:19px; text-align:center; margin-top:10px}
.storyRollDiv .rollArea ul li a .txtArea .tit {display:block; font-weight:bold; font-size:13px; color:#000; text-align:center}
.storyRollDiv .rollArea ul li a .txtArea .txt {display:block; font-size:13px; color:#555; text-align:center}
.storyRollDiv .btnArea .prev {position:absolute; top:30%; left:0}
.storyRollDiv .btnArea .next {position:absolute; top:30%; right:0}
.storyRollDiv .btn_area {position:absolute; bottom:0; left:50%;}
.storyRollDiv .btn_area button {width:10px; height:10px; background:url("/common/en_us/images_m/btn/story_indi.png") no-repeat 0 0; background-size:10px 10px; margin-left:5px}
.storyRollDiv .btn_area button.on {background:url("/common/en_us/images_m/btn/story_indi_on.png") no-repeat 0 0; background-size:10px 10px}
.storyRollDiv .btn_area button:first-child {margin-left:0}

.storyDiv {width:100%; margin-top:35px}
.storyDiv .storyDivTop {width:100%; text-align:center}
/* .storyDiv .storyDivTop > img {width:100%} */
.storyDiv .storyDivTop > img {max-width:100%; height:auto !important;} /* 2017-01-26 수정 */
.storyDiv .storyTit {font-size:15px; color:#333; margin-top:25px; padding-top:22px; border-top:1px solid #e1e1e1}
.storyDiv .storyTit.type2 {padding-top:0; border-top:0}
.storyDiv .storyTxt {font-size:11px; color:#555; line-height:16px; text-align:left}
.storyDiv .storyTxt img {text-align:left; margin-right:10px}
.storyDiv .storyTxt .bold {font-weight:bold; color:#333}
.storyDiv .storyTxt .blue {color:#0168b3}
.storyDiv .storyTxt .underline {text-decoration:underline; font-weight:bold; color:#333}
.storyDiv .roundTit {margin:0 auto; padding:0 10px 2px; line-height:20px; font-weight:bold; font-size:13px; color:#333; border:1px solid #333; text-align:center; border-radius:12px}
.storyDiv .img > img {width:100%}
.storyDiv .numTit {font-weight:bold; font-size:13px; color:#333; letter-spacing:-0.2px}
.storyDiv .blueTxt {font-weight:bold; font-size:13px; color:#0168b3}
.storyDiv .blueRoundTxt {text-align:center}
.storyDiv .blueRoundTxt span {display:inline-block; padding:0 24px; height:25px; line-height:25px; font-weight:bold; font-size:12px; color:#fff; background:#0168b7; border-radius:13px}
.storyDiv .centerTxt {font-size:11px; color:#555; line-height:16px; text-align:center}
.storyDiv .blueTxt2 {padding:10px 0; font-weight:bold; font-size:12px; color:#fff; line-height:15px; background:#0168b3; text-align:center}
.storyDiv .indentTxt {margin-left:12px; text-indent:-12px; font-size:11px; line-height:15px}

.catalogTop {padding:45px 25px 40px; background:url("/common/en_us/images_m/icon/catalog_top_img.jpg") no-repeat 50% 50%; background-size:cover; margin-top:20px}
.catalogTop .txtArea {padding:0 0 30px; text-align:center}
.catalogTop .txtArea .tit {font-size:15px; color:#333; line-height:17px}
.catalogTop .txtArea .txt {font-size:11px; color:#555; line-height:16px; margin-top:10px}
.catalogTop .btn {text-align:center}
.catalogTop .btn a {display:inline-block; padding:10px 35px 10px 15px; font-size:10px; color:#fff; background:#0168b7 url("/common/en_us/images_m/icon/download_icon2.png") no-repeat; background-size:9px 9px; background-position:right 16px top 48%}

.catalogInfo {padding-left:18px; font-size:10px; color:#767676; line-height:14px; background:url("/common/en_us/images_m/icon/note_icon2.png") no-repeat 0 0; background-size:13px 13px;}

.catalogList {overflow:hidden}
.catalogList li {float:left; width: -moz-calc(50% - 3px); width: -webkit-calc(50% - 3px); width:calc(50% - 3px); margin-right:6px}
.catalogList li:nth-child(2n) {margin-right:0;}
.catalogList li .tit {font-weight:bold; font-size:13px; color:#333; text-align:center; margin-top:30px}
.catalogList li > div {margin-top:10px; border:1px solid #e1e1e1}
.catalogList li > div .img {border-bottom:1px solid #e1e1e1}
.catalogList li > div .img > img {width:100%}
.catalogList li > div .download {text-align:center}
.catalogList li > div .download a {display:inline-block; padding:9px 17px 8px 0; font-size:10px; color:#666; background:url("/common/en_us/images_m/icon/download_icon.gif") no-repeat 100% 50%; background-size:10px 10px}

.catalogInfo2 {padding:10px 20px 10px 25px; font-size:9px; color:#555; line-height:13px; background:#f3f3f3 url("/common/en_us/images_m/icon/notice_icon2.png") no-repeat 11px 10px; background-size:10px 10px; margin-top:20px}

.unitTxt {font-size:10px; color:#555; text-align:right}

/* sales inquiry */
.salesDiv {padding:14px; border:1px solid #e1e1e1; background:#f7f7f7 url("/common/en_us/images_m/icon/sales_icon.gif") no-repeat 95% 14px; background-size:67px 50px}
.salesDiv .topTit {font-size:14px; color:#333; line-height:17px;margin-right:80px;word-break:break-all;}
.salesDiv ul {padding-top:10px; border-top:1px solid #e1e1e1; margin-top:10px}
.salesDiv ul li {font-size:11px; color:#555; line-height:16px; padding-left:7px; background:url("/common/en_us/images_m/icon/dot6x6.gif") no-repeat 0 7px; background-size:3px 3px}
.Kontakt_linkBt {text-align:center; margin-top:20px}
.Kontakt_linkBt.borT {border-top:1px solid #e1e1e1; padding-top:20px}
.Kontakt_linkBt > a {display:inline-block; width:200px; height:31px; line-height:31px; font-size:13px; color:#fff; background:#0168b7; }

/* warranty */
.warrantyTopDiv {position:relative; overflow:hidden; margin-top:25px}
.warrantyTopDiv > img {width:100%}
.warrantyTopDiv .txtArea {position:absolute; top:50%; left:50%; margin-top:-61px; margin-left:-130px; padding:25px 0; width:260px; font-size:15px; color:#fff; line-height:18px; text-align:center; background:url("/common/en_us/images_m/icon/warranty_bg.png") repeat 0 0;}

.wTxtBox {padding:25px 0; border:1px solid #e1e1e1; text-align:center}
.wTxtBox .tit {font-size:14px; color:#333; line-height:20px;}
.wTxtBox .txt {font-size:11px; color:#555; line-height:16px; padding-top:15px; margin-top:15px; background:url("/common/en_us/images_m/icon/bar56x1.gif") no-repeat 50% 0; background-size:28px 1px}

.wImg2{width:137px;height:137px;box-sizing:border-box;padding-top:22px; margin:0 auto;border:1px solid #0168b7;border-radius:50%;color:#0168b7;font-size:25px;text-align:center;}
.wImg2 strong{font-size:30px;}

.wImg > img{width:100%;}
.warrantyTit {font-size:18px; color:#333; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #cdcdcd}
.warrantyTit2 {font-size:13px; color:#333}
.warrantyTxt {font-size:11px; color:#555; line-height:16px}
.warrantyList li {font-size:11px; color:#555; line-height:16px; text-indent:-8px; margin-left:8px}
.wGrayNote {border:1px solid #e1e1e1; padding:20px 16px 14px 49px; background:url("/common/en_us/images_m/icon/warranty_note_icon.png") no-repeat 14px 16px; background-size:24px 24px; margin-top:25px}

/* 원형차트 */
.chart1 {border:1px solid #e1e1e1}
.chart1 > img {width:100%}

/* 막대그래프차트 */
.chart2 {/*border:1px solid #e1e1e1*/}
.chart2 > img {width:100%}

/* 검색결과 리스트페이지 */
.searchListDiv {padding:0 15px 40px}
.searchListDiv .search {margin:30px 15px 0; padding-bottom:5px; border-bottom:1px solid #e2e2e2; overflow:hidden}
.searchListDiv .search input[type="text"] {float:left; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width:calc(100% - 30px); height:25px; border:0; padding:0}
.searchListDiv .search a {float:right}
.searchListDiv .exTxt {margin:15px 15px 0; font-size:11px; color:#777; padding-left:30.5px; position:relative;}
.searchListDiv .exTxt span {position:absolute; top:2px; left:0; display:inline-block; margin-right:5px; width:25.5px; height:11.5px; background:url("/common/en_us/images_m/icon/mEx_icon.png") no-repeat; background-size:25.5px 11.5px; vertical-align:middle; text-indent:-9999px;}
.searchListDiv .proNumTxt {padding-bottom:15px; border-bottom:1px solid #e1e1e1; font-size:12px; color:#555; margin-top:30px}
.searchListDiv .proNumTxt span {font-weight:bold; color:#0068b7}
.searchListDiv .noteTxt {padding-left:18px; font-size:10px; color:#767676; line-height:13px; background:url("/common/en_us/images_m/icon/note_icon2.png") no-repeat 0 0; background-size:13px 13px; margin-top:20px}
.searchListDiv .productList {overflow:hidden; margin-top:13px}
.searchListDiv .productList li {width:50%; float:left; min-height:250px;}
.searchListDiv .productList li a {display:block; text-align:center}
.searchListDiv .productList li a .img {display:block; width:100%}
.searchListDiv .productList li a .img > img {width:100%}
.searchListDiv .productList li a .name {display:block; padding:0 5px; font-size:11px; color:#333; margin-top:5px}
.searchListDiv .productList li a .info {display:block; padding:0 5px; font-size:11px; color:#767676; margin-top:5px}

/* 검색결과 리스트페이지 레이어팝업 */
.productPop {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/en_us/images_m/icon/dimd_bg.png") repeat 0 0; z-index:999}
.productPop .container {position:absolute; top:50%; left:50%; width:250px; padding:30px 20px; background:#fff; margin-left:-145px;}
.productPop .container .proTop .proName {font-weight:bold; font-size:14px; color:#333; padding-right:20px}
.productPop .container .proTop .proInfo {font-size:12px; color:#767676; margin-top:5px}
.productPop .container .proBody {border-top:2px solid #000; margin-top:15px; min-height:500px; max-height:726px; overflow-y:auto}
.productPop .container .proBody > ul {padding:20px 0 0}
.productPop .container .proBody > ul > li {margin-top:20px; padding-top:20px; border-top:1px solid #e1e1e1}
.productPop .container .proBody > ul > li:first-child {margin-top:0; padding-top:0; border-top:0}
.productPop .container .proBody > ul > li > .tit {font-weight:bold; font-size:12px; color:#000}
.productPop .container .proBody > ul > li > .txt {font-size:12px; color:#555; line-height:17px; margin-top:10px}
.productPop .container .proBody > ul > li .color {width:100%; overflow:hidden; margin-top:10px}
.productPop .container .proBody > ul > li .color > span {display:inline-block; width:19px; height:19px; border:1px solid #e1e1e1; float:left; margin-left:5px; border-radius:11px}
.productPop .container .proBody > ul > li .color > span:first-child {margin-left:0}
.productPop .container .proBody > ul > li .feature {margin-top:10px; overflow:hidden}
.productPop .container .proBody > ul > li .feature td {width:31.3%; border:0; margin:0; padding:0 2% 15px; font-size:7px; line-height:10px; text-align:center; vertical-align:top}
.productPop .container .proBody > ul > li .feature td.img {padding:0 1% 7px}
.productPop .container .proBody > ul > li .feature td.img img {width:100%}
.productPop .container .linkBt {margin-top:10px; text-align:center}
.productPop .container .linkBt a {display:inline-block; padding:0 13px; height:31px; line-height:31px; font-size:12px; color:#fff; background:#5d5d5d}
.productPop .container .closeBt {position:absolute; top:32px; right:20px}

/* 검색결과 없음 */
.searchN {padding:40px 14px; border:1px solid #e1e1e1; background:#f7f7f7; margin-top:15px}
.searchN.type2 {background:#fff}
.searchN .icon {text-align:center;}
.searchN .txt {font-size:12px; color:#333; text-align:center; margin-top:5px}
.searchN .btn {text-align:center; margin-top:15px}
.searchN .btn a {display: inline-block; padding:0 15px; height:31px; line-height:29px; font-size:12px; color:#fff; background:#0168b7;}

/* 메인롤링팝업 */
.mRollPop {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common/ko_kr/images_m/icon/dimd_bg.png") repeat 0 0; z-index:9999}
.mRollPop .container {position:absolute; top:85px; left:50%; width:290px; background:#fff; margin-left:-145px}
.mRollPop .container .head {padding:16px 0; margin:0 20px 20px; border-bottom:2px solid  #000}
.mRollPop .container .head .logo {height:12px}
.mRollPop .container .rollArea {padding:0 20px; width:250px; overflow:hidden}
.mRollPop .container .rollArea > div {position:relative; overflow:hidden}
.mRollPop .container .rollArea ul {width:100%; min-height:150px}
.mRollPop .container .rollArea ul li img {width:100%}
.mRollPop .container .rollArea .btn_area {position:static}
.mRollPop .container .rollArea .btn_area .btn_prev {position:absolute; top:50%; left:20px; margin-top:-17px}
.mRollPop .container .rollArea .btn_area .btn_next {position:absolute; top:50%; right:20px; margin-top:-17px}
.mRollPop .container .rollArea .page_btn {position:absolute; bottom:15px; left:20px; text-align:center; margin-top:15px}
.mRollPop .container .rollArea .page_btn button {display:inline-block; width:10px; height:10px; margin-left:7px; background:url("/common/ko_kr/images_m/icon/mPop_indi.gif") no-repeat 0 0; background-size:10px 10px}
.mRollPop .container .rollArea .page_btn button:first-child {margin-left:0}
.mRollPop .container .rollArea .page_btn button.on {background:url("/common/ko_kr/images_m/icon/mPop_indi_on.gif") no-repeat 0 0; background-size:10px 10px}
.mRollPop .container .foot {padding:15px 20px; text-align:right; background:#f4f4f4; margin-top:20px}
.mRollPop .container .foot input[type="checkbox"] {display:none}
.mRollPop .container .foot input[type="checkbox"] + label{display:inline-block; font-size:12px; height:17px; line-height:17px; padding-left:20px; background:url("/common/ko_kr/images_m/icon/mPop_check.gif") no-repeat 0 0; background-size:15px 15px}
.mRollPop .container .foot input[type="checkbox"]:checked + label{background:url("/common/ko_kr/images_m/icon/mPop_check_on.gif") no-repeat 0 0; background-size:15px 15px}
.mRollPop .container .close {position:absolute; top:14px; right:20px}


/* 2016-01-26 고객 요구사항. 하단의 여백을 상단과 똑같이 해달라는. */
@media all and (min-width: 321px) and (max-width: 353px) {

	.coreList li:nth-child(3n) {
		min-height:225px;
	}
	.coreList li:nth-child(4n) {
		min-height:225px;
	}
}
@media all and (min-width: 354px) and (max-width: 395px) {
	.coreList li {
		min-height:280px;
	}
	.coreList li:nth-child(3n) {
		min-height:200px;
	}
	.coreList li:nth-child(4n) {
		min-height:200px;
	}
}
@media all and (min-width: 396px) and (max-width: 429px) {
	.coreList li {
		min-height:210px;
	}
	.coreList li:nth-child(3n) {
		min-height:195px;
	}
	.coreList li:nth-child(4n) {
		min-height:195px;
	}
}
@media all and (min-width: 430px) and (max-width: 487px) {
	.coreList li {
		min-height:190px;
	}
	.coreList li:nth-child(3n) {
		min-height:180px;
	}
	.coreList li:nth-child(4n) {
		min-height:180px;
	}
}
@media all and (min-width: 488px) and (max-width: 558px) {
	.coreList li {
		min-height:180px;
	}
	.coreList li:nth-child(3n) {
		min-height:165px;
	}
	.coreList li:nth-child(4n) {
		min-height:165px;
	}
}
@media all and (min-width: 559px) and (max-width: 700px) {
	.coreList li {
		min-height:160px;
	}
	.coreList li:nth-child(3n) {
		min-height:160px;
	}
	.coreList li:nth-child(4n) {
		min-height:160px;
	}
}
@media all and (min-width: 701px) and (max-width: 739px) {
	.coreList li {
		min-height:146px;
	}
	.coreList li:nth-child(3n) {

	}
	.coreList li:nth-child(4n) {

	}
}

@media all and (min-width: 740px) and (max-width: 800px) {
	.coreList li {
		min-height:146px;
	}
	.coreList li:nth-child(3n) {

	}
	.coreList li:nth-child(4n) {

	}
}