@charset "UTF-8";

.developing { font-size:50px; color:#394053; letter-spacing:-2px; padding:150px 0 60px 0; font-weight:bold; text-align:center; }

.sample h1{ font-size: 45px; padding:10px 0 30px 0;}
.sample h2{ font-size: 20px; padding:0 0 10px 0;}
.sample_menu_list {margin:0; padding:20px 0;}
.sample_menu_list li { font-size:16px; padding:40px 0  5px 0;  float:left;  width:14%; color:blue; list-style:none; }
.sample_menu_list:after { clear:both; display:block; content:"";  }
.sample_menu_list li a{ font-size:16px; padding:0px 5px; }
.sample_menu_list li ul { padding:0; margin:0; }
.sample_menu_list li ul:after { clear:both; display:block; content:"";  }
.sample_menu_list li ul li{ padding:5px 0;  margin:0; float:none; width:100%; color:#355a95; font-weight:bold; }
.sample_menu_list li ul li ul{ padding:0; }
.sample_menu_list li ul li ul li{padding:0 0 0 10px; font-size:16px;float:none; width:100%; font-weight:normal;}
.sample_menu_list li ul li ul li:after { clear:both; display:block; content:"";  } 
 
/***************팝업*******************/
#pop_wrap { margin:0; padding:0; }
/*************게시판********************/
/****************************레포츠파크 서브레이아웃관련*************************/
#HOME2020_head_layout { margin:0 auto; padding:0; height:140px; position:relative; width:100%; left:0; top:0; 
background:#fff; border-bottom:1px solid #e1e1e1; }
#HOME2020_head_layout:after { clear:both; display:block; content:""; height:0; }

#HOME2020_body_layout { margin:0px 0 0 0; padding:0;   }
#HOME2020_body_layout:after{ clear:both; content:""; display:block; height:0 }

#HOME2020_subimage_wrap {  margin:0; padding:0; height:50px; background:url(../images/common/bg_graphic.jpg) 50% 50%; background-size: cover; }
#HOME2020_contents_wrap { padding:0; margin:-50px auto 50px auto; min-width:320px; max-width:1200px; }
#HOME2020_contents_wrap:after { clear:both; display:block; content:""; }

.HOME2020_aside_menu { float:left; width:225px; padding:50px 0 0 0; margin:0px; }
.HOME2020_aside_menu h1{ border-bottom:2px solid #11153c; margin-bottom:15px; padding:40px 0 0px 0; font-size:26px; text-align:left; color:#11153c; height:90px; letter-spacing:-1.5px; }
.HOME2020_aside_menu ul{  width:100%; margin:0; padding:0;}
.HOME2020_aside_menu li{  width:100%; margin:0; padding:0; list-style:none; }
.HOME2020_aside_menu li a{ border-bottom:1px solid #dfdfe0; width:100%; margin:0; padding:10px; text-align:left; font-size:17px; color:#252525;}
.HOME2020_aside_menu li a:hover,
.HOME2020_aside_menu li a:active,
.HOME2020_aside_menu li a.on{  width:100%; margin:0; text-align:left; padding:10px;  color:#fff; background:#394053; }
.HOME2020_aside_menu li.child{  background:url(../images/common/leftmenu_open.jpg) 188px 10px no-repeat;}
.HOME2020_aside_menu li.child a:hover,
.HOME2020_aside_menu li.child a:active,
.HOME2020_aside_menu li.child a.on{  width:100%; margin:0; text-align:left; padding:10px;  color:#fff; background:url(../images/common/leftmenu_close.jpg) 188px 17px no-repeat #394053; }
.HOME2020_aside_menu li.child a:active.on{  width:100%; margin:0; text-align:left; padding:10px;  color:#fff; background:url(../images/common/leftmenu_close.jpg) 188px 17px no-repeat #394053; }
.HOME2020_aside_menu li.child ul{  width:100%; margin:0; padding:5px; border-bottom:1px solid #dfdfe0; background:#f6f6f6; }
.HOME2020_aside_menu li.child ul li{ padding:5px 0; }
.HOME2020_aside_menu li.child ul li a span {  width:auto; padding-left:16px; background:none; display:inline-block; }
.HOME2020_aside_menu li.child ul li a:active span,
.HOME2020_aside_menu li.child ul li a:hover span,
.HOME2020_aside_menu li.child ul li a.on span,
.HOME2020_aside_menu li.child ul li a.on:hover span,
.HOME2020_aside_menu li.child ul li a.on:active span{ width:auto; padding-left:16px; background:url(../images/common/bl.jpg) transparent 4px 40%; background-repeat:no-repeat; display:inline-block;}
.HOME2020_aside_menu li.child ul li a{ letter-spacing:-1.2px;  width:100%; margin:0; padding:1px 10px 3px 0px; border-bottom:none; font-size:16px; font-weight:normal; border:none; color:#555555; }
.HOME2020_aside_menu li.child ul li a:hover,
.HOME2020_aside_menu li.child ul li a:active,
.HOME2020_aside_menu li.child ul li a.on,
.HOME2020_aside_menu li.child ul li a.on:hover,
.HOME2020_aside_menu li.child ul li a.on:active{  letter-spacing:-1.2px; border-bottom:none; width:100%; margin:0; padding:1px 0px 3px 0px;  color:#393f6b;  background:transparent; font-weight:bold;  }
.HOME2020_aside_menu li.child ul{ padding:0; margin:0; }
.HOME2020_aside_menu li.child.on ul{ visibility:visible;  }
.HOME2020_aside_menu li.child ul li a[href ^="http://"],
.HOME2020_aside_menu li.child ul li a[href ^="https://"],
.HOME2020_aside_menu li.child ul li a[href ^="http://"]:hover
.HOME2020_aside_menu li.child ul li a[href ^="https://"]:hover
{ background: url(../images/common/icon_newbrowser.png) transparent center right no-repeat; 
padding-right: 23px!important;  width:auto!important;}
.HOME2020_aside_menu.exlink>ul>li>a[href ^="http://"],
.HOME2020_aside_menu.exlink>ul>li>a[href ^="https://"] { width:100%!important;}
.HOME2020_aside_menu.exlink>ul>li>a[href ^="http://"]:hover,
.HOME2020_aside_menu.exlink>ul>li>a[href ^="https://"]:hover { background: url(../images/common/icon_newbrowser.png) 92% center no-repeat #394053; padding-right: 23px!important; }

.HOME2020_util_wrap { margin:0; padding:0 0 0 270px; top:0;  position:relative;  height:50px; }
.HOME2020_util_wrap:after { clear:both; display:block; content:""; }
.breadcrumb {  margin:0; padding:5px 0 0 5px; float:left; vertical-align:middle; width:70%; background:none; height:50px; 
 border-radius:0; position:absolute; top:0;  } 
.breadcrumb li{ display:inline-block; font-size:14px; padding:11px 0; margin:0px; color:#fff; list-style:none; } 
.breadcrumb>li+li:before {padding: 0 5px;color: #fff; content: "|\00a0";}
.breadcrumb li a {  margin:0px; padding:0 5px 0 0; letter-spacing:-0.5px; color:#fff; }
.breadcrumb li a img{  margin:0 1px 3px 0; vertical-align:middle}
.breadcrumb li:last-child { color:#fff799; }
.breadcrumb:after { clear:both; display:block; content:""; }

.util_list {  margin:7px 0 0 0; padding:0;  position:absolute; top:0; right:0; }
.util_list li {  margin:0 3px 0 0; padding:0; float:left; text-align:center;   list-style:none;  }
.util_list li.noline {  margin:0 5px 0 0; padding:15px 0 0 0; float:left; width:30px; height:30px; text-align:center; 
border-radius:0; border:none; background:none; display:none; }
.util_list li a{ padding:8px; line-height:21px;  width:37px; height:37px; border-radius:16px; display:block; background:#284f33; opacity:0.87; }
.util_list li a:hover,
.util_list li a:active{  background:#172c23; opacity:1; }
.util_list:after { clear:both; display:block; content:""; }

.HOME2020_survey{ padding:0; margin:0 0 0 40px; min-width:320px; max-width:935px; float:right; }
.survey {  background:#f2f4f7; padding:15px; margin-top:30px; width:100%; display:block;  }
.survey .question{ font-size:17px; color:#000; font-weight:normal; float:left;  }
.survey .question span{ font-size:23px; color:#21407a; font-weight:bold; padding-right:5px; }
.survey button{ float:right; margin:0px 0px 0 0;  }
.survey .answer { padding:15px 0 0px 0; margin:15px; clear:both;}
.survey .answer input { height:auto;}
.survey .answer span { display:inline-block; width:95px; text-indent:-999999px;} 
.survey .answer span.star5 { background:url(../images/common/survey_star.png) no-repeat right 1px; }
.survey .answer span.star4 { background:url(../images/common/survey_star.png) no-repeat right -29px;}
.survey .answer span.star3 { background:url(../images/common/survey_star.png) no-repeat right -58px;}
.survey .answer span.star2 { background:url(../images/common/survey_star.png) no-repeat right -88px;}
.survey .answer span.star1 { background:url(../images/common/survey_star.png) no-repeat right -116px;}

.CLP_contents_head { margin:0; padding:0; top:0; width:100%; border-bottom:1px solid #394053; }
.CLP_contents_head:after { clear:both; display:block; content:""; }
.CLP_contents_head .contents_title { font-size:30px; text-align:center; color:#2b354a;  margin:0 auto;  padding:30px 0 0 0; height:85px;  text-align:left; font-weight:normal; }
.CLP_contents_head .contents_title span { padding:0; margin:0;  position:relative;}
.CLP_contents_head .contents_title span:first-child { color:#787d89; letter-spacing:-1px; padding-right:20px;}
.CLP_contents_head .contents_title span:last-child { color:#2b354a; }
.CLP_contents_head .contents_title>span+span:before { font-size:22px; content:"\003e"; color:#787d89; position:absolute; left:-17px; top:5px;}
#CLP_contents { padding:0; margin:0 0 100px 40px; width:935px; float:right;  /*line-height:1.5;21.04.16 미세한 차이로 보류*/}
#CLP_contents:after { clear:both; display:block; content:""; }
#CLP_contents img{ max-width: 100%; height: auto;}
.compare_dialog .el-dialog { width:80%!important; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .CLP_contents_head .contents_title>span+span:before { font-size:22px; content:"\003e"; color:#787d89; position:absolute; left:-17px; top:5px; }
}
/* 타블렛 가로부터  */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {	
	#HOME2020_contents_wrap { max-width:1000px; }
	#HOME2020_contents_wrap:after { clear:both; display:block; content:""; }	
	.HOME2020_aside_menu { width:200px; padding:50px 0 0 0; margin:0px; }
	.HOME2020_aside_menu li.child{  background:url(../images/common/leftmenu_open.jpg) 170px 10px no-repeat;}
	.HOME2020_aside_menu li.child a:hover,
	.HOME2020_aside_menu li.child a:active,
	.HOME2020_aside_menu li.child a.on{background:url(../images/common/leftmenu_close.jpg) 170px 17px no-repeat #394053; }
	.HOME2020_aside_menu li.child a:active.on{ background:url(../images/common/leftmenu_close.jpg) 170px 17px no-repeat #394053; }	
	.HOME2020_util_wrap { padding:0 0 0 220px;}
	.HOME2020_util_wrap:after { clear:both; display:block; content:""; }
	.breadcrumb {  margin:0; padding:5px 0 0 5px; float:left; vertical-align:middle; width:70%; background:none; height:50px; 
	 border-radius:0; position:absolute; top:0;  } 
	.breadcrumb li{ display:inline-block; font-size:14px; padding:11px 0; margin:0px; color:#fff; list-style:none; } 
	.breadcrumb>li+li:before {padding: 0 5px;color: #fff; content: "|\00a0";}
	.breadcrumb li a {  margin:0px; padding:0 5px 0 0; letter-spacing:-0.5px; color:#fff; }
	.breadcrumb li a img{  margin:0 1px 3px 0; vertical-align:middle}
	.breadcrumb li:last-child { color:#fff799; }
	.breadcrumb:after { clear:both; display:block; content:""; }	
	.util_list {  margin:7px 0 0 0; padding:0;  position:absolute; top:0; right:0; }
	.util_list li {  margin:0 3px 0 0; padding:0; float:left; text-align:center;   list-style:none;  }
	.util_list li.noline {  margin:0 5px 0 0; padding:15px 0 0 0; float:left; width:30px; height:30px; text-align:center; 
	border-radius:0; border:none; background:none; display:none; }
	.util_list li a{ padding:8px; line-height:21px;  width:37px; height:37px; border-radius:16px; display:block; background:#284f33; opacity:0.87; }
	.util_list li a:hover,
	.util_list li a:active{  background:#172c23; opacity:1; }
	.util_list:after { clear:both; display:block; content:""; }	
	.HOME2020_survey{  margin:0 0 0 20px;max-width:780px; }
	#CLP_contents { padding:0; margin:0 0 50px 20px; width:780px; float:right;}
	#CLP_contents:after { clear:both; display:block; content:""; }
}
/* 모바일부터 타블렛세로 */
@media (max-width: 1023px) {	
	/*common으로 이동
	.CLP_inerWrap { width:100%; position:relative; margin:0 auto; padding-left:15px; padding-right:15px;}
	.CLP_inerWrap:after { clear:both; display:block; content:""; }*/
	
	#HOME2020_head_layout { margin:0 auto; padding:0; height:55px!important; position:fixed!important; z-index:5000; width:100%; left:0; top:0; 
	background:#fff; border-bottom:1px solid #e1e1e1; }
	#HOME2020_body_layout {margin:55px 0 0 0!important; padding: 0; }
	#HOME2020_head_layout:after { clear:both; display:block; content:""; height:0; }
	
	#HOME2020_contents_wrap { margin: -35px auto 50px auto; }
	#HOME2020_subimage_wrap { height:35px; top:0px;  }
	.HOME2020_util_wrap {position:relative; margin:0 auto; padding:0 0 0 0px; top:0; width:96%; height:35px; }
	.breadcrumb { width:100%; height:35px; padding:0px 0 0 0; top:0px; margin:0; } 
	.util_list { display:none; }
	
	.CLP_contents_head { margin:0; padding:0; top:0; width:100%; border-bottom:1px solid #394053; }
	.CLP_contents_head .contents_title { font-size:22px; padding:20px 0; height:60px;}
	.CLP_contents_head .contents_title span { padding:0; margin:0;  position:relative;}
	.CLP_contents_head .contents_title span:first-child { color:#787d89; letter-spacing:-1px; padding-right:20px;}
	.CLP_contents_head .contents_title span:last-child { color:#2b354a; }
	.CLP_contents_head .contents_title>span+span:before { font-size:22px; content:"\003e"; color:#787d89; position:absolute; left:-17px; top:5px;}
	
	.HOME2020_aside_menu { display:none;}
	.HOME2020_aside_menu.xsdisplay { display:block; float:none; width:100%; padding:0; margin:0px; }
	.HOME2020_aside_menu.xsdisplay h1{ border-bottom:none; margin-bottom:0px; padding:0px; font-size:0px;  height:0px; }
	.HOME2020_aside_menu.xsdisplay ul{ margin:0; padding:0; display:table; table-layout: fixed; width:100%; }
	.HOME2020_aside_menu.xsdisplay li{ margin:0; padding:0px; width:100%; text-align:center; display:table-cell; vertical-align:middle; list-style:none;}
	.HOME2020_aside_menu.xsdisplay li a{ border-right:1px solid #fff; background:#5cab7a; width:100%; margin:0; padding:10px; text-align:center; font-size:17px; color:#fff;}
	.HOME2020_aside_menu.xsdisplay+.HOME2020_util_wrap { height:0;}
	#CLP_contents { width:100%; margin:0 auto; padding:0;}	
	.HOME2020_survey{ width:100%; margin:0 auto; padding:0 15px }
	.survey { margin-top:0px;}
	.survey .question{ font-size:16px;}
	.survey .answer { font-size:14px; margin:0;}
	.survey .answer span { width:90px; background-size:90%!important;} 
	.survey .answer span.star5 { background:url(../images/common/survey_star.png) no-repeat 3px -1px; }
	.survey .answer span.star4 { background:url(../images/common/survey_star.png) no-repeat 3px -29px;}
	.survey .answer span.star3 { background:url(../images/common/survey_star.png) no-repeat 3px -54px;}
	.survey .answer span.star2 { background:url(../images/common/survey_star.png) no-repeat 3px -82px;}
	.survey .answer span.star1 { background:url(../images/common/survey_star.png) no-repeat 3px -108px;}
	}
	
/* 모바일 사이즈*/
@media(max-width:430px)/*아이폰 고사양에 따라 421에서 430으로 수정*/{
	.CLP_contents_head .contents_title { font-size:20px; padding:15px 0; height:50px;}
	.HOME2020_survey{ width:100%; margin:0 auto; padding:0 15px; }
	.survey { padding:5px; margin-top:30px; width: 100%;}
	.survey .question{ font-size:15px;}
	.survey .answer { font-size:14px; margin:0; padding:5px 0 5px 30px;}
	.survey .answer label{ width:100%; display:block; padding:5px 0;}
	.survey .answer input{ margin-right:5px;}
	}