/*===============================================================*/
/*======================= Tablet 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){

.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

/*header*/
#header,
.headerWrap {height:60px;}
.headerWrap h1 {width:130px; top:16px;}
.headerWrap .h_util {top:14px;}
.headerWrap .h_util .lang_util .lang {width:55px; height:32px; font-size:11px; line-height:30px;}
.headerWrap .h_util .lang_util .lang span {padding-right:12px;}
.headerWrap .h_util .lang_util .lang span:after {border-width:3.5px;}
.headerWrap .h_util .lang_util ul {top:30px;}
.headerWrap .h_util .lang_util ul li {font-size:11px; line-height:23px;}


/* 메인비주얼 */
#mainVisual .mainvisual_txt {left: 10px; min-width: 0;}
#mainVisual .mainvisual_txt h1 {font-size:9vw;}
#mainVisual .mainvisual_txt span {flex-wrap: wrap;}
#mainVisual .mainvisual_txt span .learn-more {width: 100%; margin-left: 0; margin-top: 10px;}
#mainVisual .slide-controls {left: 50%;}




#h_search {margin-left:15px;}
#h_search .btn_h_search {width:20px; height:20px;}
#h_search .search_layer {top:45px; width:70vw; padding:15px;}
#h_search .search_layer:before {top:-8px; right:45px; width:17px; height:8px; background-image:url('/images/common/icon/search_ar_bg_m.png')}
#h_search .search_layer input.text {height:40px; padding:0 40px 0 10px; font-size:14px;}
#h_search .search_layer .btn_h_search {width:40px; height:40px; background-size:20px;}
#h_search .search_layer .btn_search_close {padding-right:14px; font-size:12px; background-size:9px;}

/* allmenu */
.btn_menu {width:25px; margin-left:15px;}
.bar1, 
.bar2, 
.bar3 {height:2px; margin-top:7px;}
.bar1 {margin-top:0;}

#allmenu .allmenu_top {padding:4% 3%;}
#allmenu .allmenu_top .btn__close_menu {width:25px; right:10px;}
#allmenu .allmenu_top .btn__close_menu .bar1 {-webkit-transform: rotate(-45deg) translate(-6px, 6px) ; transform: rotate(-45deg) translate(-6px, 7px);}
#allmenu .allmenu_top .btn__close_menu .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -7px) ; transform: rotate(45deg) translate(-6px, -7px);}
#allmenu .allmenu_top .login_util li {width:16%; height:7vw; margin-left:2%; font-size:2.8vw; line-height:7vw;}
#allmenu .am_tab li {padding:5% 0; font-size:3.4vw;}
#allmenu .am_tab li span {padding-top:42%;}
#allmenu .am_tab li.m1 span,
#allmenu .am_tab li.m2 span,
#allmenu .am_tab li.m3 span,
#allmenu .am_tab li.m4 span,
#allmenu .am_tab li.m5 span {background-size:25%;}
#allmenu .am_box dl dt {padding:0 3%; font-size:3.8vw; font-weight:600; line-height:3.8;}
#allmenu .am_box dl dt i {right:3%; width:3.5vw; height:3.5vw;}
#allmenu .am_box dl dd .tt {font-size:3.8vw; font-weight:600; line-height:3.8;}
#allmenu .am_box dl dd ul {padding:3% 0;}
#allmenu .am_box dl dd ul li {font-size:3.5vw;}

/* 메인비주얼 */
#mainVisual .mainvisual_txt {transform:translateY(-60%);}
#mainVisual .mainvisual_txt h1 {font-size:9vw;}
#mainVisual .mainvisual_txt p {padding-top:3%; font-size:4.2vw; word-break:keep-all;}
#mainVisual .mainvisual_txt p br {display:none;}
#mainVisual .slide-controls {margin-top:42%;}
#mainVisual .slide-controls .slick-dots {font-size:0; text-align:center;}
#mainVisual .slide-controls .slick-dots li {float:none; display:inline-block; margin-left:1vw; vertical-align:middle;}
#mainVisual .slide-controls .slick-dots li a {display:block; width:10vw !important; height:2px; padding-right:0 !important; background:#fff; opacity: .5; filter:alpha(opacity=0.5); -mox-opacity:.5; font-size:0; line-height:0; text-indent:-9999px;}
#mainVisual .slide-controls .slick-dots li a:after {display:none;}
#mainVisual .slide-controls .slick-dots li.slick-active a {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#mainVisual .btn_scrollDown {margin-left:-8.5vw; font-size:2.6vw;}
#mainVisual .btn_scrollDown span {padding-bottom:7vw; background-size:8.5vw;}

/*main contents */
.mainConWrap .main_titleArea {margin-bottom:6vw;}
.mainConWrap .main_titleArea h3 {font-size:8vw;}
.mainConWrap .main_titleArea p {font-size:4vw ;}
.mainConWrap .main_titleArea .btn_more02 {margin-top:5%;}
.mainConWrap .main_section {padding:15% 0;}
.mainConWrap .main_section .Big_tt {font-size:17.5vw; font-weight:800; letter-spacing:-2px; line-height:12.5vw;}
.mainConWrap h4.Title {font-size:4.5vw;}

.mainConWrap #business {padding-bottom:20%;}
.mainConWrap #business .business_con {float:none; width:85%; padding-left:7%;}
.mainConWrap #business h4.tt {left:4.5vw; font-size:4vw; font-weight:700;}
.mainConWrap #business .business_con.right {width:90%; margin-top:15%; padding-top:3%; padding-right:3%; background-size:88%;}
.mainConWrap #business .business_con.right h4.tt {top:4%; left:4vw;}
.mainConWrap #business .slide_con .TxtArea {padding:0 4%;}
.mainConWrap #business .slide_con .TxtArea strong {font-size:5vw;}
.mainConWrap #business .slide_con .TxtArea p {padding-top:4%; font-size:3.8vw; line-height:1.4;}
.mainConWrap #business .business_con.right .slide-controls .slick-dots li:nth-child(2n-1) {width:60%;}
.mainConWrap #business .business_con.right .slide-controls .slick-dots li:nth-child(2n) {width:40%;}
.mainConWrap #business .slide-controls .slick-dots {margin-top:2%;}
.mainConWrap #business .Big_tt {font-size:18vw; line-height:14vw;}

.mainConWrap #industry .industry_list li {width:50%;}
.mainConWrap #industry .industry_list li a {height:61vw;}
.mainConWrap #industry .industry_list li a .tbc {padding-top:12%;}
.mainConWrap #industry .industry_list li img {width:20%;}
.mainConWrap #industry .industry_list li strong {font-size:3.8vw;}
.mainConWrap #industry .industry_list li p {font-size:3.4vw; line-height:1.3;}

.mainConWrap #company {padding-bottom:20%;}
.mainConWrap #company .company_con {width:90% !important;}
.mainConWrap #company .company_con.con02 {margin-top:12%;}
.mainConWrap #company .company_con.con03 {float:left; margin-top:12%;}
.mainConWrap #company .company_con .TxtArea strong {font-size:5.5vw; font-weight:700;}

.mainConWrap #notice .main_titleArea {float:none; width:100%; margin-top:0;}
.mainConWrap #notice .notice_wrap {float:none; width:100%; margin-top:8%;}

.mainConWrap #information .cols {float:none; width:100%;}
.mainConWrap #information .cols.col1 {padding-right:0; padding-bottom:8%;}
.mainConWrap #information .cols.col2 {padding-left:0; padding-top:8%; border-left:none; border-top:1px solid #dfdfdf;}

.mainConWrap #information.main_section {padding:15% 0;}
.mainConWrap #information .cols.col2 .stock_info {padding-top:0; margin-top:-1%;}
.mainConWrap #information .cols.col2 .stock_info strong {padding-right:5.5vw; font-size:9vw; font-weight:500;}
.mainConWrap #information .cols.col2 .stock_info strong.up, 
.mainConWrap #information .cols.col2 .stock_info strong.down {background-size:4vw;}
.mainConWrap #information .cols.col2 .stock_info ul {margin-top:3%;}
.mainConWrap #information .cols.col2 .stock_info ul li {margin-left:5vw;}
.mainConWrap #information .cols.col2 .stock_info ul li .num {padding-left:1vw;}
.mainConWrap #information .cols.col2 .stock_info ul.up li .num.icon,
.mainConWrap #information .cols.col2 .stock_info ul.down li .num.icon {padding-right:3vw; background-size:2.5vw;}

/* 서브비주얼 */
#subVisual {height:42vw; margin-top:60px;}
#subVisual:after {background-image:url('/images/common/subvisual_01_m.jpg');}
#subVisual.subVsal02:after {background-image:url('/images/common/subvisual_02_m.jpg');}
#subVisual.subVsal03:after {background-image:url('/images/common/subvisual_03_m.jpg');}
#subVisual.subVsal04:after {background-image:url('/images/common/subvisual_04_m.jpg');}
#subVisual.subVsal05:after {background-image:url('/images/common/subvisual_05_m.jpg');}
#subVisual .subv-title span {font-size:9vw; line-height:42vw;}

/*sub navigation bar*/
#SNB {height:10vw;}
.SNBWrap {padding:0; line-height:10vw;}
.SNBWrap .home {display:none;}
.SNBWrap .depth {width:33.33333333%;}
.SNBWrap .depth span {font-size:3.2vw; background-size:5%;}
.SNBWrap .depth ul {top:10vw;}
.SNBWrap .depth ul li {font-size:3.2vw;}

/*sub contents*/
.sub #contents {padding:15% 0;}
.sub #contents .titleArea {margin-bottom:12%;}
.sub #contents .titleArea h3 {font-size:7.2vw; font-weight:700;}
.sub #contents .titleArea p {font-size:3.8vw;}
.sub #contents .titleArea img {margin-top:6%;}

.sub #contents .titleArea02 {margin-bottom:10%;}
.sub #contents .titleArea02 h3 {font-size:7.2vw;}
.sub #contents .titleArea02 p {margin-top:4%; font-size:4vw; line-height:1.5;}
.sub #contents .titleArea02 img {margin-top:6%;}
.sub #contents .titleArea02 p.small_txt {font-size:3.6vw;}
.sub #contents .titleArea02 p.small_txt02 {font-size:3.6vw;}
.sub #contents .titleArea02 .TabType01 {margin-top:6%; margin-bottom:14%;}
.sub #contents .titleArea03 {margin-bottom:8%;}
.sub #contents .titleArea03 h4 {font-size:6vw;}
.sub #contents .titleArea03 p {font-size:3.6vw;}

.contentsArea .section {padding:15% 0;}
.contentsArea .section .inner_section {margin-top:14%;}
.contentsArea .section .inner_section {margin-top:15%;}
.contentsArea .section02 {margin-top:15%;}
.contentsArea .red-txt {font-size:3.2vw;}

/* QnA_Style */
.qna_style {padding:1.5vw 2vw;}
.qna_style dt {background-size:2.5vw; background-position:98% 2vw;}
.qna_style dt span {padding:0.5vw 3vw 0.5vw 7.5vw; background-size:5.5vw;}
.qna_style dd {margin-top:2%; padding:0.5vw 2vw 0.5vw 7.5vw; background-size:5.5vw;}

/* ListStyle */
.ListType03 li {padding-left:3vw; margin-top:2%; font-size:3.6vw;}
.ListType03 li:before {width:1vw; height:1vw; top:2.3vw; transform:translateY(0);}

.ListType04 li {padding-left:2vw; margin-top:2%;}

/* TableStyle */
.TableWrap .tbl_info {padding-bottom:2%; font-size:3.2vw;}

.TableType01 thead th,
.TableType01 tbody th,
.TableType01 tbody td {padding:2.5vw 2vw; font-size:3.2vw;}

.TableType02 thead th,
.TableType02 tbody th,
.TableType02 tbody td {padding:2.5vw 2vw; font-size:3.2vw;}

/* TabStyle */
.TabType01 {position:relative; z-index:150;}
.TabType01 .menu {display:block; height:12vw; padding:0 3%; border:1px solid #555; background:url('/images/common/icon/icon_select_ar.png') no-repeat 95% center; background-size:2.5%; font-size:3.8vw; color:#222; text-align:left; font-weight:500; box-sizing:border-box; line-height:12vw; cursor:pointer;}
.TabType01 ul {display:none; position:absolute; width:100%; padding:2% 0; margin-top:-1px; border:1px solid #555; background:#fff; z-index:10; box-sizing:border-box;}
.TabType01 ul li {float:none; width:100%; height:auto; font-size:3.4vw; font-weight:300; text-align:left; border:none !important; line-height:2.2;}
.TabType01 ul li a {padding:0 3%; color:#000;}
.TabType01 ul li.on {background:#fff;}
.TabType01 ul li.on a {color:#000;}
.TabType01.list3 ul li {width:100%;}

/* business */
.sub #business .list {padding-top:15%;}
.sub #business .list:first-child {padding-top:10%;}
.sub #business .list .anchor_section {top:-8vw;}
.sub #business .list .ImgArea {float:none; width:100%;}
.sub #business .list .ImgArea img {height:59.7vw;}
.sub #business .list .TxtArea {float:none; width:100%; padding-left:0; margin-top:8%;}
.sub #business .list .TxtArea .tt {font-size:5.4vw;}
.sub #business .list .TxtArea p {margin-top:4%;}
.sub #business .list .TxtArea .qna_style {margin-top:4%;}
.sub #business .list .TxtArea .ListType01 {margin-top:4%;}


.sub #business .list2 {width:48.5%; margin-top:12%;}
.sub #business .list2:nth-child(3n-2) {margin-left:3%;}
.sub #business .list2:nth-child(2n-1) {margin-left:0;}
.sub #business .list2:nth-child(3),
.sub #business .list2:nth-child(4) {margin-top:12%;}
.sub #business .list2 .ImgArea img {height:30.5vw;}
.sub #business .list2 strong {margin-top:10%; font-size:3.8vw;}
.sub #business .list2 p {margin-top:4%; min-height:16vw; font-size:3.4vw;}
.sub #business .list2:last-child p {min-height:auto;}
.sub #business .list2 .btn_more02 {margin-top:5%;}
.sub #business .list2 a:hover .ImgArea {-webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:2px 2px 12px 0px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 12px 0px rgba(0, 0, 0, 0.3);}

/* OVERVIEW */
.overview .section_01 .intro_txt p {float:none; width:100%; margin-left:0; margin-top:5%;}
.overview .section_01 .intro_txt p:first-child {margin-top:0;}

.overview .section_02 ul li {float:none; width:100%; margin-top:15%;}
.overview .section_02 ul li:first-child {margin-top:0;}
.overview .section_02 ul li .tt .num {font-size:24vw;}
.overview .section_02 ul li .tt span {font-size:4vw; font-weight:600;}
.overview .section_02 ul li strong {padding-top:2%; font-size:3.8vw;}
.overview .section_02 ul li p {padding-top:2%;}

.overview .section_03 .value_con {margin-top:18%;}
.overview .section_03 .value_con .ImgArea {width:90%;}
.overview .section_03 .value_con .TxtArea {width:90%; margin-top:43%; padding:6%; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3); box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3);}
.overview .section_03 .value_con .TxtArea b {font-size:3.6vw; font-weight:500;}
.overview .section_03 .value_con .TxtArea strong {font-size:5.2vw;}

.overview .section_04 {padding:2% 0;}
.overview .section_04 .ceo_info {height:131vw; padding:6% 7%; background-image:url('/eng/images/company/ceo_m.jpg');}
.overview .section_04 .ceo_info .name {margin-bottom:4%; font-size:5.5vw;}
.overview .section_04 .ceo_info .name strong {font-size:7.5vw;}

/* 연혁 */
.history .history_con {margin-top:15%;}
.history .history_list {padding-left:0; margin-top:20%;}
.history .history_con:before {left:2%;}
.history .history_list:before {width:3.8vw; height:3.8vw;}
.history .history_list .year {top:-1.6vw; margin-left:10%; font-size:7vw;}
.history .history_list.year_2020{min-height:0;}
.history .history_list .detail {margin-top:4%; padding-left:10%;}
.history .history_list .detail dl {margin-top:3%;}
.history .history_list .detail dt {width:8%; font-weight:600;}
.history .history_list .detail dd ul li {margin-top:2%;}
.history .history_list .detail img {max-width:80%; margin-top:8%;}
.history .history_list .detail img.s_img {max-width:55%;}

/* 파트너/고객사 */
.sub #contents .partner .titleArea03 {margin-bottom:5%;}
.partner ul li {width:32.3333333%;}
.partner ul li:nth-child(4n-3) {margin-left:1.5%;}
.partner ul li:nth-child(3n-2) {margin-left:0;}
.partner ul li img {height:8.8vw;}

/* 위치 및 연락처 */
.location #map {height:100vw;}
.location .map_conWrap {padding-top:8%;}
.location .map_con .map_box {padding-left:18%;}
.location .map_con.con01 .map_box, 
.location .map_con.con02 .map_box, 
.location .map_con.con03 .map_box {background-size:15%;}
.location .map_con {padding:6% 0;}
.location .map_con strong {margin-bottom:3%; font-size:4.2vw;}
.location .map_con dl {margin-top:2%;}
.location .map_con dl dt {width:10.5%;}
.location .map_con dl dd {width:89.5%;}
.location .map_con dl.address dt {width:20%;}
.location .map_con dl.address dd {width:80%;}
.location .map_con ul {margin-top:2%;}
.location .map_con ul li {margin-top:2%; line-height:4.2vw;}
.location .map_con .line_bus {width:8vw; height:4.2vw; margin-right:1%; font-size:2.6vw; line-height:4.2vw;}

/* 인재상 */
.talent ul li {float:none; width:100%; margin-top:8%; font-size:0; text-align:left;}
.talent ul li:first-child {margin-top:0;}
.talent ul li img.mobile {display:inline-block !important; width:40%; vertical-align:middle;}
.talent ul li .TxtArea {display:inline-block; width:60%; padding-left:6%; margin:0; font-size:3.4vw; box-sizing:border-box; vertical-align:middle;}
.talent ul li .TxtArea strong {padding-bottom:3%; font-size:3.8vw;}

/* 복지제도 */
.welfare > ul > li {width:48.5%;}
.welfare > ul > li:nth-child(3n-2) {margin-left:3%;}
.welfare > ul > li:nth-child(2n-1) {margin-left:0;}
.welfare > ul > li img {width:35%; margin-bottom:12%;}
.welfare > ul > li strong {margin-bottom:12%; font-size:4vw;}
.welfare > ul > li.nodata  {background-size:80%;}

/* 주가정보 */

.ir-table-container table .arrow p {font-size:3.4vw;}
.ir-table-container table .arrow span {font-size:3.4vw;}

.prices-container {padding-bottom:4%;}
.prices-container .front-price-area span {margin-bottom:1.5%; margin-right:2%;}
.prices-container .front-price-area span.arr-up {border-width:0 3.5vw 5.5vw 3.5vw;}
.prices-container .front-price-area span.arr-down { margin-bottom:1%; border-width:6vw 4vw 0 4vw;}
.prices-container .front-price-area { text-align:Center; width:100%;  }
.prices-container .front-price-area p {font-size:9vw; font-weight:600;}
.prices-container .front-price-area span.arr-equal { width:7.5vw; height:5.5vw; margin-bottom:1.5vw; }
.prices-container .front-price-area span.arr-equal:before,
.prices-container .front-price-area span.arr-equal:after { height:1.5vw; }

.prices-container .compare-data { width:100%;  max-width:100%; padding-top:4%; }
.prices-container .compare-data > div {  text-align:center;   }
.prices-container .compare-data > div, 
.prices-container .compare-data span, 
.prices-container .compare-data p, 
.prices-container .compare-data p u {height:auto; line-height:1.5;}
.prices-container .compare-data span { text-align:left; padding-right:2%; font-size:3.4vw; } 
.prices-container .compare-data p { text-align:left; }
.prices-container .compare-data p u {font-size:3.4vw;}
.prices-container .compare-data p u.red i {border-width:0.5vw 1.8vw 2.5vw;}
.prices-container .compare-data p u.blue i {margin-bottom:4%; border-width:2.5vw 1.8vw 0 1.8vw;}
.prices-container .ri-txt { position:relative; right:auto; bottom:auto; text-align:right; padding-top:4%; font-size:3.4vw; }
.toppad {height:8vw;}

/* 검색결과 */
.total-num {margin-bottom:3%;}
.total-num .total {font-size:4vw;}
.total-num a {margin-top:1%;}

/* 로그인 */
#MemBody .login_con {width:100%;}
#MemBody .login_con table input.text {height:12vw;}
#MemBody .login_con table .btn_login {height:12.5vw; font-size:4vw; line-height:12.5vw;}
#MemBody .login_con .login_util ul li {padding-left:2.2vw; margin-left:2vw;}
#MemBody .login_con .login_util ul li:before {height:3vw;}

/* 아이디/비밀번호 찾기 */
#findIdpw.find_idpw .find_box {padding:5%;}
#findIdpw.find_idpw .find_box h4 {margin-bottom:3%; font-size:4.2vw;}
#findIdpw.find_idpw .find_box p {font-size:3.4vw;}
#findIdpw.find_idpw .find_box .writeBtnArea {margin-top:6%;}

#findIdpw.idpw_result .find {padding:10% 3%;}
#findIdpw.idpw_result .find p {font-size:3.8vw;}
#findIdpw .btnArea {margin-top:6%;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:6% 3%;}
#MemBody.join_agree .join_agree_box {margin-top:8%;}
#MemBody.join_agree .info_check_box input.mem_name {width:25%; padding:0 2%;}
#MemBody.join_agree .info_check_box input.mem_email {width:50%; padding:0 2%;}
#MemBody.join_agree .join_agree_box .title {margin-bottom:3%; font-size:4vw;}
#MemBody.join_agree .join_agree_box textarea {padding:4% 3%; line-height:1.5;}
#MemBody.join_agree .join_agree_box .agree_check {padding:3%;}

/* 회원가입 */
#MemBody .btn_red.btn_mem_break {padding:0 3vw;}

.join_complete .complete_box {width:100%; padding:10% 3%;}
.join_complete .complete_box img {width:12%;}
.join_complete .complete_box strong {margin-top:5%; font-size:4.5vw;}
.join_complete .complete_box p {margin-top:3%;}
.join_complete .complete_box .BtnArea {margin-top:6%;}
.join_complete .complete_box .BtnArea a {width:40% !important;}

/* 사이트맵 */
.sitemap .sitemap_section {margin-top:12%;}
.sitemap .sitemap_section h4 {padding-bottom:4%; margin-bottom:4%; font-size:5vw;}
.sitemap .sitemap_section .sitemap_con {margin-top:-8%;}
.sitemap .sitemap_section dl {width:100%; margin-top:8%;}
.sitemap .sitemap_section dl dt a {font-size:4vw;}
.sitemap .sitemap_section dl dd .depth2 > li {margin-top:2.5vw; font-size:3.5vw;}
.sitemap .sitemap_section dl dd .depth3 {padding-right:0;}
.sitemap .sitemap_section dl dd .depth3 li {top:2%; line-height:1.4;}
.sitemap .sitemap_section dl dd .depth3 li:before {top:2.4vw;}
.sitemap .sitemap_section dl dd .depth3 li a {font-size:3.2vw;}
.sitemap .sitemap_section ul.depth1 li {width:100%; margin-top:2.5vw; font-size:3.5vw;}

/* footer */
#foot {padding:8% 0;}
.footWrap address {font-size:3vw;}
.footWrap address span {padding-right:3.5%; margin-right:2.8%;}
.footWrap address span:after {height:2.5vw;}
.footWrap .icons-area {position:static;}
.footWrap .copy {padding-top:6%; font-size:2.6vw;}
.footWrap .copy img {width:2vw;}
.footWrap .icons-area {margin-top:4%;}
.footWrap .icons-area a {width:8.5vw; margin-left:2vw;}
.footWrap .icons-area a:first-of-type {margin-left:3vw;}
.footWrap .icons-area span {width:24vw;}

/* 관리자 로그인 */
div#box {width:90%; left:5%; padding:6% 5%; margin-bottom:-50%; border-width:3px; margin-left:0; box-sizing:border-box;}
div#p_input span.label {width:24%;}
div#box .login_center {padding:6% 0;}
div.login_foot {margin-top:6%;}
.divbox .text {width:50%;}

}



/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){

}

/*===============================================================*/
/*======================= Mobile 360 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:360px){

}