.etc_11_box { clear:both; position:relative; min-height:840px; overflow:hidden; border:1px solid #e8e8e8; padding-bottom:30px; }
.etc_11_box p.txt { padding:30px 0 0 29px; color:#747474; font-size:14px; margin-bottom:10px; }
.etc_11_box ul { display:inline-block; padding:15px 29px; background:url('../img/sub/etc_11_bg.gif') repeat-y center; }
.etc_11_box li { float:left; width:191px; }
#rightcolumn .etc_11_box li h3 { width:191px !important; height:39px !important; line-height:39px !important; text-align:center !important; font-size:12px !important; color:#5d5d5d !important; font-weight:bold !important; background:url('../img/sub/etc_11_h3_bg.gif') no-repeat !important; padding:0 !important; margin:0 !important; }
#rightcolumn .etc_11_box li h3:before{ content:none; }
.etc_11_box li.center { width:238px; }
#rightcolumn .etc_11_box li.center h3 { width:191px !important; margin:0 auto !important; }
#rightcolumn .etc_11_box li.center h3:before{ content:none; }
.etc_11_box dl { width:185px; margin:15px auto 0; }
.etc_11_box dt { background:url('../img/sub/bl2.gif') no-repeat 0 0.3em; padding-left:19px; padding-bottom:8px; border-bottom:1px solid #e5e5e5; color:#5d5d5d; font-weight:bold; margin-bottom:6px; }
.etc_11_box dt a { color:#5d5d5d; }
.etc_11_box dd { color:#5d5d5d; line-height:1.6em; padding-left:10px;background:url('../img/sub/txt_list_bl3.gif') no-repeat 0 0.7em;margin-left:4px;}
.etc_11_box dd a { color:#5d5d5d; }

#mem_area{}
#mem_area h3{margin:30px 0 10px 0 !important;}
#mem_area ul li ul{padding-left:10px;}

.etc_viewer{clear:both;overflow:hidden;width:580px;margin:0 auto;}
.etc_viewer ul{}
.etc_viewer ul li{float:left;padding:5px 13px 5px 13px;}

#banner_zone{}
#banner_zone ul li{float:left;padding:5px 16px; height:55px;}
#banner_zone ul li a {background:none; padding:0;}

#banner_zone2{}
#banner_zone2 ul li{float:none; /*height:55px;*/padding:13px 20px; border-bottom:1px solid #eee; width:auto;}
#banner_zone2 ul li a {background:none; padding:0; text-align:left;}
#banner_zone2 ul li dl {overflow:hidden;}
#banner_zone2 ul li dt {float:left;width:170px;padding-bottom:1px;} 
#banner_zone2 ul li dd{float:left; width:80%; font-size:0.9em;}
#banner_zone2 ul li dd strong {display:block; margin-bottom:5px; font-size:13px;}

#banner_zone3{}
#banner_zone3 ul li{float:none; /*height:55px;*/padding:13px 20px; border-bottom:1px solid #eee; width:auto;}
#banner_zone3 ul li a {background:none; padding:0; text-align:left;}
#banner_zone3 ul li dl {overflow:hidden;}
#banner_zone3 ul li dt {float:left; width:170px; padding-bottom:1px;} 
#banner_zone3 ul li dd {font-size:13px;}
#banner_zone3 ul li dd strong {display:block; margin-bottom:5px; font-size:13px;}

#banner_zone4{}
#banner_zone4 ul li{float:none; /*height:55px;*/padding:13px 20px; border-bottom:1px solid #eee; width:auto;}
#banner_zone4 ul li a {background:none; padding:0; text-align:left;}
#banner_zone4 ul li dl {overflow:hidden;}
#banner_zone4 ul li dt {float:left; width:170px; padding-bottom:1px;} 
#banner_zone4 ul li dd {font-size:13px;}
#banner_zone4 ul li dd strong {display:block; margin-bottom:5px; font-size:13px;}



#sub_contents #smart_rda { clear: both; position: relative; width: 100%;}
#sub_contents #smart_rda .smart_rda {border:1px solid #dddddd;margin: 0 0 14px 0;overflow:hidden;padding-bottom:30px;}
#sub_contents #smart_rda .smart_rda .left_box {float: left;width: 140px;padding-left:20px;}
#sub_contents #smart_rda .smart_rda .left_box ul {height: 134px;margin: 0 auto;padding-top: 30px;width: 85px;}
#sub_contents #smart_rda .smart_rda .left_box ul li {display: inline;}
#sub_contents #smart_rda .smart_rda .left_box ul .app {clear: both;height: 85px;width: 85px;}
#sub_contents #smart_rda .smart_rda .left_box ul li {display: inline;float: left;}
#sub_contents #smart_rda .smart_rda .left_box ul .btn_apple {height: 38px;margin-right: 8px;padding-top: 10px;width: 38px;}
#sub_contents #smart_rda .smart_rda .left_box ul .btn_android {height: 38px;padding-top: 10px;width: 38px;}
#sub_contents #smart_rda .smart_rda .right_box {float: right;width: calc(100% - 150px);}
#sub_contents #smart_rda .smart_rda .right_box p.app_tit {  margin: 30px 0 20px 20px; position:relative;font-size:16px; font-weight:500; color:#333; letter-spacing:-0.05em; padding-left:20px; /*background:url('../img/sub/h3_bl.gif') no-repeat 0 0.2em;*/ padding-bottom:0;}
#sub_contents #smart_rda .smart_rda .right_box p.app_tit:before{ content: ""; position: absolute; top: 5px; left: 0; width: 14px; height: 14px; border: 4px solid #2061af; border-radius: 10px;}
#sub_contents #smart_rda .smart_rda .right_box .app_info {background: none repeat scroll 0 0 #f4f9e6;height: auto;margin-left: 20px;padding: 14px;width: 92%;border-radius: 5px;}
#sub_contents #smart_rda .smart_rda .right_box .app_info .app_txt {}
#sub_contents #smart_rda .smart_rda .right_box .app_info .app_txt .font_g {color: #2e7e0c;}
#sub_contents #smart_rda .smart_rda .right_box .app_info ul.app_img01 {margin: 20px auto;width: 92%; display:block; overflow:hidden;}
#sub_contents #smart_rda .smart_rda .right_box .app_info ul.app_img01 li {display: inline;float: left;}
#sub_contents #smart_rda .smart_rda .right_box .app_info ul.app_img01 li.mgs {margin: 0 10px;}
#sub_contents #smart_rda .smart_rda .right_box .app_info ul.app_img01 li.mgl {margin-left: 10px;}

/* 미디어쿼리_20170119 추가 */
@media all and (max-width:1023px) { /* tablet ver */
	#sub_contents #smart_rda .smart_rda .right_box {float: none; width: auto; margin:0 50px 0 145px;border-radius:3px;}
	#sub_contents #smart_rda .smart_rda .right_box .app_info {width: auto;}
}

@media all and (min-width:768px) and (max-width:1023px) { /* tablet ver */
}

@media all and (max-width:620px) { /* tablet ver */
	#sub_contents #smart_rda .smart_rda .right_box .app_info ul.app_img01 {display:none;}	

}

@media all and (max-width:540px) { /* tablet ver */

	#banner_zone2 ul li dt {float: none;width: 100%;padding-bottom:10px;} 
    #banner_zone3 ul li dt {float: none;width: 100%;padding-bottom:10px;} 
    #banner_zone4 ul li dt {float: none;width: 100%;padding-bottom:10px;} 

}

@media all and (max-width:450px) { /* mobile ver */
	#sub_contents #smart_rda .smart_rda .left_box {width: 100%;padding-left:0;}
	#sub_contents #smart_rda .smart_rda .right_box {float:right; width: 100%; margin:0;}
	#sub_contents #smart_rda .smart_rda .right_box .app_info {height: auto; margin: 0 20px; width: auto;}
	
	.etc_viewer{width:100%;}
	.etc_viewer ul li a img {width:100%;}

}



/* 20221006 개인정보처리방침 */
#mem_area .psn_table_01{}
#mem_area .psn_table_01 th{border: 1px solid #b7cad9;}
#mem_area .psn_table_01 td{text-align: center; vertical-align: middle;}
	.tdCenter td:nth-last-child(1){text-align: left !important;}
	.tdLeft2 td:nth-child(2){text-align: left !important;}

	.solidBlue{display: inline-block;padding: 0 5px; margin-right:3px;font-size: .813em;color: #6684bb; border:1px solid #6684bb;border-radius: 50px;}
	.solidGray{display: inline-block;padding: 0 5px; margin-right:3px;font-size: .813em;border: 1px solid #8f8f8f;border-radius: 50px;}

.labelSection{text-align: center; margin-top: 40px;}
.labelSection p{margin-bottom:13px; font-size: 1.571em; font-weight: 500; text-align: center; color: #000;}
.labelSection p span{font-size: inherit;}
.labelSection li{display: inline-block; width: 31%; min-height: 160px; padding:20px 30px; margin:0 1% 2%; border-radius: 10px; box-shadow: 0 0px 8px rgba(22 71 170 / 20%); vertical-align: top;}
.labelSection li:nth-child(1){padding: 10px 30px;}
.labelSection li span{position: relative; display: inline-block; padding-top: 95px; font-size: 1.143em;}
.labelSection li span::before{content: ''; display: inline-block; background: url('../img/sub/privacy_icon.png') no-repeat 0 0; /*background-size: 500px auto;*/ position: absolute;}
.labelSection li span.privacy01::before{ width: 84px; height: 91px; left: 16%; top: 0;}
.labelSection li span.privacy02::before{ width: 81px; height: 91px; left: 15%; top: 0; background-position: -84px 0px;}
.labelSection li span.privacy03::before{ width: 81px; height: 91px; left: 15%; top: 0; background-position: -163px 0px;}
.labelSection li span.privacy04::before{ width: 81px; height: 91px; left: 11%; top: 0; background-position: -244px 0px;}
.labelSection li span.privacy05::before{ width: 81px; height: 91px; left: -22%; top: 0; background-position: -324px 0px;}
.labelSection li span.privacy06::before{ width: 81px; height: 91px; left: 15%; top: 0; background-position: -404px 0px;}
.labelSection li em{display: block; margin-top: -3px;}
.labelSection::after{content: ''; clear: both; display: block;}

.listSection{margin-bottom: 90px; padding:40px 0 90px; border-bottom: 2px dashed #ededed;}
.listSection:after{content: ''; clear: both; display: block;}
.listSection p{margin-bottom:13px; font-size: 1.571em; font-weight: 500; text-align: center; color: #000;}
.listSection li{float:left; width: 50%;}
/*.listSection li:nth-last-child(1){width: 100%; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}/*마지막 한줄일때100%*/
.listSection li:nth-last-child(-n+2){border-bottom:1px solid #ccc;}
.listSection li:nth-child(odd) a{border-bottom: 0; border-right: 0;}
.listSection li:nth-child(even) a{border-bottom: 0;}
.listSection li a{display: block;  padding: 7px 15px; border:1px solid #ccc; position: relative;}
.listSection li a span{font-weight: 500; font-size: 1.143em;}
.listSection li a span:after{content: '\2026'; display: inline-block; position: absolute; right: 15px;}

.labelIMG{position: relative;}
.labelIMG h3{display: inline-block;}
.labelIMG h3::before{display: none;}
.labelIMG h3#info_area1{font-size: inherit;margin: 0 0 17px !important;padding-left: 7px !important;}
.labelIMG h3#info_area2{padding-left: 0px !important;}
.labelIMG h3#info_area3{padding-left: 0px !important;}
.labelIMG h3#info_area10{padding-left: 0px !important;}

.labelIMG div{display: inline-block;}
.labelIMG div span{display: inline-block;width: 43px;height: 32px;position: relative;}
.labelIMG div span::before{content: '';display: inline-block;background: url('../img/sub/privacy_icon.png') no-repeat 0 0;background-size: 254px auto;position: absolute;}
.labelIMG div span.privacy01::before{width: 43px;height: 47px;left: 0;top: 0;}
.labelIMG div span.privacy02::before{width: 41px;height: 47px;left: 0;top: 0;background-position: -43px 0px;}
.labelIMG div span.privacy03::before{width: 40px;height: 47px;left: 0;top: 0;background-position: -84px 0px;}
.labelIMG div span.privacy04::before{width: 40px;height: 46px;left: 0;top: 0;background-position: -125px 0px;}
.labelIMG div span.privacy05::before{width: 40px;height: 47px;left: 0;top: 0;background-position: -166px 0px;}
.labelIMG div span.privacy06::before{width: 43px;height: 47px;left: 0;top: 0;background-position: -205px 0px;}
.labelIMG div span em{overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}

.btn_ctsTop{text-align: right; margin:100px 0; opacity: .7;}
.btn_ctsTop a{display: inline-block; position: relative; padding-right: 13px;}
.btn_ctsTop a span{}
.btn_ctsTop a span:after{content: '\279e'; display: inline-block; transform: rotate(-90deg); position: absolute; bottom: -1px;}

@media all and (max-width:768px) {
	#mem_area .psn_table_01 table{width: 1000px !important;}

	.labelSection li{width: 48%; margin-bottom:13px;}
	.labelSection li:nth-child(odd){float: left;}
	.labelSection li:nth-child(even){float: right;}

	.labelIMG div{display: block; width: 100%; margin: 20px 0 15px;}

	.labelIMG h3#info_area2{margin:0px 0 3px !important}
	.labelIMG h3#info_area3{margin:0px 0 3px !important}
	.labelIMG h3#info_area10{margin:0px 0 3px !important}
}
@media all and (max-width:569px) {

	.labelSection li{width: 47%; padding:15px 5px 0; height: 170px;}
	.labelSection li:nth-child(1){padding: 10px 5px 0;}

	.listSection li{width: 100%;}
	.listSection li:nth-child(odd) a{border-right:1px solid #ccc;}
	.listSection li:nth-last-child(1){border-right:0;}
}