﻿#web_wrap{display: none} /* ID로 찾지 않아서 적용이 안됨 */ 
.bxslider{display: none}
.sec3,.sec4,.sec5_{display: none}
.mobile__{display: block}
 @media (min-width:1300px) and (min-height:700px) {
 @charset "utf-8";html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin: 0;padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}body {line-height: 1;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ul li {list-style: none;}ol li {list-style: none;}a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; display: inline-block;}img {vertical-align: middle;}table {border-collapse: collapse;}*{box-sizing: border-box;}
    /*#page_home{display: none}*/
	/*index display none 관련 최영준 추가 2019/12/20*/
    #page_home{display:contents !important;}
	#index_header{display:none !important;}
	#index_Content{display:none !important;}

	.sec3, .sec4, .sec5_ {
		display: block
	}
    .bxslider{display: block}
    #web_wrap{display:block}
    .clearfix:after {content: "";display: block;clear: both;}

	#web_wrap {width: 100%;height: 100%;}

    .__web_header{width: 100%;position: absolute;z-index: 100;padding-bottom: 15px;background: rgba(255, 255, 255, 0)}
    .section{width: 100%;/*height: 859px;*/ border: 0px solid#000}    
    .wcenter{width: 90%;max-width:1200px;position:relative;margin: auto;height: 70px;}
    .weblogo img{width:164px;height: 33px;position: absolute;top: 25.5px;}

    .section.sec1{width: 100%;height: 100%;background:url(../images/common/web/main_bg.png)no-repeat 50%;background-size: cover;color:#fff;}
    .weblogin_wrap>div{float: left;padding: 10px 15px;color: #fff;font-size: 12px;font-weight: 600;background: #555;border-radius: 20px;transition: all 0.2s }
    /*.weblogin_wrap{position: absolute;right: 0px;top:29px;font-size: 12px!important;}*/
    .weblogin_wrap>div:hover{background: #39d1cc}
	.index_weblogin_wrap>div{margin-left: 15px;float: left;padding: 10px 15px;color: #fff;font-size: 12px;font-weight: 600;background: #555;border-radius: 20px;transition: all 0.2s }
    .index_weblogin_wrap{position: absolute;right: 0px;top:29px;font-size: 12px!important;}
    .index_weblogin_wrap>div:hover{background: #39d1cc}
    h1.wtitle{font-size: 60px;color:fff!important;font-weight: 100;letter-spacing: -1.9px;font-family: 'SpoqaHanSans-Thin';padding-bottom: 20px;line-height: 80px;}    
   .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
        text-shadow: 0 0px 0 rgba(255, 255, 255, 0)!important;}   
       
    .maintextwrap {padding-top:240px} 
    .olwrap>ol>li{float:left!important;padding: 26px 20px;color: #fff;font-size: 14px;transition: all 0.2s;font-weight: 600;}
    
    .olwrap>ol>li{cursor: pointer}    
    .olwrap>ol>li:hover{color:#c9c9c9}
    .olwrap{position: absolute;left: 50%;transform: translateX(-50%);padding-top: 10px}
    .wsubtitle{font-size: 14px;line-height: 24px;font-weight: 100;padding-bottom: 50px;letter-spacing: -0.4px}   
    .downbtns{width: 180px;background: rgba(0, 0, 0, 0.81);position: relative;padding: 13px 10px 15px;border-radius: 10px;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.27);transition: all 0.2s}
    .downbtns:hover{background: rgba(0, 0, 0, 0.51);box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);}
    .wbtnwrap .downbtns{float: left}
    .downbtns img{position: absolute;top:15px;left: 16px}        
    .wbtnwrap .downbtns:nth-child(1){margin-right: 20px;color:#fff}    
    .wt{padding-left: 40px;}   
    .downsmall{font-size: 10px}
    .down_title{font-size: 16px;font-weight: 600;padding-top: 2px}
    .downbtns.apple{background: rgba(255, 255, 255, 0.83);}
    .downbtns.apple:hover{background: rgba(255, 255, 255, 0.53);} 
    .downbtns.apple div{color:#000}
     .section.sec2{width: 100%;height:1008px;background:url(../images/common/web/sec2_bg.png)no-repeat 50%;background-size: cover}
    .section.sec4{width: 100%;height:900px;background:url(../images/common/web/sec4_bg.png)no-repeat 50%;background-size: cover}
		.section.sec5_ {height: auto;background: #000;color: #fff;/* position: absolute !important; */bottom: 0px;}
    .sec2{color:#333;text-align: center;padding-top: 200px;}
    .titleline{width:50px;height: 3px;background-color:#39d1cc;margin:auto; }
    .wsubtiteng{line-height: 60px;font-size: 18px;font-weight: 600;color:#707070;letter-spacing: -0.8px}
    .sec2 .wtitle{font-size: 35px;padding: 20px 0 30px;font-weight: 100;font-family: 'SpoqaHanSans-Light';letter-spacing: -3px;color:#000}
    .sec2 .wsubtitle{font-size: 14px;letter-spacing: -0.8px;font-weight: 600;color:#777;padding-bottom: 110px;line-height: 26px}
    .item{width: 332px;height:330px;background: rgba(255, 255, 255, 0.74);position: relative;padding:25px;}
    .bline{width:100%;height: 3px;background-color:#39d1cc;position: absolute;top:0;z-index: 110;left:0;}
    .bxslider{width: 1100px;margin-left: 60px;position: relative}
    .bxslider .item{text-align: left}
    .slide_tit_text b{font-size: 16px!important;margin-right: 5px;letter-spacing: 0px;color:#000}
    .slide_tit_text{font-size: 15px;font-weight: 400;font-family:'SpoqaHanSans-Regular';letter-spacing: -0.8px;padding: 10px 0 25px }
    .slicontents{font-size: 13px;letter-spacing: -0.5px;line-height: 22px;font-family:'SpoqaHanSans-Thin';font-weight: 600;}
   .section.sec2 .bx-prev{width:70px;height:70px;background: url(../images/common/web/prev.png)no-repeat 50%;background-size: cover;position: absolute;bottom:150px;left:-100px;color:rgba(255, 255, 255, 0);border-radius: 50%}
    .section.sec2 .bx-next{width:70px;height:70px;background: url(../images/common/web/next.png)no-repeat 50%;background-size: cover;position: absolute;bottom:150px;right:-85px;color:rgba(255, 255, 255, 0);border-radius: 50%}
    .sec3{color:#333;text-align: center;padding-top: 190px;}
    .sec3 .wtitle{font-size: 35px;padding: 20px 0 30px;font-weight: 100;font-family: 'SpoqaHanSans-Light';letter-spacing: -3px;color:#000}
    .sec3 .wsubtitle{font-size: 14px;letter-spacing: -0.6px;font-weight: 600;color:#777;padding-bottom: 90px;line-height: 26px}
    .wcontent_wrap{width:90%;max-width: 1300px;margin:auto;margin-top: 220px}
    .wcontent_wrap img{width:80px;text-align: center}
    .wcontent_wrap li{float:left;width: 19%;margin-left: 1%;height: 230px;background: #eee;line-height: 230px;border-radius: 10px;position: relative;font-family: 'SpoqaHanSans-Light';letter-spacing: -0.8px;transition:background 0.5s}
    .wcontent_wrap .mltext{width: 100%;position: absolute;text-align: center;bottom: -140px;font-family: 'SpoqaHanSans-Medium';font-weight: 600;}
    .wcontent_wrap .mstext{width: 100%;position: absolute;text-align: center;bottom: -162px;font-size:12px;font-weight: 600;color:#777}
    .wcontent_wrap li:hover{background: #91d9d7}
    .sec4{color:#333;text-align: center;padding-top: 170px;}
    .sec4 .wtitle{font-size: 35px;padding: 20px 0 30px;font-weight: 100;font-family: 'SpoqaHanSans-Light';letter-spacing: -3px;color:#000}
    .sec4 .wsubtitle{font-size: 14px;letter-spacing: -0.6px;font-weight: 600;color:#777;padding-bottom: 90px;line-height: 26px}
    .wstab_wrap{width: 90%;max-width:1200px;margin: auto;margin-top: 220px}
    .wstab_wrap li{width:32%;float:left;padding: 30px;margin-left: 2%;background: rgba(255, 255, 255, 0.51);margin-bottom: 23px;text-align:left;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.04);position: relative;transition: all 0.1s;font-family: 'SpoqaHanSans-Light';letter-spacing: -3px;color:#000;}
    .wstab_wrap li:hover{background: rgba(255, 255, 255, 0.8);box-shadow:0px 0px 10px rgba(84, 155, 153, 0.33);}
    .wstab_wrap .hline{height: 100%;width:3px;background: #39d1cc;position: absolute;left: 0;top:0}
    .wstab_wrap li.wone{margin-left:0%;}
    .wstab_wrap li img{position: absolute;width: 10px;right: 20px;top:31px}
    .stabtit{font-weight: 600;font-size: 16px;font-family: 'SpoqaHanSans-Medium';letter-spacing: -0.8px;color:#333}      
    .stabsub{display: none}
    .topbtn{width: 40px;height:40px;background: #000;line-height: 40px;text-align: center;border-radius: 3px;position: fixed;bottom: 130px;right: 10%;box-shadow:0px 0px 5px rgba(84, 155, 153, 0.33);font-size: 14px;font-weight: 600;transition: all 0.3s;color:#fff}
    .topbtn:hover{background: #7ab9b7}
    .sec5_ .wcenter{padding: 0px 0}.sec5_{padding: 20px 0}
		.footer_txt3 {text-align: left;font-family: SpoqaHanSans-Regular;font-size: 11px !important;letter-spacing: -0.2px;color: #e5e5e5;opacity: 0.56;word-break: keep-all;padding-top: 10px}
		.footer_txt2 {font-size: 12px !important;font-family: inherit;line-height: inherit;letter-spacing: inherit;}
    .footer_txt1 {text-align: left;font-family: SpoqaHanSans-Regular;font-size: 14px !important;letter-spacing: -0.58px;color: #fff;padding-bottom: 20px;opacity: 1;word-break: keep-all;}
    .section.sec5_{position: relative;z-index: 999}
    .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{background-color:rgba(255, 255, 255, 0)!important}
    body{/*overflow-y: hidden*/}
    .overflowHidden.ui-page.ui-page-theme-a.ui-page-active{/*overflow-y: hidden*/}
    .userInfo_wrap>div:hover{background: #39d1cc}
    .userInfo_wrap>div{padding: 10px 15px;color: #fff;font-size: 12px;font-weight: 600;background: rgba(0, 0, 0, 0.64);border-radius: 20px;transition: all 0.2s }
    .userInfo_wrap{position: absolute;right: 78px;top:29px;font-size: 12px!important;}
	 .wsubtitle{padding-bottom: 100px}
/*페이지 메인 푸터구분*/
.__pageMainFooterDivisionContainer{display:block!important;height: auto!important;margin:0;padding:0;width:100%;}
.__pageMainContainer{margin:0;padding:0;position: relative}
.__pageFooterContainer{margin:0;padding:0;}
 .sec5{display: none}.sec5_{display: block}

/*pc 네비게이션 css */
.weblogo img{width: 164px;height: 33px;position: absolute;top: 26px;left: 0px;}

.weblogin_wrap{position: absolute;right: 8px;top: 26px;font-size: 12px!important;width: max-content;}
.userInfo_wrap {position: absolute;right: 85px;top: 26px;font-size: 12px!important;width: max-content;}
.olwrap > ol{font-weight: 600;display: flex;text-align: left;font-family: SpoqaHanSans-Regular;font-size: 14px;letter-spacing: -0.35px;color: #fff;position: relative;left: 86px;top: 11px;}
.F6F6F6 > div > .olwrap > ol{color:#FFF;}
.olwrap > ol > ul{margin-right: 48px;margin-top: 14px;text-align: center; width: 132px;}
.olwrap > ol > ul > li{margin-top: 17px;}
.olwrap > ol > ul > li:first-child{margin-top: 0px;}
.olwrap > ol > ul > li:nth-child(2){margin-top:30px; margin-bottom: 20px; border-bottom: 2px solid #75B9B4; opacity: 0;}
.olwrap > ol > ul > li > li:nth-child(n+2){color: #7E7E7E !important;}
.F6F6F6{color: #fff !important;}
.li_line{height: 1px;width: 3000px;background: #DFDFDF;position: absolute;top: 80px;left: -700px;overflow: hidden;}
.li_change{display: none; font-weight: 100;}
.li_longText{width: max-content;}
.li_change:hover{color: #75B9B4;}

.sec5{display: none}
@media (max-height:960px){body{overflow: auto}}

