/**ž¹è°æ*/
.backgroundTransition, .backgroundTransition .image-top, .backgroundTransition .image-bottom {
  height: 100%;
  width: 100%;
}
 

 .backgroundTransition {
  position: relative;
  overflow: hidden;
  background-size: cover; min-height:250px;  width: 100%; 
}

 .backgroundTransition .image-bottom, body .backgroundTransition .image-top {
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;background-position:top; background-position:center;
}

 .backgroundTransition .image-bottom { z-index: -2; }
.con_1 h3
 .backgroundTransition .image-top {
  z-index: -1;
  display: none;
}

#image-download { display: none; }
 
.top_title {
    margin-left: auto;
    margin-right: auto;
    padding: 20px; text-align:center;
    color:#fff; }

.lavatio_title {
	margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px; text-align:center;
    color:#fff; }
.lavatio_title .lavatio_about { padding-bottom:25px; font-size: 25px; font-weight: 400; line-height: 1.5;}

.notice_title {
	margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px; text-align:center;
    color:#fff; }
.notice_title .notice_about { font-size: 50px; font-weight: 400; line-height: 1.5;}
.notice_about p {font-size: 30px;}

.mid_title_bg {min-height:150px; width: 100%; display:block; background-size:cover; background-repeat:none; background:url(../images/lavatio_bg_02.jpg);}
.lavatio_title02 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px; text-align:center;
    color:#fff; }
.lavatio_title02 .lavatio_about { padding-bottom:25px; font-size: 25px; font-weight: 400; line-height: 1.5;}


/*
  The following css is merely to style the white container in the middle of the page.
*/

/*¿£Æ¼·º½º*/
.sbu_warp {    font-family: 'Raleway','notokr';
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #333;
    line-height: 1.75;}
.ntrex_cont { padding:5%;}
.ntrex_cont h2{font-size: 20px; font-weight: 400;  color: #2795cf;   line-height: 1.5;  margin-bottom: 20px;}
.ntrex_cont span {font-weight: 700; }

.ntrex_cont .bar {width:100px; height: 2px; background:#444; margin: 30px 0px; }

.con_1  { padding: 5%; display:block; position:relative}	
.con_1 h2{    font-size:22px; font-weight: 400; line-height: 1.2;  color: #555; margin-bottom: 30px;}
.con_1 h3{    font-size:20px; font-weight: 400; color: #2795cf; margin-bottom: 10px; }

.con_1 li {  display:block; clear:both; line-height:1.5;}
.con_1 img { max-width:100%; display: block;  width: 100%;}
.con_1  span { padding:5px; border:1px solid #dbdbdb; margin:5px; display:block}
.con_1 p{font-size: 13px;}

.faq_con01  { padding: 5%; display:block; position:relative}
.faq_con01 .faq_01_img img { display: block;  width: 100%; min-width:350px;}
.faq_con01 h3 {font-size:25px; font-weight: 600; color: #444;}

.faq_con01 .faq_bar { width: 100%; height: 1px; background: #cdcdcd; margin: 25px 0px; }

.faq01_cont {padding-top: 20px; line-height: 1.5;}
.faq01_cont .faq01_q {font-size:18px; font-weight: 600; color: #2795cf;}
.faq01_cont .faq01_a {font-size:15px; color: #444; padding-top: 10px;}

.faq_con01 .faq_bar02 { width: 100%; margin: 25px 0px; }


/*ã¾Æ¿À½Ã´Â ±æ*/
.mapwarp { width:100%; display: table; font-family: '¸¼Àº°íµñ',Malgun Gothic,dotum,'µ¸À½', arial, sans-serif; position:relative; margin-bottom: 20px;}
.mapwarp h3{ font-size: 25px;  font-weight: 600; text-align:center; color:#444;}
.map_view {padding: 3%;}

.maptxt_warp { display: block; width:100%;}
.maptxt_warp ul {background: #2795cf; margin: 3%;}
.maptxt_warp li { min-height: 250px;}
.map_txt { color: #FFFFFF; text-align: center; position: relative;}
.map_txt h3 {font-size:20px; color:#fff; padding: 20px 0 20px 20px; text-align: left;}
.map_txt .bar02 {width:150px; height: 2px; background:#fff; margin: 0 0 10px 20px;}
.map_txt .map_info01 {text-align: left; font-size:16px; padding: 10px 0 0 20px;}
.map_txt .map_info02 {text-align: left; font-size:13px; padding: 20px;}


/*¿¬Çõ*/
.history_cont {padding:5%;}
.history_cont h2{font-size: 22px; font-weight: 600;  color: #2795cf;   line-height: 1.2;  margin-bottom: 20px;}
.history_cont h3 {font-size: 18px; font-weight: 600;  color: #444; }
.history { display:block; width:100%; position:relative; overflow:hidden}
.history h2{ margin:20px 0;}

.history .title {margin-bottom: 30px;  margin: 0;     font-size: 17px;  color: #428aee;  line-height: 1.75; font-weight:600; padding-left:45px}
.history .bg { background:url(../images/history_bg1.png) no-repeat; 
  display:inline-block; color:#FFFFFF;   padding:5px 0 15px 20px; font-size:14px;border-bottom:dotted 1px #333; width:100%; margin-bottom:20px;}
.history  dt  {clear: both;
    float: left;
    width: 42px;
    font-weight: 700;
    line-height: 22px;
    color: #f1592d;}
	
.history  dd{    line-height: 22px;
    color: #6c6c6c;
    text-align: left;
    padding-left: 5px;
    float: left;
    width: 280px;
    margin-bottom: 15px;
    line-height: -0.5px;}

.history_cont .sow_tab { position: relative; zoom: 1; display: inline-block; }
.history_cont .sow_tab li { width: 100%; float: left; height: 35px; text-align: center; background: #ececec; color: #444; font-size: 16px; margin-bottom:5px; }
.history_cont .sow_tab li:hover {background: #2795cf; color: #fff;}
.read_body img {width:100%;}
.read_footer {overflow: hidden;}
.read_footer .fileList {margin: 15px; margin: auto; text-align: center; width: 200px; padding-bottom: 20px;}
.read_footer .toggleFile { border: 0; background: url(/mobile/images/product/icon_img.gif) no-repeat 0 2px; cursor: pointer; overflow: visible; padding: 0 0 0 15px; color: #fff; width: 190px; height: 50px; font-size: 20px;}
.read_footer .files { display: none; list-style: none; margin: 15px 0;padding: 0; line-height: 16px;}
.read_footer .files li { background: url(/mobile/images/producticoSet.gif) no-repeat 0 -28px; padding: 0 0 0 15px; font-size: 18px;}
.read_footer .files a { color: #4b4b4b; position: relative; text-decoration: none;}




/*ÀÎÁõÇöȲ*/
.accredit { padding-top:20px;display:block; width:100%; position:relative }
.accredit .bdx{display: inline-block;   width: 29%;  margin-bottom: 20px;  vertical-align: top; margin-right:10px; text-align:center}
.accredit .bdx img { width:100%; display:block}	
/*¹®¿öÄ¿*/
.moonwalker {}
.moonwalker img { width:100%; display:block}	
.moonwalker .cont { width:100%; display:block; padding-top:30px; }
.moonwalker .cont h3 {    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #f1592d;
    margin-bottom: 30px;}
.moonwalker  .cont .box {display: inline-block;width: 29%;  margin-bottom: 20px;  vertical-align: top;  text-align:center; border:1px solid #D4D4D4; padding:5px; font-size:13px; height:95px;}
.app_title { margin-top:20px; padding:0}
.app { width:100%; display:block; border-bottom:1px solid #e4e4e4; padding-bottom:20px; margin-top:20px;}
.app .title  {color: #f1592d;margin-bottom: 30px;font-size: 18px; font-weight:400;padding:0; margin:0;}
.app  .cont { padding:0; margin:0; font-size:14px;}

/*µð¹ÙÀ̽º¸¶Æ®*/
.dev_best { width:100%; display:block; position:relative; padding-top:20px;}
 .dev_best img {max-width:100%;display: block;  width:157px; }
.dev_best li {    min-height: 130px;
    padding: 15px 0 5px 100px;
    background: 0 center no-repeat;
    border-bottom: 1px solid #d2d2d2;
    color: #666;     padding-left: 130px;
    background-size: 60px; font-size:14px}
.dev_best  span { display:block; font-size:18px;color: #f1592d;font-weight: 700;}		
.dev_best .list01 { background:url(../images/devi_img_01.jpg) no-repeat;}
.dev_best .list02 { background:url(../images/devi_img_02.jpg) no-repeat; margin-top:20px;}
.dev_best .list03 { background:url(../images/devi_img_03.jpg) no-repeat; margin-top:20px;}
.dev_best .list04 { background:url(../images/devi_img_04.jpg) no-repeat; margin-top:20px;}
.dev_best .list05 { background:url(../images/devi_img_05.jpg) no-repeat; margin-top:20px;}
.dev_best .list06 { background:url(../images/devi_img_06.jpg) no-repeat; margin-top:20px;}
.dev_bt { margin-top:30px;}
.dev_bt_warp  { display:block; width:100%; margin-top:20px;}
.dev_bt_warp li { float:left; width:30%; margin-right:8px;}
.dev_bt_warp li img { max-width:100%; width:100%}
.dev_bt_se { width:100%; display:block; position:relative; clear:both}
.dev_bt_se li { padding:20px 0;border-bottom: 1px solid #d2d2d2;} 
.dev_bt_se  p {font-size:16px;color: #f1592d;font-weight: 500;}
.dev_gomo {clear: both; min-height:350px; background: url(../images/bg_07.jpg) center top no-repeat; background-size: cover;}
.dev_gomo .gomo { color:#FFFFFF; width:90%; margin:auto; text-align:center; padding-top:150px;}
.dev_gomo .gomo h2 {font-size: 25px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
} 
.dev_gomo .gomo  p {    font-size: 15px;
    font-weight: 300;
    color: #fff; }


/***¹Ìµð¾î***/
.med_img_warp  { display:block; width:100%; margin-top:20px; clear:both; position:relative}
.med_img_warp li {  min-height: 40px;
    padding-top: 250px; text-align:center; margin-bottom:20px;
    background: 0 center no-repeat;
    border-bottom: 1px solid #d2d2d2;
    color: #666} 
.med_img_warp .med01 { background:url(../images/media_img_03.jpg) top center no-repeat}
.med_img_warp .med02 { background:url(../images/media_img_01.jpg) top center no-repeat}
.med_img_warp .med03 { background:url(../images/media_img_02.jpg) top center no-repeat}
.dev_mag { width:100%; display:block; padding-top: 20px; padding-bottom: 20px;}
.dev_mag_warp { width:100%; display:block; }
.dev_mag_warp .bdx{display: inline-block;   width: 100%;  margin-bottom: 18px;  vertical-align: top; margin-right:10px; text-align:center}
.dev_mag_warp .bdx img {width:100%; min-width:300px; display:block;}	
.dev_mag h2 {text-align: center; font-size: 20px; font-weight: 600; color: #444; line-height: 1.2; letter-spacing: -0.5px;}
.dev_mag .btnpr {top: -10px; text-align: center; position: relative;}
.dev_mag .btnpr .link {display: inline-block; border-bottom: 1px solid #2795cf; color: #2795cf; margin-right: 10px; font-size:18px; line-height: 30px; color: #2795cf; font-weight: 600;}
.dev_mag .btnpr .arrow {display: inline-block; width: 30px; height: 30px; background: url(/mobile/images/product/list-go.png) 50% 50% no-repeat; background-size: auto !important; position: absolute; margin-top: 3px; }


.medi_bt { width:95%; display:block; padding-top:20px; margin:auto; font-size:14px;}
.medi_bt h3 { background:#f1592d; height:35px; color:#FFFFFF; line-height:30px; padding-left:10px;}

.medi_bt li {display: inline-block;   width: 46%; vertical-align: top; margin-right:10px;}


.medi_ba {clear: both; min-height:350px; background: url(../images/bg_09.jpg) center top no-repeat; background-size: cover;}
.medi_ba .gomo { color:#FFFFFF; width:90%; margin:auto; text-align:center; padding-top:150px;}
.medi_ba .gomo h2 {font-size: 25px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
} 
.medi_ba .gomo  p {    font-size: 15px;
    font-weight: 300;
    color: #fff; }



/*101µµ*/

.ba_img_warp {display:block; width:100%; margin-top:10px; clear:both; position:relative}
.ba_img_warp img{display: block; width: 100%}
.horre_title { padding-bottom:30px;}
.horre_title p{ padding:0; margin:0}
.horr {    width: 100%; margin-bottom: 15px;  }
.horr .imgArea img {display: block; width: 100%;}
.horr .info{min-height: inherit;  padding: 20px;    background: #efefef;    font-size: 13px;    line-height: 1.75;}
.horr  h2 { font-size:15px;}
.ba_gomo {clear: both; min-height:350px; background: url(../images/bg_11.jpg) center top no-repeat; background-size: cover;}
.ba_gomo .gomo { color:#FFFFFF; width:90%; margin:auto; text-align:center; padding-top:150px;}
.ba_gomo .gomo h2 {font-size: 25px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
} 
.ba_gomo .gomo  p {    font-size: 15px;
    font-weight: 300;
    color: #fff; }
.mak_title { display:block; padding-top:20px; width:90%; margin:auto}	
.mak_title h2{ font-size: 22px; font-weight: 600; line-height: 1.2;  color: #333;  }
.mak_title .makt{display: inline-block;   width:46%;   vertical-align: top; margin-right:10px; text-align:center; margin-top:20px;}
.mak_title .makt img{ width:100%; display:block; border:1px solid #E3E3E3}	

/**¿À½Ã´Â±æ**/
.app_ntrex { display:block; width:100%; position:relative; margin-top:20px;}
.app_ntrex h3 { font-weight:bold;}
.app_ntrex img {display: block; width: 100%; min-height:298px; border:1px solid #E0E0E0}
.app_ntrex  strong { font-weight:bold; padding-right:10px;}
/***etc****/
.etc_img img {display: block; width: 100%; }