화면제어 모바일기기일때

화면제어 모바일기기일때

더시민 0 18 0

<meta name="viewport" content="width=device-width, initial-scale=1.0">


/*
@media (max-width: 540px), screen and (orientation: portrait) {
.zoom {zoom:1;}    
/* common */
body {min-width: unset;min-height:unset;}
/* footer */
#footer { font-size:1.6em; }
#footer span { margin: 0 4px; }

/* language */
#lang-wrap { position: absolute; top: 50%; left: 50%; margin: -245px 0 0 -415px; width: 830px; height: 490px; }
/*#lang-wrap { margin: 0 auto; width: 830px; }*/
#lang-wrap .img { padding: 0; text-align: center; }
#lang-wrap h1 { padding: 10px 0 0; text-align: center; }
#lang-wrap .lang-list { margin: 0 auto; padding: 64px 0 27px; width: 770px; }
#lang-wrap .lang-list ul { overflow: auto; }
#lang-wrap .lang-list ul li { float: left; display: inline; padding: 5px 0 6px; width: 77px; text-align: center; }
#lang-wrap .lang-list ul li .flag {}
#lang-wrap .lang-list ul li .name { padding-top: 4px; height: 15px; font-size: 11px; color: #fff; }


/* header */
#contents-wrap { width: 100%; }
#header h1 img{width:95%; }
#header #menus { padding: 7px 0 9px; height: 30px; text-align: center; background-color: #f79f40; }
#header #menus a { font-size: 2em; }
#header #menus a:hover { color: #fff; }
#header #menus .split { margin: 0 8px; }

/* contents */
#contents { min-height: 500px;height: calc(100vh - 17em);font-size: 1.8em;}
#contents .sub-tt { font-size: 2.4em; }
#contents .sub-bt { font-size: 1.8em; }
#contents .summary { text-align: center; line-height: 18px; }
#contents .summary p { font-size: 1.1em;line-height:2em;}

#contents .c p { display: block; text-align: center; }
#contents .lr90{ margin-left: 9px; margin-right: 9px; }
#contents .lr100 { margin-left: 10px; margin-right: 10px; }
#contents .lr110 { margin-left: 11px; margin-right: 11px; }
#contents .lr120 { margin-left: 12px; margin-right: 12px; }


#contents .summary .guide { display: block; margin: 20px 0 22px; font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;  text-align: center; color: #f79f40; }
#contents .summary .guide img {     width: 15%; }
#contents .summary .box { margin: 20px auto 0; padding: 19px 25px 22px 30px; width: 80%; font-size: 1.4em; }
#contents .summary .box h4 { font-size: 1.2em; }
#contents .summary .box .step { font-size: 1em !important;line-height:1.8em !important; }
#contents .summary .box .step img {width:15%;    margin-bottom: 7px;}

#contents .summary .copy-msg {  font-size: 1em; line-height: 1.6em; }
#contents .img { padding: 22px 0 0; text-align: center; }
#contents .img img {width:70%;}
#contents .url { margin: 18px 0 1px; text-align: center; }
#contents .url-onelife10 { margin: 10px 0 1px; text-align: center; }
#contents .url-missmom { margin: 18px 0 1px; text-align: center; }
#contents .url-missmom img {width:35%;}

.paging {  height: 50px; }
.paging img {width:90px;margin-top: -18px;}
.paging p { padding-left: 20px; }
.paging p.r { right: 20px; }

.pb20 { padding-bottom: 22px; }
.pb30 { padding-bottom: 37px; }


}
 

0 Comments
제목
Category
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand