@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* ======================================== Reset ======================================== */
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
body{font-family:'Nanum Gothic',sans-serif;font-size:14px;font-weight:400;color:#ddd;}
input,textarea,select,button,table,pre{font-family:'NanumSquare','Nanum Gothic',sans-serif;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:0px none;}
img,input,button,label,select{vertical-align:middle;}
input[type='submit'],input[type='button'],button{cursor:pointer;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
table{border-spacing:0;/*table-layout:fixed;*/}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;margin:0;padding:0;}
.inner{display:block;position:relative;margin:0 auto;width:1200px;clear:both;box-sizing:border-box;}
.inner:after{display:block;content:'';clear:both;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
caption,.soundOnly{display:block !important;position:absolute !important;top:-99999px !important;}
.noBr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
b,strong{font-weight:700;}


/* ==============================================================================================================
= 너비,높이 사이즈를 공통으로 사용하기 위한 클래스 부여
============================================================================================================== */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}.w2000{width:2000px !important;}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w8p{width:8%}.w10p{width:10%}.w12p{width:12%}.w15p{width:15%}.w18p{width:18%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h200{height:300px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}


/* ==============================================================================================================
= Div Group
= 화면 분할을 위해서 사용함
= 사용방법 :cols2(개수) 클래스를 통해서 개수만큼 균등분할하거나 w20(%)p 클래스를 통해서 분할 사이즈 조정
============================================================================================================== */
.divGroup{margin:0 -20px;}
.divGroup:after{display:block;content:'';clear:both;}
.divGroup > div{float:left;padding:0 20px;box-sizing:border-box;}
.divGroup.cols2 > div{width:50%;}
.divGroup.cols3 > div{width:33.3333%;}
.divGroup.cols4 > div{width:25%;}
.divGroup.cols5 > div{width:20%;}
.divGroup.noMargin{margin:0;}
.divGroup.noMargin > div{padding:0;}


/* ==============================================================================================================
= 폼 아이템별 기본스타일 지정
============================================================================================================== */
input[type='text'],
input[type='password'],
input[type='number'],
input[type='search'],
input[type='datetime'],
input[type='time'],
input[type='date'],
input[type='url'],
input[type='email']{padding-left:10px;height:30px;max-width:100%;font-size:1.1em;background:#f7f7f7;border:1px #ddd solid;-webkit-appearance:none;-webkit-border-radius:0;box-sizing:border-box;}
select{height:30px;max-width:100%;font-size:1.1em;text-indent:10px;background:#f7f7f7;border:1px #ddd solid;-webkit-appearance:none;-webkit-border-radius:0;box-sizing:border-box;}
input.eng{-webkit-ime-mode:inactive;-moz-ime-mode:inactive;-ms-ime-mode:inactive;ime-mode:inactive;}
input.han{-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='datetime']:focus,
input[type='time']:focus,
input[type='date']:focus,
input[type='url']:focus,
input[type='email']:focus{background:#fff !important;border-color:#ef5596 !important;}
select{text-indent:10px;background:#f7f7f7 url(../images/icon_selectbox.png) no-repeat right center;}
select:focus{background:#fff url(../images/icon_selectbox.png) no-repeat right center !important;border-color:#ef5596 !important;}
textarea{padding:5px;border:1px #ddd solid;box-sizing:border-box;resize:vertical;}
button,
input[type='submit'],
textarea{-webkit-appearance:none;}
input:placeholder,
textarea:placeholder{color:#aaa !important;}
input::placeholder,
textarea::placeholder{color:#aaa !important;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#aaa !important;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#aaa !important;}
input[type='checkbox'] + label,
input[type='radio'] + label{margin-left:5px;}
label.pointer{cursor:pointer;}


/* ==============================================================================================================
= 버튼
============================================================================================================== */
.btnArea{margin:10px 0;text-align:center}
.btnArea.right{text-align:right;}
.btnArea.left{text-align:left;}
.btn, .btn_ss, .btn_s, .btn_m, .btn_l, .btn_inline{display:inline-block;padding:0;text-align:center;line-height:130%;background:#fff;border:1px #ccc solid;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
.btn_ss{padding:0 5px;font-size:0.9em;line-height:24px;border-radius:12px;}
.btn_s{padding:0 12px;font-size:0.9em;line-height:36px;border-radius:18px;}
.btn_m{padding:0 12px;font-size:1em;line-height:40px;border-radius:20px;}
.btn_l{padding:0 16px;font-size:1.2em;line-height:60px;border-radius:30px;}
.btn_inline{padding:0 12px;font-size:1em;line-height:40px;border-radius:20px;}



/* ==============================================================================================================
= Tab 기본스타일 지정
============================================================================================================== */
.tabBar{display:block;}
.tabBar:after{display:block;content:'';clear:both;}
.tabBar > li{float:left;}
.tabBar > li > a{display:block;}
.tabBar > li.active > a{}
.tabBar.cols1 > li{width:100%;}
.tabBar.cols2 > li{width:50%;}
.tabBar.cols3 > li{width:33.3333%;}
.tabBar.cols4 > li{width:25%;}
.tabBar.cols5 > li{width:20%;}
.tabBar.cols6 > li{width:16.6666%;}


/* ==============================================================================================================
= 로딩
============================================================================================================== */
#loading{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);z-index:10000;}
#loading > div{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width:30px;height:30px;border-radius:100%;}
#loading > div:before,
#loading > div:after{content:"";position:absolute;top:-5px;left:-5px;width:100%;height:100%;border-radius:100%;border:5px solid transparent;border-top-color:#ef5596;opacity:0.8;}
#loading > div:before{z-index:1001;animation:spin 1s infinite;}
#loading > div:after{border:5px solid #eee;}
.loading{display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;}
.loading > div{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;border-radius:100%;}
.loading > div:before,
.loading > div:after{content:"";position:absolute;top:-5px;left:-5px;width:100%;height:100%;border-radius:100%;border:5px solid transparent;border-top-color:#ef5596;opacity:0.8;}
.loading > div:before{z-index:1001;animation:spin 1s infinite;}
.loading > div:after{border:5px solid #eee;}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
#overlay,
.overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);z-index:99999;}

/*Toast*/
.toastMsg{display:block;position:fixed;bottom:50px;left:10px;right:10px;padding:10px 20px;font-size:13px;text-align:center;background:#666;border-radius:8px;box-shadow:2px 2px 8px rgba(0,0,0,0.2);box-sizing:border-box;opacity:0;transition-duration:0.2s;overflow:hidden;z-index:-1;}
.toastMsg.active{bottom:55px;opacity:1;z-index:99999;}


/* ==============================================================================================================
= 레이아웃
============================================================================================================== */
html{background:#fff;}
body{padding-top:60px;-webkit-text-size-adjust:none;}

.phoneBox{display:block;margin:0 auto;padding:30px 0;max-width:100%;width:350px;border:1px #444 solid;border-radius:30px;background:#fff;}
.phoneBox img{max-width:100%;}

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;background:#fff;z-index:999999}
#skipLink a:focus,
#skipLink a:hover,
#skipLink a:focus,
#skipLink a:active{left:0px;top:0px}

#header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px #eee solid;z-index:10;}
#header h1{display:block;position:absolute;top:50%;left:20px;}
#header h1 a{display:block;width:120px;height:60px;font-size:30px;line-height:60px;/*text-indent:-9999em;background:url(../images/logo.png) no-repeat center center;background-size:100% auto;*/}
#header #gnb{position:absolute;top:15px;right:0;}
#header #gnb ul:after{display:block;content:'';clear:both;}
#header #gnb ul li{float:left;margin-left:10px;}
#header #gnb ul li a{display:block;margin:0 5px;padding:0 20px;min-width:60px;text-align:center;line-height:28px;box-sizing:border-box;}
#footer{padding:30px 0 60px;color:#444;background:#fff;}
#footer a{color:#444;}
#footer .footerLink{position:absolute;top:0;right:0;}
#footer .footerLink a{display:inline-block;padding:0 20px;line-height:40px;}
#footer .footerAddress{padding-left:0;line-height:2em;}
#footer .footerCopyright{padding-left:0;margin-top:10px;}

/*#container{min-height:800px;}*/
#container:after{display:block;content:'';clear:both;}
h2{padding:40px 0;font-size:2em;text-align:center;}
h3{margin:0 0 15px 0;font-size:1.4em;}
h4{margin:0 0 10px 0;font-size:1.3em;}
h5{margin:0 0 10px 0;font-size:1.2em;}
section{margin-bottom:30px;}
section .inner{padding:40px;min-height:300px;border:1px #666 solid;border-radius:20px;}
section p{line-height:1.5em;}

.sectionOption{position:fixed;top:50%;right:20px;margin-top:-50px;width:15px;z-index:5;}
.sectionOption ul{display:block;}
.sectionOption ul li{display:block;position:relative;}
.sectionOption ul li:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:12px;height:12px;background-color:#e0e0e0;border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.sectionOption ul li a{display:block;position:relative;height:24px;line-height:24px;text-indent:9999em;text-align:right;z-index:1;}
.sectionOption ul li.active:after{background-color:#006cbe;}

.mainContent{}
.mainContent > section{position:relative;margin:0;padding:0 20px;overflow:hidden;}
.mainContent > section .inner{background:none;border:0px none;}
.mainContent > section h3{display:block;position:relative;padding-top:140px;text-align:center;font-size:36px;font-weight:700;color:#000;}
.mainContent > section .btn_nextSection{display:block;position:absolute;left:50%;bottom:20px;margin-left:-20px;width:40px;height:40px;text-indent:-9999em;background:#666 url(../images/btn_nextSection.png) no-repeat;background-size:40px 40px;border-radius:50%;z-index:1;opacity:0.5;}
.mainContent > section .btn_nextSection:hover{opacity:1;}
/*
#mainSection1{padding:0 30px 0 10px;}
#mainSection1 .inner{height:800px;}
#mainSection1 .text{margin:-60px 0 80px 0;color:#eee;text-align:center;opacity:0;transition-duration:1s;}
#mainSection1 .text b{display:block;margin:5px 0 25px 0;font-size:1.6em;font-weight:400;}
#mainSection1 .text > img{height:500px;opacity:0;transition-duration:1s;transition-delay:0.5s;}
#mainSection1 .btn_l{position:relative;margin:0 10px;padding-left:60px;width:200px;font-size:1.4em;background:none;border:1px #aaa solid;}
#mainSection1 .btn_l img{position:absolute;top:50%;left:20px;margin-top:-16px;width:32px;height:32px;}
#mainSection1.active .text{margin:0 0 80px 0;opacity:1;}
#mainSection1.active .text img{opacity:1;}

#mainSection2{padding:0 30px 0 10px;background:#222;}
#mainSection2 .inner{height:900px;}
#mainSection2 .captureList{position:absolute;top:80px;left:20px;}
#mainSection2 .captureList li{position:absolute;}
#mainSection2 .captureList li.item1{top:-90px;left:0;opacity:0;transition-delay:0s;transition-duration:0.5s;}
#mainSection2 .captureList li.item2{top:-60px;left:120px;opacity:0;transition-delay:0.3s;transition-duration:0.5s;}
#mainSection2 .captureList li.item3{top:-30px;left:240px;opacity:0;transition-delay:0.6s;transition-duration:0.5s;}
#mainSection2 .captureList li.item4{top:0;left:360px;opacity:0;transition-delay:0.9s;transition-duration:0.5s;}
#mainSection2 .text{position:absolute;top:200px;right:20px;width:400px;font-size:1.8em;line-height:150%;text-align:right;opacity:0;transition-duration:1s;}
#mainSection2 .text h6{display:block;margin-bottom:30px;font-size:1.6em;}
#mainSection2.active .text{top:300px;opacity:1;}
#mainSection2.active .captureList li.item1{top:0;opacity:1;}
#mainSection2.active .captureList li.item2{top:30px;opacity:1;}
#mainSection2.active .captureList li.item3{top:60px;opacity:1;}
#mainSection2.active .captureList li.item4{top:90px;opacity:1;}

#mainSection3{padding:0 30px 0 10px;}
#mainSection3 .inner{height:800px;}
#mainSection3 .phoneBox{width:300px;}
#mainSection3 .text{font-size:1.2em;line-height:150%;opacity:0;transition-duration:1s;}
#mainSection3 .text h6{display:block;margin-bottom:30px;font-size:1.6em;}
#mainSection3 .left{float:left;width:48%;}
#mainSection3 .left .text{float:left;text-align:left;margin-top:200px;}
#mainSection3 .left .phoneBox{float:right;margin-top:-50px;opacity:0;transition-duration:1s;}
#mainSection3 .right{float:right;width:48%;}
#mainSection3 .right .text{float:right;text-align:right;margin-top:200px;}
#mainSection3 .right .phoneBox{float:left;margin-top:150px;opacity:0;transition-duration:1s;}
#mainSection3.active .text{opacity:1;}
#mainSection3.active .left .phoneBox{margin-top:50px;opacity:1;}
#mainSection3.active .right .phoneBox{margin-top:50px;opacity:1;}

#mainSection4{padding:0 30px 0 10px;background:#222;}
#mainSection4 .inner{height:800px;}
#mainSection4 .phoneBox{width:300px;}
#mainSection4 .text{font-size:1.2em;line-height:150%;opacity:0;transition-duration:1s;}
#mainSection4 .text h6{display:block;margin-bottom:30px;font-size:1.6em;}
#mainSection4 .left{float:left;width:48%;}
#mainSection4 .left .text{float:left;margin-left:20px;text-align:left;margin-top:150px;}
#mainSection4 .left .phoneBox{float:left;margin-left:-100px;opacity:0;transition-duration:1s;}
#mainSection4 .right{float:right;width:48%;}
#mainSection4 .right .text{float:right;margin-right:20px;text-align:right;margin-top:350px;}
#mainSection4 .right .phoneBox{float:right;margin-right:-100px;opacity:0;transition-duration:1s;}
#mainSection4.active .text{opacity:1;}
#mainSection4.active .left .phoneBox{margin-left:0;opacity:1;}
#mainSection4.active .right .phoneBox{margin-right:0;opacity:1;}

#mainSection5{}
#mainSection5 .inner{height:600px;}
#mainSection5 .text{position:absolute;top:240px;left:50%;margin-left:-400px;font-size:2.4em;opacity:0;transition-duration:0.6s;}
#mainSection5 .img{position:absolute;top:140px;left:50%;margin-left:-150px;width:600px;text-align:center;opacity:0;transition-delay:0.3s;transition-duration:0.6s;}
#mainSection5.active .text{top:180px;opacity:1;}
#mainSection5.active .img{top:80px;opacity:1;}
*/
/* Terms */
.terms{line-height:140%;}
.terms hr{margin:20px 0;border:0px none;border-top:1px #666 solid;}
.terms p{margin-bottom:10px;}
.terms ol{margin:0 0 10px 20px;}
.terms ol li{margin-bottom:5px;list-style:decimal;}
.terms ul{margin:0 0 10px 15px;}
.terms ul li{margin-bottom:5px;list-style:disc;}
.terms table{margin:10px 0;width:100%;font-size:12px;border-top:1px #666 solid;border-left:1px #666 solid;}
.terms table th,
.terms table td{height:28px;border-bottom:1px #666 solid;border-right:1px #666 solid;}
.terms table th{padding:4px 6px;background:#222;}
.terms table td{padding:4px 6px;}

/* Board */
.boardList{display:block;border-top:1px #333 solid;}
.boardList > li{display:block;border-bottom:1px #e5e5e5 solid;}
.boardList > li.listMsg{float:none !important;padding:20px;font-size:0.9em;color:#888;text-align:center;border-bottom:0px none;clear:both;}
.boardList > li > a{display:block;position:relative;padding:10px 70px 10px 15px;font-size:0.9em;}
.boardList > li > a:after{display:block;content:'';position:absolute;top:50%;right:15px;margin-top:-10px;width:20px;height:20px;opacity:0.5;}
.boardList > li > a .subject{display:block;margin-bottom:5px;}
.boardList > li > a .date{display:block;font-size:0.95em;color:#888;}
.boardList > li .content{display:none;padding:10px 20px;max-height:200px;font-size:0.9em;line-height:160%;background:#f7f7f7;border-top:1px #e5e5e5 solid;overflow-y:auto;overflow-x:hidden;}
.boardList > li.active > a{}
.boardList > li.active > a:after{opacity:1;}
.boardList > li.active .content{display:block;}

/**/
/* .document .inner{width:1000px;} */

/* section .inner.companyIntro{padding:0;background:none;border:0px none;}
.companyIntro{font-size:1.2em;font-weight:bold;}
.companyIntro span{font-size:1.4em;}
.companyIntro b{font-size:2em;}
.companyIntro p{line-height:200%;}
.companyTop{position:relative;margin-bottom:20px;}
.companyTop p{position:absolute;top:0;left:0;right:0;padding:30px 50px;z-index:1;background:rgba(0,0,0,0.5);text-shadow:1px 1px 4px rgba(0,0,0,0.5);}
.companyTop .bg{position:relative;}
.companyTop .bg:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.1);}
.companyTop .bg img{width:100%;}
.companyTop .logo{position:absolute;bottom:50px;right:80px;}
.companyTop .logo img{width:300px;} */

/* section .inner.appIntro{padding:50px 0;width:600px;background:none;border:0px none;}
.appIntro{padding-bottom:10px !important;font-size:1em;}
.appIntro .logo{margin:-20px 40px 0 0;float:left;border-radius:20px;overflow:hidden;box-shadow:2px 2px 8px rgba(0,0,0,0.3);}
.appIntro .logo img{width:150px;} */

/**/
.listLabel{display:block;padding-left:16px;font-size:0.9em;color:#666;line-height:160%;list-style:disc;}
.listLabel li{display:list-item;position:relative;margin:5px 0;padding-left:120px;list-style:disc;}
.listLabel li .label{display:block;position:absolute;top:0;left:0;color:#000;}

.listHistory{display:block;padding-left:16px;font-size:1.1em;line-height:160%;list-style:disc;}
.listHistory li{display:list-item;position:relative;margin:10px 0;color:#666;list-style:disc;}
.listHistory li b{display:block;color:#000;}




/* ==============================================================================================================
= 반응형
============================================================================================================== */
/*Mobile*/
@media all and (max-width:1024px){
	.inner{width:auto;}
    #header #gnb{right:20px;}
	#footer .inner{padding:0 20px;}
	#footer .footerLink{position:relative;margin-bottom:10px;right:inherit;}
	#footer .footerLink a{margin-right:20px;padding:0;}
	#footer .footerAddress,
	#footer .footerCopyright{padding-left:0;}

    .phoneBox{padding:20px 0;width:200px;border-radius:20px;}

	.mainContent{font-size:0.8em;}
	.mainContent > section{padding:0;}
	.mainContent > section .inner{padding:60px 20px 80px;height:auto !important;}
	.mainContent > section .text{position:relative !important;top:inherit !important;left:inherit !important;right:inherit !important;}
	.mainContent > section .text br{display:none;}
	.mainContent > section .img{position:relative !important;top:inherit !important;left:inherit !important;right:inherit !important;margin-top:30px;text-align:center;}
	.mainContent > section .img img{max-width:80%;}

	#mainSection1 .text > img{display:block;margin:0 auto;max-width:300px;height:auto;}
    #mainSection1 .btn_l{margin-bottom:10px;}
    #mainSection1.active .text{margin:0;}
    #mainSection2 .captureList{position:relative;top:inherit;left:inherit;}
    #mainSection2 .captureList:after{display:block;content:'';clear:both;}
    #mainSection2 .captureList li,
    #mainSection2.active .captureList li{position:relative;top:inherit !important;left:inherit;}
    #mainSection2 .captureList li{float:left;padding:10px;width:50%;box-sizing:border-box;}
    #mainSection2 .captureList li.item2{margin-top:20px;}
    #mainSection2 .captureList li.item4{margin-top:20px;}
    #mainSection2 .text{padding:20px;width:auto;text-align:center;}
    #mainSection3 .left .text,
    #mainSection3 .right .text{margin:20px 0 !important;}
    #mainSection3 .text h6{margin-bottom:10px;font-size:1.4em;}
    #mainSection4 .left .text,
    #mainSection4 .right .text{margin:20px 0 !important;}
    #mainSection4 .text h6{margin-bottom:10px;font-size:1.4em;}
    /* #mainSection1 .btn_l{margin-bottom:10px;
	#mainSection1 .btn_m img{left:5px;}
	#mainSection1 .btn_m.w180{padding-left:25px;padding-right:5px;width:130px;}
	#mainSection2 .text{margin-left:0;}
	#mainSection2 .img{margin-left:0;}
	#mainSection3 .text .left,
	#mainSection3 .text .right{width:auto;text-align:left;}
	#mainSection3 .imgSpace{width:10px;}
	#mainSection3 .img{margin-left:0;width:auto;}
	#mainSection3 .img img{max-width:70%;}
	#mainSection4 .text img{width:160px;}
	#mainSection4 .img img{max-width:70%;}
	#mainSection4 .img .msg{display:none;}
	#mainSection5 .text{margin-left:0;}
	#mainSection5 .img img{max-width:70%;} */
}

/* Phone */
@media all and (max-width:639px){
}

/* Tablet */
@media all and (min-width:640px) and (max-width:1024px){
}