@charset "utf-8";
@media all and (max-width:1200px){
	#main .element .one {padding-left:25px;}
	#main .element .one h4 {font-size:18px;line-height:24px;}
	#main .element .one a {right:25px;}
}


@media all and (max-width:1000px){
	#wrap.main {background-image:url(../images/vist.jpg);}
	#header .btn {width:40px;height:40px;background-size:18px 12px;}
	#gotop {width:40px;height:40px;background-size:20px 20px;}
	.sub #header .inner {height:80px;}
	.sub #header .logo {width:120px;left:20px;margin-top:-27.5px;}


	#nav .link {top:80px;}
	#nav .link a {height:40px;line-height:40px;padding-right:45px;background-size:40px 40px !important;}

	.sub.scr #header .btn {bottom:75px;}
	.sub.scr #nav .link {bottom:140px;}

	#main .btn {margin-top:80px;}
	#main .btn .box {padding:0 30px;}

	.__pop-tip .__tbl-view .con {height:50vh;}

	#main .element {padding-left:0;margin-top:100px;}
	#main .element > * {height:140px;}
	#main .element .one {background:none;position:relative;width:auto;padding:0 70px 0 0;height:62px;margin-bottom:10px;}
	#main .element .one h4 {font-size:22px;line-height:30px;color:#fff;}
	#main .element .one h4 br {display:none;}
	#main .element .one a {right:0;top:50%;margin-top:-31px;width:62px;height:62px;}
	#main .element .one a .in {font-size:12px;}
	#main .element .one a .in .t {display:none;}


	#sub {padding:35px 20px 50px;}

	.__pop-tip .inner {padding:40px;}
	.__tbl-bot {margin-top:20px;}
}

@media all and (max-width:767px){
	#main {padding:15px;} #main:after {height:calc(100vh - 30px);}
	#main .tit h3 {font-size:30px;}
	#main .tit p {font-size:18px;line-height:26px;}

	#main .btn {margin-top:30px;}
	#main .btn .box {padding:0;width:33.33333%;text-align:center;box-sizing:border-box;}
	#main .btn .box:before {display:none;}
	#main .btn .box .ico {width:90px;height:90px;background-size:40px 40px !important;display:inline-block;}
	#main .btn .box .txt {font-size:16px;margin-top:10px;width:100%;}

	#main .element {margin-top:50px;}
	#main .element .one {height:50px;}
	#main .element .one h4 {font-size:16px;line-height:22px;}
	#main .element .one a {width:50px;height:50px;margin-top:-25px;}
	#main .element .one a .in em {display:none;}
	#main .element .desc {height:auto;}
	#main .element .desc a {width:50%;height:120px;}
	#main .element .desc a:nth-child(n+3) {border-top:1px solid #dadada;}
	#main .element .desc a:after {width:20px;height:20px;background-size:20px 20px;}
	#main .element .desc a .in {font-size:15px;line-height:22px;}


	#sub {padding:25px 20px 30px;}

	.__box1 {margin-top:50px;}

	.__tit1 {font-size:26px;margin-bottom:50px;}
	.__tit1 span {font-size:14px;}
	.__tit2 {font-size:16px;padding-bottom:8px;margin-bottom:20px;}

	.__txt1 {font-size:14px;line-height:20px;}

	.__num-list dl {margin-top:30px;}
	.__num-list dl dt {width:20%;}
	.__num-list dl dt .m {display:none;}
	.__num-list dl dd {width:80%;font-size:14px;}

	.__blue-txt {font-size:16px;margin-bottom:25px;}

	.__botarea {margin-top:30px;}
	.__botarea p {margin-top:10px;font-size:12px;}
	.__btn {font-size:16px;height:45px;line-height:45px;width:254px;}
	.__exc {width:14px;}

	.__soho .box dl {margin-top:20px;}
	.__soho .box dl br {display:none;}
	.__soho .box dl dt {font-size:15px;padding-bottom:15px;margin-bottom:15px;line-height:20px;}
	.__soho .box dl dt:before {background:#333;}
	.__soho .box dl dd {font-size:13px;line-height:16px;}

	.__pop-basic .pop-close {width:30px;height:30px;}

	.__pop-loc .inner {padding:10px;}
	.__pop-loc .maps .root_daum_roughmap {height:300px;}
	.__pop-loc .desc .box {padding:20px;width:100% !important;}
	.__pop-loc .desc .box2 {border-top:1px solid #ddd;}
	.__pop-loc .desc .box dl {padding-left:15px;}
	.__pop-loc .desc .box dl dt {font-size:14px;}
	.__pop-loc .desc .box dl dd {font-size:12px;line-height:16px;}


	.__search {margin-bottom:15px;}
	.__search .__sel {margin-right:5px;}

	.__sel .sel-txt {min-width:160px;padding-right:45px;background-size:45px 45px;height:45px;line-height:45px;font-size:14px;text-indent:10px;}
	.__sel .sel-op {font-size:14px;}

	.__searchtxt {width:250px;padding-right:61px;}
	.__searchtxt .txt {height:45px;line-height:45px;font-size:14px;text-indent:10px;}
	.__searchtxt .btn {width:60px;font-size:14px;}

	.__tab {margin-bottom:20px;}
	.__tab a {height:45px;line-height:43px;font-size:14px;}
	.__tab .active:before {height:3px;}
	.__tab .active:after {width:12px;height:6px;margin-left:-6px;}


	.__tip-list .box {height:180px;padding:0 20px;}
	.__tip-list .box dl dt {font-size:16px;line-height:20px;max-height:40px;}
	.__tip-list .box dl dd {font-size:13px;margin-top:3px;}
	.__tip-list .box p {font-size:13px;line-height:18px;margin-top:10px;max-height:54px;}
	.__tip-list .box:hover:after {width:30px;height:30px;}


	.__pop-tip .inner {padding:20px;}

	.__tbl-view .tit {font-size:14px;padding:12px;}
	.__tbl-view .info {padding:12px;}
	.__tbl-view .info > * {font-size:13px;}
	.__tbl-view .info dt {width:110px;}
	.__tbl-view .con {padding:15px 12px;font-size:12px;line-height:22px;}

	.__tbl-bot {margin-top:15px;}
	.__tbl-bot dl {padding-left:65px;}
	.__tbl-bot dl > * {font-size:13px;}
	.__tbl-bot dl dt {width:65px;padding:12px 0;}
	.__tbl-bot dl dd {padding:12px 20px 12px 50px;}


}


@media all and (min-width:639px){
	.__m {display:none !important;}
}


@media all and (max-width:639px){
	#wrap.main {background-image:url(../images/vism.jpg);background-position:50% 50% !important;}
	.__p {display:none !important;}
	#header .btn {right:10px;top:10px;}
	#gotop {right:10px;bottom:60px;}
	.sub #header .inner {height:60px;}
	.sub #header .logo {width:90px;left:10px;margin-top:-19.5px;}

	.device-pc.__ovh .sub.scr #header .btn,
	.device-pc.__ovh .sub #gotop {right:27px;}
	.device-pc.__ovh .sub #nav .link {padding:0 27px;}


	.edge.device-pc.__ovh .sub.scr #header .btn,
	.edge.device-pc.__ovh .sub #gotop {right:22px;}
	.edge.device-pc.__ovh .sub #nav .link {padding:0 32px;}

	#nav .link {right:0;padding:0 10px;}
	.sub.scr #header .btn {bottom:115px;}
	.sub.scr #nav .link {bottom:190px;}

	#main {padding:10px;}  #main:after {height:calc(100vh - 20px);}
	#main .tit h3 {font-size:24px;padding-top:25px;}
	#main .tit p {font-size:14px;line-height:18px;margin-top:3px;}

	#main .btn {margin-top:30px;}
	#main .btn .box .ico {width:80px;height:80px;background-size:36px 36px !important;}
	#main .btn .box .txt {font-size:14px;margin-top:7px;}

	#main .element {margin-top:50px;}
	#main .element .one {height:40px;}
	#main .element .one h4 {font-size:14px;line-height:18px;}
	#main .element .one a {width:40px;height:40px;margin-top:-20px;font-size:10px;}
	#main .element .desc a {width:50%;height:80px;}
	#main .element .desc a .in {font-size:13px;line-height:19px;}
	
	#sub {padding:25px 20px 30px;}

	.__box1 {margin-top:30px;}

	.__tit1 {font-size:20px;margin-bottom:30px;}
	.__tit1 span {font-size:12px;}
	.__tit2 {font-size:14px;padding-bottom:8px;margin-bottom:15px;}

	.__txt1 {font-size:12px;line-height:18px;}

	.__num-list dl {margin-top:20px;}
	.__num-list dl dt {width:25%;}
	.__num-list dl dt .p {display:none;}
	.__num-list dl dt .m {display:inline;}
	.__num-list dl dd {width:75%;font-size:12px;}

	.__blue-txt {font-size:14px;margin-bottom:20px;}

	.__botarea {margin-top:25px;}
	.__botarea p {margin-top:10px;font-size:12px;}
	.__btn {font-size:14px;height:40px;line-height:40px;width:226px;}
	.__exc {width:14px;}

	.__soho {margin:0;}
	.__soho .box {padding:0;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin-top:10px;}
	.__soho .box:first-child {margin-top:0;}
	.__soho .box .img {display:none;}
	.__soho .box dl {color:#fff;margin-top:0;background:rgba(0,0,0,0.6);padding:15px 10px;}
	.__soho .box dl dt:before {background:#fff;}
	.__soho .box dl dt {font-size:13px;padding-bottom:12px;margin-bottom:12px;line-height:18px;}
	.__soho .box dl dd {font-size:12px;line-height:15px;}
	.__soho .box11 {background-image:url(../images/soho1-1.jpg);}
	.__soho .box12 {background-image:url(../images/soho1-2.jpg);}
	.__soho .box13 {background-image:url(../images/soho1-3.jpg);}
	.__soho .box21 {background-image:url(../images/soho2-1.jpg);}
	.__soho .box22 {background-image:url(../images/soho2-2.jpg);}
	.__soho .box23 {background-image:url(../images/soho2-3.jpg);}
	
	.__pop-loc .inner {padding:0;}
	.__pop-loc .maps .root_daum_roughmap {height:200px;}
	.__pop-loc .desc .box {padding:15px;}
	.__pop-loc .desc .box dl {padding-left:10px;}
	.__pop-loc .desc .box .img {width:30px;}
	

	.__search {margin-bottom:10px;}
	.__search .__sel {margin-right:0;}

	.__sel {width:35%;}
	.__sel .sel-txt {width:100%;min-width:auto;padding-right:30px;background-size:30px 30px;height:30px;line-height:28px;font-size:12px;text-indent:5px;box-sizing:border-box;border-right:none;}
	.__sel .sel-op {font-size:12px;}

	.__searchtxt {width:65%;padding-right:61px;box-sizing:border-box;border-left:none;}
	.__searchtxt .txt {height:28px;line-height:28px;font-size:12px;text-indent:5px;}
	.__searchtxt .btn {width:60px;font-size:12px;}

	.__tab {margin-bottom:20px;}
	.__tab a {height:40px;line-height:38px;font-size:13px;}
	.__tab .active:before {height:2px;}
	.__tab .active:after {width:10px;height:5px;margin-left:-5px;}


	.__tip-list .box {height:100px;padding:0 10px;width:50%;}
	.__tip-list .box dl dt {font-size:13px;line-height:16px;max-height:32px;}
	.__tip-list .box dl dd {font-size:11px;margin-top:3px;}
	.__tip-list .box p {display:none;}
	.__tip-list .box:hover:after {width:20px;height:20px;}

	.__paging .num {width:22px;height:22px;line-height:22px;font-size:12px;}
	.__paging img {width:12px;}
	.__paging .prev {margin-right:10px;}
	.__paging .next {margin-left:10px;;}
	.__paging .last,
	.__paging .first {/* display:none; */}
	
	.__pop-tip .inner {padding:0;}

	.__tbl-view {border-bottom:none;border-top:none;}
	.__tbl-view .tit {font-size:13px;padding:15px 35px 2px 10px;}
	.__tbl-view .info {padding:1px 10px 15px;background:none;border-top:none;}
	.__tbl-view .info > * {font-size:12px;}
	.__tbl-view .info dt {width:110px;display:none;}
	.__tbl-view .con {padding:15px 10px;font-size:12px;line-height:20px;}
	.__pop-tip .__tbl-view .con {height:65vh;}

	.__tbl-bot {margin-top:0;overflow:hidden;background:#f3f3f3;border-top:1px solid #ddd;}
	.__tbl-bot dl {padding-left:0;float:left;width:50%;}
	.__tbl-bot dl > * {font-size:13px;}
	.__tbl-bot dl dt {width:auto;padding:0;position:relative;background:none !important;}
	.__tbl-bot dl dt a {display:block;}
	.__tbl-bot dl dd {display:none;}
	.__tbl-bot .prev dt {text-align:left;padding-left:10px;}
	.__tbl-bot .prev dt a {background:url(../images/prev2.gif) no-repeat 0 50%;background-size:15px 15px;height:15px;padding:10px 0 13px 20px;}
	.__tbl-bot .next dt {text-align:right;padding-right:10px;}
	.__tbl-bot .next dt a {background:url(../images/next2.gif) no-repeat 100% 50%;background-size:15px 15px;height:15px;padding:10px 20px 13px 0;}



	/** 210917 이준희 추가: 삼성카드 서비스 페이지 수정 **/
	.__num-list dl dt img.m { display: block; }
	
	.__txt2 { font-size: 10px; line-height: 1.8; }
	.__box-border { padding: 10px 12px; }
}