@media screen and (min-width: 1600px){

}

@media screen and (min-width: 1900px){

}

@media screen and (max-width: 1600px){
}

@media screen and (max-width: 1500px){
	.owen_sect > .cont{margin-left:2em;margin-right:2em;}
	#wrap .out_box{margin-left:1em;margin-right:1em;}
	#wrap .no_edge{margin-left:0;margin-right:0;}
}
@media screen and (max-width: 1400px){
	.area_layer_view{width:70%;-moz-transform: translate3d(70%,0,0); -webkit-transform: translate3d(70%,0,0); transform: translate3d(70%,0,0);}

	.list_type4 > ul > li{width:25%;}


	#area_petf_list{width:50%;}
	#area_map{right:50%;}

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 1000px){
	#area_problem .bx_problem button.btn_1472{right:1em;}
	/*.list_type1 > ul > li{width:50%;margin-bottom:1em;}
	.list_type1 > ul > li > a{padding:0.625em;max-width:none;}
	.list_type1 > ul > li > a{}
	.list_type1 > ul > li > a:after{content:'';clear:both;display: block;}
	.list_type1 > ul > li .img{width:40%;float:left;padding-bottom:30%;}
	.list_type1 .con{width:55%;float:right}*/
	.list_type2 > ul > li > .inner{margin:0 1em;}

    .area_layer_view{width:80%;-moz-transform: translate3d(80%,0,0); -webkit-transform: translate3d(80%,0,0); transform: translate3d(80%,0,0);}
    .layer_type01 .area_content .con .img{width:85%}

    #remote_sect1 .list_remote{margin:4em 2% 0;}
    .list_remote > ul{margin-left:-4%;}
    .list_remote > ul > li > a{display: block;margin-left:12%;}
	#aside_nav .tit{visibility: hidden;opacity: 0;
	    -webkit-transition: opacity .3s linear, visibility .3s linear, color .3s linear;
	    -o-transition: opacity .3s linear, visibility .3s linear, color .3s linear;
	    transition: opacity .3s linear, visibility .3s linear, color .3s linear;
	}
	#aside_nav > nav > ul:hover .tit{visibility: visible;opacity: 1;}

}

@media screen and (max-width: 900px){

	.list_type4 > ul{margin-left:-1em;}
	.list_type4 > ul > li{width:33.333%;margin-bottom:1em;}
	.list_type4 > ul > li > div{margin-left:1em;}

	#area_company_intro .bx2 .con br, #area_company_intro .bx3 .con br, #area_company_intro .bx4 .con br{display: none;}

}


@media screen and (max-width: 767px){
/*공통*/
	.owen_sect > .cont{margin-left:1em;margin-right:1em;}
	.media_mobile{display: block;}
	.media_pc{display: none;}
	html.naviOn{height:100%;}
	html.naviOn body{overflow: hidden;}
	html.naviOn body #wrap{height:100%;}
	html.naviOn body #wrap #header{height:100%;}
	html.naviOn body #wrap #header > .inner{background-color: rgba(0,0,0,0.8);}

	.tab_type2{width:20em;margin:auto;position: relative;padding-top:1em;z-index:1;}
	.tab_type2 .current_cate{ width: 100%;  border: 1px solid #D9D9D9;line-height: 1.5; color: #4481cf; padding: 0.3em 0.8em; text-align: left;
		font-weight: 700; background: #fff url(/images/corevalues/ico_select_arrow.png) no-repeat right 10px center;position: relative;height: auto; min-width: inherit;border-radius:0;}
	.tab_type2 .current_cate span{position: absolute;right:1em; display: inline-block; width: 0; height: 0; border-top: 0.5em solid #4481cf;top:0;bottom:0;margin:auto;
		    border-left: 0.5em solid transparent; border-right: 0.5em solid transparent;}
	.tab_type2 > ul{position: absolute; width: 100%; /*display: none; visibility: hidden; opacity: 0;*/ background-color: #262523; margin-top: 0.5em;
		-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
		-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
		-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
		-o-transition: visibility .3s ease-in-out,
		opacity .3s ease-in-out;
		transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	}
	.tab_type2 > ul{border-top:1px solid #D9D9D9}
	#area_faq .tab_type2 > ul > li, .tab_type2 > ul > li{float:none;width:auto;}
	.tab_type2 > ul > li > a{text-align: left;padding: 0.5em 0.8em;position: relative;border-top-width:0;}
	.tab_type2 > ul > li > a:after{position: absolute;top:0;left:0.5em;right:0.5em;border-top:1px solid #eee;content:""; }
	.tab_type2 > ul > li:first-child > a:after{content:none;}
	.tab_type2 > ul > li.on > a span{border-color:transparent;}

/*header*/
	body{font-size:0.9em;}
	#header > .inner > .m_area{display: block;}
	#header > .inner > h1{float:none;text-align: center;margin:0;position: static;}
	#header .area_lnb{position: absolute; height:auto;width:100%;top:3.5em;bottom:0;overflow: hidden;overflow-y: auto;}
	#lnb{float:none;margin-top:1em;height:auto;}
	#lnb > ul{height:auto;}
	.top_menu > ul > li{display: block; float:none;height:auto;border-right-width:0;margin:0 1em;}
	.top_menu > ul > li:first-child{border-left-width:0px;}
	.top_menu > ul > li > a{display:block; vertical-align:middle;padding:0.5em 1em;font-size:1.5em;min-width:inherit;color:#aaa;font-weight: 300;border-bottom:1px solid #aaa;text-align: left;}
	/*.top_menu > ul > li > a:hover{color:#fff;}*/
	.top_menu > ul > li.on > a{color:#fff;}
	.area_gnb{float:none;height:auto;position: static;}
	.area_gnb p{display: none;}
	.area_gnb #gnb{float:none;height:auto;margin-bottom:1em;}
	#gnb ul{height:auto;}

    .top_menu > ul#login_div2 > div.publicpopup2{visibility: hidden;}
    .top_menu > ul#login_div2 > div.publicpopup1{visibility: hidden;}
  
	/*.list_type1 > ul > li{width:auto;float:none;margin-bottom:0.625em;}
	.list_type1 > ul > li > a{max-width:none;}
	.list_type1 > ul > li > a:after{content:'';clear:both;display: block;}
	.list_type1 > ul > li .img{width:40%;float:left;padding-bottom:20%;}
	.list_type1 .con{width:55%;float:right}*/

	#area_main #sect1{background-color: #fff;}
	#area_main #sect2{background-color: #00a1ef;}
	#area_main #sect2 .bot{position: relative;}
	#area_main #sect2 .bot > dl > dt{width:auto;float:none;}
	#area_main #sect2 .bot > dl > dd{width:auto;float:none;}
	#area_main #sect2 .bot ul{margin-left:-1em;}


	#area_main #sect3{background-color: #e5e5e5;}

	#area_main #sect3 .cont > dl > dt{float: none;width: auto;margin-bottom:0.625em;text-align: left;}
	#area_main #sect3 .cont > dl > dt > p{margin-right: 0;}
	#area_main #sect3 .cont > dl > dt > p br.tmp{display: none;}
	#area_main #sect3 .cont > dl > dd{float: none;width: auto;position: relative;padding-top:0.625em;}
	#area_main #sect3 .cont > dl > dd .line{top:0;bottom:inherit;left:0;right:0;border-left-width:0px;border-top:1px solid #fff;width:0;
	-ms-transform:width 0.8s cubic-bezier(.45,.32,.55,1.53); -webkit-transition:width 0.8s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:width 0.8s cubic-bezier(.45,.32,.55,1.53); -o-transition:width 0.8s cubic-bezier(.45,.32,.55,1.53); transition:width 0.8s cubic-bezier(.45,.32,.55,1.53);
    }
	#area_main #sect3 .cont > dl > dd .line.show{height:0;width:100%;}
	#area_main #sect3 .cont ul{margin-left:0;}

	#area_main #sect4{background-color: #e5e5e5;}

	.list_type3 > ul > li{width:33.333%}
	.list_type3 > ul > li.notice{width:100%;}
	.list_type3 .cover{}
	.list_type3 .cover img{max-height:80%;}

	.list_type2 > ul{margin-left:-1em;}
	.list_type2 > ul > li > .inner{margin:0 0 0 1em;}


/*분석수학 소개*/
	#intro_sect1 .bx_study_process > ul > li.ready{width:auto;float:none;}
	#intro_sect1 .bx_study_process > ul > li.smart{width:auto;float:none;}
	#onetoall_tit > dt{float: none;display: inline-block;}
	#onetoall_tit > dd{display: block;}

/*레이어 뷰*/
    .area_layer_view #board_view.layer_type01{padding:2.125em 1.25em;}
    .layer_type01 header button.btn_good{bottom:1.4545em;}
    .area_layer_view{width:100%;-moz-transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
    .area_layer_view > .btn_close{ width: 2em; height: 2em; right:1.5em; margin-right: 0.5em; margin-top: 0.5em; background-image: url('/home/images/btn/btn_close_m.png');z-index:20;-webkit-background-size: auto 100%; background-size: auto 100%;}
    .layer_type01 .area_content .con .img{width:auto}

/*커뮤니티 리스트*/
	.bd_list_type1 > dl{display: block; width:auto%;}
	.bd_list_type1 > dl > dt{display: block;}
	.bd_list_type1 > dl > dd{display: block;}
	.bd_list_type1 ul{display: block;}
	.bd_list_type1 ul > li.writer, .bd_list_type1 ul > li.hit, .bd_list_type1 ul > li.date{width:auto;}

	.bd_list_type1 ul > li{display: block; vertical-align: middle;text-align:left;}
    .bd_list_type1 > dl > dt, .bd_list_type1 .hit, .bd_list_type1 .no{display:none;}
    .bd_list_type1 > dl{margin-top:1.125em; }
    .bd_list_type1 > dl > dd > ul{border-bottom:1px solid #BFBFBF;}
    .bd_list_type1 > dl > dd > ul > li{border-bottom-width:0;padding:0;}
    .bd_list_type1 ul{position:relative;border-bottom:1px solid #E4E4E4;padding:1em 0;}
    .bd_list_type1 ul:first-child{border-top:1px solid #000000}
    .bd_list_type1 ul > li.det .tit{display:block;color:#000;font-weight:700;line-height:1.5;margin:0.25em 0 0;}
    .bd_list_type1 ul > li.det .tit > span{font-size: 1.125em;}
    .bd_list_type1 ul > li.det .con{display:block;color: #888;line-height:1.7}
    .bd_list_type1 .date{display: inline-block;}
    .bd_list_type1 .date span{color:#888;line-height:1.4; font-weight:300;}
    .bd_list_type1 .writer{display: inline-block;padding-right:0.7em;margin-right:0.5em;position: relative;}
    .bd_list_type1 .writer::after{position:absolute; bottom:0;top:0; height:1em; margin:auto; border-left:1px solid #ccc;right:0;content:"";}
    .bd_list_type1 .writer span{color:#888;line-height:1.4; font-weight:300;}
    .bd_list_type1 ul > li.ico{position:absolute; top:1em;right:1em;height:1.5em;}
    .bd_list_type1 ul > li.rec, .bd_list_type1 ul > li.job{position:absolute; top:1em;right:1em;}
    .bd_list_type1 ul > li.rec span, .bd_list_type1 ul > li.job span{line-height:1.4}

/*원격*/
    #remote_sect1 .list_remote{margin:4em 0 0;}
    .list_remote > ul{margin-left:-1em;}
    .list_remote > ul > li > a{display: block;margin-left:1em;}

/*lnb 2차 메뉴*/
	#lnb .depth2{overflow: hidden;text-align: left;display: none;}
	#lnb .depth2 > ul{color: #666;}
	#lnb .depth2 > ul > li{}
	#lnb .depth2 > ul > li > a{display: block;padding: 0.5em 1.5em;font-size: 1.25em;}

/*회사소개*/
	#area_company_intro .bx1 .bg{height:0;padding-bottom:73%;}
	#area_company_intro .bx1 .cont{margin-top:5%;}
}
@media screen and (min-width: 768px){
    .tab_type2 .current_cate{display:none;}
    .tab_type2 > ul{display: block !important;opacity:1;visibility: visible;}

/*lnb 2차 메뉴*/
    #lnb .depth2{position: absolute;left:0;right:0;background-color: rgba(242,242,242,0.6);overflow: hidden;display: block !important;
    background:rgb(242,242,242); background:rgba(242,242,242,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f2f2f2,endColorstr=#99f2f2f2); zoom: 1;}
	#lnb .depth2:nth-child(n) { filter: none; }
	#lnb .depth2 > ul{padding:0.5em;position: relative;margin-top:-3em;margin-top: 0\0/;display: none\0/;
	    -webkit-transition: margin-top .3s ease-in-out;  -moz-transition: margin-top .3s ease-in-out;  -o-transition: margin-top .3s ease-in-out;  transition: margin-top .3s ease-in-out;
	}
	#lnb .depth2 > ul > li{display: inline-block;margin:0 0.25em}
	#lnb .depth2 > ul > li > a{display: block;padding:0.25em 0.5em}
	#lnb > ul > li:hover .depth2 > ul{margin-top:0;display: block\0/;}

}
@media screen and (max-width: 640px){

	.list_type4 > ul{margin-left:-0.5em;}
	.list_type4 > ul > li{width:50%;margin-bottom:0.5em;}
	.list_type4 > ul > li > div{margin-left:0.5em;}

/*고객센터 - 문의하기*/
	.form_type01 ul.bx_form > li{padding-left:6em;}
	#area_contact .left_area{float:none;width:auto;}
	#area_contact .left_area:after{content: none;}
	#area_contact .left_area #bx_write{margin-right:0;}
	#area_contact .right_area{float:none;width:auto;}
	#area_contact .bx_contact_info{max-width:none;padding-left:0;border-top:1px dashed #ccc;margin-top:2em;padding-top:2em;}
	#area_contact .bx_contact_info h3{font-size: 1.25em;margin-bottom: 1em;}
	#area_contact .bx_contact_info dl{position: relative;}
	#area_contact .bx_contact_info dl > dt{position: absolute;margin:0;}
	#area_contact .bx_contact_info dl > dd{margin-left:10em;margin-bottom:0.75em;}
	#area_contact .bx_contact_info .btns{text-align: center;}
	#area_contact .bx_contact_info .btns button.btn_pack{font-size: 0.875em;margin-bottom:0.5em;}

	#remote_sect1 .cont{margin-top:6em;}
	.list_remote .img{width:auto;height:0;padding-bottom:100%;position: relative;}
	.list_remote .img img{position: absolute;top:0;right:0;bottom:0;left:0;}
	.list_remote p{height:2.5em;line-height:1.25;overflow: hidden;}

	.list_type2 > ul > li{width:auto;float:none;margin-bottom:0.625em;}
	.list_type2 > ul > li .bxs:after{content:'';clear:both;display: block;}
	.list_type2 > ul > li .img{width:30%;float:left;padding-bottom:30%;margin:0;}
	.list_type2 .con{width:65%;float:right;border-width:0;}
	.list_type2 .bxs{padding:1em;}

    #area_company_intro .bx1 .bg{padding-bottom:100%;}
    #area_company_intro .bx1 .cont > h3{font-size: 1.25em;font-weight: 700;}
    #area_company_intro .bx1 .cont > p{font-size: 0.875em;margin:0 0.5em;}
    #area_company_intro .bx1 .cont > p br{display: none;}

    #area_company_intro .bx2 > ul{height: auto;}
    #area_company_intro .bx2 .img{float: none;width: auto;height:0;padding-bottom:41%;position: relative;}
    #area_company_intro .bx2 .img img{position: absolute;top:0;left:0;}
    #area_company_intro .bx2 .con{float: none;width: auto;height:auto;}
    #area_company_intro .bx2 .con{padding:2.5em 0}
    #area_company_intro .bx2 .con > h3{padding-top:0;}
    #area_company_intro .bx2 .con > h3 img{height:2.5em}
    #area_company_intro .bx2 .con > p{margin-top:2.5em;}

    #area_company_intro .bx3 > ul{height: auto;}
    #area_company_intro .bx3 .img{float: none;width: auto;height:0;padding-bottom:41%;position: relative;}
    #area_company_intro .bx3 .img img{position: absolute;top:0;left:0;}
    #area_company_intro .bx3 .con{float: none;width: auto;height:auto;}
    #area_company_intro .bx3 .con{padding:2.5em 0}
    #area_company_intro .bx3 .con > h3{padding-top:0;}
    #area_company_intro .bx3 .con > h3 img{height:2em}
    #area_company_intro .bx3 .con > p{margin-top:2.5em;}


    #area_company_intro .bx4{height:auto;position: relative;}
	#area_company_intro .bx4 > .bg{position: relative;width: 100%;left:0;top:0;margin-left:0;}
    #area_company_intro .bx4 > .bg img.pc{display: none;}
    #area_company_intro .bx4 > .bg img.mobile { display: block; width: 100%; width: 640px; position: relative; margin-left: -320px; left: 50%; }
    #area_company_intro .bx4 > ul{top:1em;bottom:1em;position: absolute;left:0.5em;;height:auto;}
    #area_company_intro .bx4 .con{ height:100%;text-align: left;width:100%;}
    #area_company_intro .bx4 .con > p > span{display: inline-block;width:50%;}
    #area_company_intro .bx4 .con > p > span.p1{width:75%;}
}

@media screen and (max-width: 580px){
	#intro_sect1 .bx_study_process .smart > ul{margin-bottom:-1em;}
	#intro_sect1 .bx_study_process .smart > ul > li{width:50%;margin-bottom:1em;}
	#intro_sect1 .assist > ul > li{width:auto;float:none;}
}


@media screen and (max-width: 540px){

	body{font-size:0.8em;}
	#footer dl > dt{float:none;display: none;}
	#footer dl > dd{margin-left: 0;}

	#area_main #sect1 .cont h2{font-size: 2.5em;}
	#area_main #sect2 .cont > h2{font-size: 2.3em;}
	#area_main #sect3 .cont > dl > dt > p{font-size: 0.875em;}
	#area_main #sect3 .cont > dl > dt > p > span.big{font-size: 4em;}
	#area_main #sect4 .cont > h2{font-size: 2.5em;}
	#area_main #sect5 .cont > h2{font-size: 2.5em;}
	.mobile540{display: block;}
	#aside_nav{display: none;}
}

@media screen and (max-width: 440px){
	.list_type3 > ul > li{width:50%}
	.list_type3 > ul > li.customer{width:100%;height:auto;}
	/*.list_type1 > ul > li .img{padding-bottom:30%;}
	.list_type1 .con > img{display: none;}
	.list_type1 .con > div{margin-left:0;}*/

	.list_remote > ul{margin-left:-0.5em;}
	.list_remote .img img{max-width:80%; max-height:80%;margin:auto;}
	.list_remote > ul > li > a{padding:0.5em;margin-left:0.5em;}

	.list_type5 > ul.w2 > li > .inner{padding:1.25em 1em;}
	.list_type2 .bxs{padding:0.625em;}

	#pop_login{width:auto;margin-left:0.5em;margin-right:0.5em;}
}
@media screen and (max-height: 680px){
  .top_menu > ul#login_div2 > div.publicpopup1{z-index:1;width:540px;height:600px;overflow-y:scroll;overflow-x:hidden;}
  .top_menu > ul#login_div2 > div.publicpopup2{z-index:1;width:480px;height:600px;overflow-y:scroll;overflow-x:hidden;}

}

@media screen and (max-height: 560px){
  .top_menu > ul#login_div2 > div.publicpopup1{z-index:1;width:540px;height:400px;overflow-y:scroll;overflow-x:hidden;}
  .top_menu > ul#login_div2 > div.publicpopup2{z-index:1;width:480px;height:400px;overflow-y:scroll;overflow-x:hidden;}

}