@charset "utf-8";

/**
 * Filename: content_mobile.css
 * Description: layout, popup, payment, Iot
 **/

/* video */
video::-webkit-media-controls-start-playback-button {display: none !important;}

 /* ==========================================================================
   layout styles
   ========================================================================== */

#mobile-content{min-width:320px;overflow:hidden;}
#mobile-content img{width:100%;vertical-align:bottom;}

/* header 171011 edit */
#mobile-header {position:relative; box-sizing:border-box; padding:2.583rem 1.667rem 0; width:100%; height:6.333rem; background-color:#252b2d;}
#mobile-header:after {content:""; display:block; clear:both;}
	#mobile-header .logo {float:left; width:8.5rem; height:1.333rem; background:url("../img/mobile/common/logo.png") no-repeat 0 0; background-size:100%; text-indent:-9999px;}
	#mobile-header .mobile-nav {float:right;}
	#mobile-header .mobile-nav .nav-view {display:block; width:2.583rem; height:1.333rem; background:url("../img/mobile/common/ico_nav.png") no-repeat 0 0; background-size:100%; text-indent:-9999px;}

   #mobile-header ul {display:none; position:absolute; top:6.333rem; left:0; box-sizing:border-box; padding:1.25rem 0 0; width:100%; /*height:105px;*/height:12.083rem; border-top:0.167rem solid #e7e7e7; background-color:#252b2d;z-index:9;}
	#mobile-header li a {display:block; padding:1rem 1.667rem; color:#fff; font-size:1.167rem; font-family:'robotolight';}

/* footer 171011 edit */
#mobile-footer {position:relative; height:3.333rem; background-color:#000;}
	#mobile-footer .logo {position:absolute; top:50%; left:0.833rem; margin-top:-0.375rem; width:4.583rem; height:0.75rem; }
	#mobile-footer .address {position:absolute; top:50%; left:6.5rem; margin-top:-0.375rem; width:15.25rem; height:0.833rem;}


/* ==========================================================================
   common styles
   ========================================================================== */

.position {position:relative;}
.position .btn-video {position:absolute; top:50%; left:50%; margin:-48px 0 0 -48px; width:96px; height:96px;}
.position .btn-payto  {position:absolute; top:53%; left:15px; margin:-48px 0 0 0; width:100px; height:30px;}

.position #pay-mobile-movie,
.position #payto-mobile-movie {display:none; position:absolute; top:0; left:0;}

/* 171011 add- S */
.m_section {padding:4.875rem 0 5rem 0; text-align:center;}
.m_section .title {margin-bottom:0.5rem; line-height:1; font-family:'Godo'; font-size:0.833rem; color:#ff6600;}
.m_section dl dt {margin-bottom:1.5rem; line-height:2.083rem; font-size:1.833rem; color:#ccc; letter-spacing:-1px;}
.m_section dl dd {line-height:0.917rem; font-size:0.708rem; color:#999;}
.m_section .dark dt {color:#999;}
.m_section .link-page {display:inline-block; position:relative; margin-bottom:3.083rem; padding:0.833rem 0.75rem; line-height:1; font-size:0.75rem; color:#ff6600;}
.m_section .link-page:after {display:block; position:absolute; right:0; top:50%; margin-top:-0.4rem; width:0.417rem; height:0.833rem; background:url(../img/mobile/common/ico_arr_n.png) no-repeat; background-size:100%; content:'';}
.m_section img {display:block; margin:0 auto;}

.eng_letter .m_section dl dd {letter-spacing:-0.15px; word-spacing:-0.5px;}
.eng_letter .m_section .link-page {margin-bottom:2.75rem;}

.kor_link { padding:2.5rem 1.667rem; background:#3b363b; }
.eng_link { padding:2.5rem 1.667rem 2.083rem; background:#3b363b; }
.eng_link .link-content .addr { font-size:0.917rem; }

.link-title { line-height:1; font-size:1.458rem; color:#fff; }
.link-content { position:relative; margin-bottom:0.583rem; padding-top:1.667rem; font-size:0; color:#999; }
.link-content .addr { width:50%; line-height:1.583rem; font-size:1.125rem; word-break:keep-all; }
.link-content .addr em { font-style:normal; color:#ccc; }
.link-content .contact { position:absolute; left:53%; top:1.333rem; width:50%; line-height:1.208rem; }
.link-content .contact li { position:relative; padding-left:1.875rem; line-height:1.25rem; font-size:1.125rem; }
.link-content .contact li:before { display:block; position:absolute; left:0; top:0; width:1.208rem; height:1.208rem; content:''; }
.link-content .contact li.tel:before { background:url(../img/mobile/common/icon_contact01.png) no-repeat; background-size:100%; }
.link-content .contact li.fax:before { background:url(../img/mobile/common/icon_contact02.png) no-repeat; background-size:100%; }
.link-content .contact li.mail:before { background:url(../img/mobile/common/icon_contact03.png) no-repeat; background-size:100%; }
.link-content .contact li + li { margin-top:0.583rem; }
.link-content .contact li a { line-height:1.25rem; text-decoration:none; color:#999; }
.link-map { display:inline-block; width:130px; font-size:0.917rem; color:#999; }
/* 171011 add- E */


/* ==========================================================================
   payment styles
   ========================================================================== */

#mobile-content .stitle{margin:0 0 0.417rem 0;padding:4.167rem 0 0 0;font-size:0.833rem;opacity:initial;}

.m_remark_a.gray dt{color:#999;}
.m_remark_a{text-align:center;}
.m_remark_a dt{margin:0 0 1.667rem 0;line-height:2.083rem;font-size:1.833rem;color:#ccc;}
.m_remark_a dd{line-height:1.042rem;font-size:0.750rem;color:#999;opacity:0.7;}
.m_remark_a.eng dt{margin:0 0 1.250rem 0;letter-spacing:-0.1px;}
.m_remark_a.eng dd{letter-spacing:-0.1px;}
.m_section_04 .m_remark_a dd,
.m_section_05 .m_remark_a dd,
.m_section_06 .m_remark_a dd,
.m_section_07 .m_remark_a dd{color:#ccc;}

.text-area dt{margin:0 0 0.833rem 0;font-size:1.292rem;}
.text-area .ico-multiplication{display:inline-block;margin:0 0.417rem;width:0.958rem;height:0.958rem;text-indent:-9999px;background:url(../img/mobile/temp/ico_multiplication.png) no-repeat;background-size:100%;r}
.text-area .ico-plus{display:inline-block;margin:0 0.417rem;width:0.958rem;height:0.958rem;text-indent:-9999px;background:url(../img/mobile/temp/ico_plus.png) no-repeat;background-size:100%;r}
.text-area dd{line-height:0.833rem;font-size:0.625rem;color:#999;opacity:0.7;}
.text-area.eng dt{margin:0 0 0.833rem 0;letter-spacing:-0.2px;}
.text-area.eng dd{letter-spacing:-0.2px;}

.b_white{background:#f7f7eb;}
.b_gray{background:#eaeade;}

.visual{position:relative;}
.visual .visual-top{position:absolute;top:0;left:0;width:100%}
.visual .visual-bottom{position:absolute;bottom:0;right:0;width:100%;text-align:right;}
.visual .visual-top .text-area{position:absolute;top:6.875rem;left:1.667rem;}
.visual .visual-bottom .text-area{position:absolute;bottom:5.833rem;right:11.79rem;text-align:right;}

.m_section_01{padding:0 1.458rem;background:url(../img/mobile/temp/m_section_01.png) no-repeat;background-size:100% auto;}
.m_section_01 .m_remark{margin:0 0 1.042rem 0;padding:10.333rem 0 0 0;text-align:center;color:#ccc;}
.m_section_01 .m_remark p{font-size:1.625rem;}
.m_section_01 .m_remark .top{margin:0 0 0.625rem 0;}
.m_section_01 .m_remark .top .point{position:relative;color:#ff6600;}
.m_section_01 .m_remark .top .point:before{content:'';position:absolute;top:-0.417rem;left:0;right:0;display:block;margin:auto;width:0.250rem;height:0.250rem;border-radius:100%;background:#ff6600;}
.m_section_01 .bg-line{margin:0 0 0.375rem 0;width:100%;height:0.583rem;background:url(../img/mobile/temp/bg_main_line.png) no-repeat;background-size:100%;}
.m_section_01 .company{display:table;padding:0 0 8.333rem 0;width:100%;vertical-align:bottom;}
.m_section_01 .company li{display:table-cell;text-align:center;vertical-align:bottom;}
.m_section_01 .company .sk img{width:3.125rem !important;height:1.250rem;}
.m_section_01 .company .Samsung img{margin:0 0 -2px 0;width:3.542rem !important;height:0.625rem;}
.m_section_01 .company .Tpay img{margin:0 0 -1px 0;width:1.708rem !important;height:0.792rem;}
.m_section_01 .company .Bugs img{margin:0 0 -2px 0;width:1.750rem !important;height:0.708rem;}
.m_section_01 .company .Melon img{width:2.042rem !important;height:0.667rem !important;}
.m_section_01 .company .Soribada img{width:2.583rem !important;height:0.583rem;}
.m_section_01 .company .ADT img{margin:0 0 -0.167rem 0;width:2.917rem !important;height:1.042rem;}
.m_section_01 .company .Winix img{width:1.875rem !important;height:0.750rem;}
.m_section_01 .company .korea img{margin:0 0 -2px 0;width:3.083rem !important;height:0.792rem;}
.m_section_02{position:relative;width:100%;background:url(../img/mobile/common/bg_pattern_black.png);}
.m_section_02 .visual{padding:27.500rem 0 0 0;}
.m_section_02 .visual-img1{position:absolute;left:-10.417rem;right:0;bottom:-6.875rem;margin:auto;width:52.333rem !important;height:31.792rem;}
.m_section_03{width:100%;background:url(../img/mobile/common/bg_pattern_dark.png);}
.m_section_03 .visual{padding:2.500rem 0 5.000rem 0;font-size:0;text-align:center;}
.m_section_03 .visual img{width:10.917rem !important;height:10.833rem;}
.m_section_03 .visual img:nth-child(even){margin-left:-0.417rem;}
.m_section_03 .visual img:nth-child(3){margin-top:-0.417rem;margin-left:-0.417rem;}
.m_section_03 .visual img:nth-child(4){margin-top:-0.417rem;}
.m_section_04{background:url(../img/mobile/temp/m_section_04.png) no-repeat;background-size:100% auto;}
.m_section_04 .counting{padding:3.750rem 0 4.583rem 0;text-align:center;font-size:0;overflow:hidden;}
.m_section_04 .counting dl{display:inline-block;width:50%;text-align:center;vertical-align:top;}
.m_section_04 .counting dl:nth-child(1){margin:0 0 4.417rem 0;}
.m_section_04 .counting dl:nth-child(2){margin:0 0 2.917rem 0;}
.m_section_04 .counting dl dt{height:4.583rem;color:#ff6c0a;}
.m_section_04 .counting dl dt .text{font-size:1.500rem;color:#cc6633;vertical-align:bottom;opacity:0.8;}
.m_section_04 .counting dl dt span{display:inline-block;}
.m_section_04 .counting dl dt .num-1{margin:0 0.417rem 0 0;width:0.917rem;height:3.167rem;text-indent:-999px;font-size:0;background:url(../img/mobile/temp/num_1.png) no-repeat;background-size:100%;vertical-align:bottom;}
.m_section_04 .counting dl dt .num-60{margin:0 0.292rem 0 0;width:5.208rem;height:3.250rem;text-indent:-999px;font-size:0;background:url(../img/mobile/temp/num_60.png) no-repeat;background-size:100%;vertical-align:bottom;}
.m_section_04 .counting dl dt .num-500{margin:0 0.500rem 0 0;width:8.000rem;height:3.250rem;text-indent:-999px;font-size:0;background:url(../img/mobile/temp/num_500.png) no-repeat;background-size:100%;vertical-align:bottom;}
.m_section_04 .counting dl dt .num-5000{margin:0 0.125rem 0 0;width:11.458rem;height:3.667rem;text-indent:-999px;font-size:0;background:url(../img/mobile/temp/num_5000.png) no-repeat;background-size:100%;vertical-align:bottom;}
.m_section_04 .counting dl dd{line-height:1.042rem;font-size:0.833rem;color:#ccc;}
.m_section_05{background:url(../img/mobile/temp/m_section_05.png) no-repeat;background-size:100% auto;}
.m_section_05 .visual{padding:1.667rem 0 0 0;text-align:center;}
.m_section_05 .visual .visual-img1{width:21.500rem !important;height:28.792rem;}
.m_section_06{background:url(../img/mobile/temp/m_section_06.png) no-repeat;background-size:100% auto;}
.m_section_06 .visual{padding:0.833rem 0;text-align:center;}
.m_section_06 .visual .visual-img1{width:29.167rem !important;height:25.333rem;}
.m_section_07{background:url(../img/mobile/temp/m_section_07.png) no-repeat;background-size:100% auto;}
.m_section_07 .visual{position:relative;padding:9.167rem 0.833rem 5.000rem 0.833rem;text-align:center;}
.m_section_07 .visual .line{position:absolute;top:14.583rem;left:0;right:0;margin:auto;width:94%;border-top:1px solid #fff;}
.m_section_07 .visual .visual-img1{position:relative;width:10.917rem !important;height:10.917rem;}
.m_section_07 .visual dl{display:inline-block;text-align:center;color:#fff;}
.m_section_07 .visual dt{margin:0 0 1.667rem 0;font-size:0.750rem;}
.m_section_07 .visual dt:before{content:'';display:block;margin:0 auto 1.375rem auto;}
.m_section_07 .visual .customer{position:absolute;left:5%;top:7.500rem;}
.m_section_07 .visual .content{position:absolute;right:8%;top:7.500rem;}
.m_section_07 .visual .customer dt:before{content:'';width:2.833rem;height:4.208rem;background:url(../img/mobile/temp/visual_payment5_02.png) no-repeat;background-size:100%;}
.m_section_07 .visual .content dt:before{content:'';width:4.833rem;height:4.208rem;background:url(../img/mobile/temp/visual_payment5_03.png) no-repeat;background-size:100%;}
.m_section_07 .visual .customer dd:before{content:'';display:inline-block;margin:0 0.417rem 0 0;width:1.042rem;height:1.042rem;background:url(../img/mobile/temp/ico_dcs.png) no-repeat;background-size:100%;vertical-align:middle;}
.m_section_07 .visual dd{line-height:1.042rem;font-size:0.583rem;color:#cccccc;}
.m_section_08 .visual{height:43.417rem;}
.m_section_08 .visual .visual-top .logo-paty{margin-bottom:0.375rem;width:2.917rem;height:0.750rem;text-indent:-999px;background:url(../img/mobile/temp/logo_payt.png) no-repeat;background-size:100%;}
.m_section_08 .visual .visual-top .btn-movie{display:block;margin:0.833rem 0 0 0;font-size:0.667rem;color:#ff6600;}
.m_section_08 .visual .visual-top .btn-movie:after{content:'';display:inline-block;margin:0 0 0 0.417rem;width:1.042rem;height:1.042rem;background:url(../img/mobile/temp/b_play.png) no-repeat;background-size:100%;vertical-align:middle;}
.m_section_08 .visual .visual-img1{position:absolute;left:-1.875rem;top:4.083rem;width:32.792rem !important;height:26.000rem;}
.m_section_08 .visual .visual-img2{position:absolute;right:1.750rem;bottom:5.000rem;width:10.667rem !important;height:10.000rem;}
.m_section_09 .visual{height:44.042rem;}
.m_section_09 .visual .visual-top .text-area{top:4.167rem;}
.m_section_09 .visual .visual-img1{position:absolute;left:-1.875rem;top:2.917rem;width:42.417rem !important;height:30.583rem;}
.m_section_09 .visual .visual-bottom .text-area{right:13.625rem;bottom:8.250rem;}
.m_section_09 .visual .visual-img2{position:absolute;right:-1.250rem;bottom:3.750rem;width:16.875rem !important;height:10.250rem;}
.m_section_10 .visual{height:41.542rem;}
.m_section_10 .visual .visual-top .text-area{top:6.042rem;right:10.792rem;text-align:right;}
.m_section_10 .visual .visual-img1{position:absolute;right:4.583rem;top:4.167rem;width:4.667rem !important;height:6.875rem;}
.m_section_10 .visual .visual-bottom .text-area{left:15.750rem;right:0;bottom:10.208rem;text-align:left;}
.m_section_10 .visual .visual-img2{position:absolute;left:-1.042rem;bottom:0;width:18.250rem !important;height:27.000rem;}
.m_section_10 .visual .visual-img3{margin:0.333rem 0 0 0;width:2.042rem !important;height:1.208rem;}
.m_section_11 .visual{padding:4.583rem 0 6.875rem 0;text-align:center;}
.m_section_11 .visual .visual-img1{width:31.250rem !important;}
/*.m_section_11 .visual .visual-img1{margin-left:-11.667rem;width:61.833rem !important;}*/

.m_section_01.eng .m_remark{margin:0 0 0.833rem 0;padding:9.167rem 0 0 0;letter-spacing:-0.15px}
.m_section_01.eng .m_remark p{font-size:2.333rem;}
.m_section_01.eng .m_remark .top{margin:0 0 0.292rem 0;}
.m_section_01.eng .m_remark .top:last-child{margin:0;}
.m_section_01.eng .m_remark .top .point:before{display:none;}
.m_section_01.eng .bg-line{margin:0 0 0.417rem 0;}
.m_section_01.eng .company{padding:0 0 7.917rem 0;}
.m_section_03.eng .visual{padding:1.667rem 0 2.292rem 0;}
.m_section_04 .counting.eng{padding:2.708rem 0 1.667rem 0;}
.m_section_05.eng .visual{padding:0.833rem 0 0 0;}
.m_section_06.eng .visual{padding:0.917rem 0 0.500rem 0;}
.m_section_07.eng .visual{padding:7.917rem 0.833rem 4.167rem 0.833rem;}
.m_section_07.eng .visual .line{top:14.167rem;}
.m_section_07.eng .visual dt{font-size:0.667rem;letter-spacing:-0.3px;}
.m_section_07.eng .visual dd{font-size:0.500rem;letter-spacing:-0.3px;}
.m_section_07.eng .visual .customer{top:7.083rem;left:3%;}
.m_section_07.eng .visual .content{top:7.083rem;right:2%;}
.m_section_08.eng .visual .visual-top .text-area{top:2.083rem;}
.m_section_10.eng .visual .visual-top .text-area{top:4.167rem;}
.m_section_10.eng .visual .visual-img1{top:4.167rem;}
.m_section_11.eng .visual{padding:4.167rem 0 2.708rem 0;}

/* ==========================================================================
   IOT styles 171011 add
   ========================================================================== */

.m_section.iot1 {background:url(../img/mobile/common/bg_pattern_black.png); background-size:50px;}
.m_section.iot1 dl {margin-bottom:4.667rem;}
.m_section.iot1 img {width:89.3333% !important;}
.m_section.iot2 {background:url(../img/mobile/common/bg_pattern_dark.png); background-size:50px;}
.m_section.iot2 dl {margin-bottom:3.417rem;}
.m_section.iot2 img {width:89.3333% !important;}
.m_section.iot3 {background:url(../img/mobile/common/bg_pattern_black.png); background-size:50px;}
.m_section.iot3 dl {margin-bottom:0.625rem;}
.m_section.iot3 img {width:94.6667% !important;}
.m_section.iot3 img:nth-of-type(1) {margin-bottom:1.583rem;}
.m_section.iot3 img:nth-of-type(2) {margin-bottom:5.208rem;}
.m_section.iot4 {background:url(../img/mobile/common/bg_pattern_dark.png); background-size:50px;}
.m_section.iot4 dl {margin-bottom:1rem;}
.m_section.iot4 img:nth-of-type(1) {margin-bottom:1.583rem;}
.m_section.iot5 {background:#f6f6ea;}
.m_section.iot5 dl {margin-bottom:5.833rem;}
.m_section.iot5 img {width:94.6667% !important;}
.m_section.iot6 {background:#f6f6ea;}
.m_section.iot6 dl {margin-bottom:3.667rem;}
.m_section.iot7 {padding-bottom:0; background:#eaeade;}
.m_section.iot7 img:nth-of-type(even) {width:60% !important;}
.m_section.iot7 img:nth-of-type(1) {margin:-1rem auto -1.25rem;width:80% !important;}
.m_section.iot7 img:nth-of-type(3) {margin:-2rem auto 0 12%;width:80% !important;}
.m_section.iot7 img:nth-of-type(5) {margin:-8rem auto -1.75rem;width:80% !important;}

/*.eng_letter .m_section.iot1 {padding-bottom:2.5rem;}*/
/*.eng_letter .m_section.iot1 dl {margin-bottom:3.167rem;}*/
.eng_letter .m_section.iot2 {padding-bottom:5.833rem;}
.eng_letter .m_section.iot2 dl {margin-bottom:2.292rem;}
.eng_letter .m_section.iot3 {padding-bottom:3.75rem;}
.eng_letter .m_section.iot3 dl {margin-bottom:0.208rem;}
.eng_letter .m_section.iot3 img:nth-of-type(1) {margin-bottom:0.333rem;}
.eng_letter .m_section.iot3 img:nth-of-type(2) {margin-bottom:1.542rem;}
.eng_letter .m_section.iot5 dl {margin-bottom:5rem;}
.eng_letter .m_section.iot6 {padding-bottom:4.083rem;;}
.eng_letter .m_section.iot6 dl {margin-bottom:1.458rem;}
.eng_letter .m_section.iot7 dl {margin-bottom:-0.75rem;}
.eng_letter .m_section.iot7 img:nth-of-type(3) {margin:-1rem auto 0 12%;width:80% !important;}
.m_section.iot7 img:nth-of-type(5) {margin:-7.5rem auto -1.75rem;width:80% !important;}

@media screen and (max-width: 560px){
   .m_section_03 .visual img:nth-child(3){margin-left:0;}
}