/**********  메인 슬라이드  ***************/
.visual-main { width: 100%;  margin:0px; padding:0px; position: relative; height:92%; }
 
.visual-sub { width: 100%;  margin:0px; padding:0px; position: relative; height:55%; }


/**********  스크롤 안내 아이콘  ***************/
#icon_box { vertical-align: middle;position: fixed; width:100%; top:83%; margin:0 auto; text-align:center;  z-index:2}
#icon_box .icon_wrap {width:100%; height:219px;margin:0 auto; text-align:center; padding: 0px;   /*이미지는 Position 지정*/ position:relative; }
#icon_box p { font-size:12px; color: rgba(255, 255, 255, 1);}
#img_ball { text-align:center; width:25px; height:auto;}



/**********  메인 비쥬얼 슬라이드 타이틀  ***************/
.visual-main .slider-title {  position: absolute; top: 15%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-main .slider-title .txt-wrap {width:1100px; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-main .slider-title .top{color: #fff;padding:0;font-size: 24px;letter-spacing:-1px;font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.visual-main .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-main .slider-title .tit {color: rgb(255, 255, 255);font-size: 60px; font-weight: 500; display: block;}
.visual-main .slider-title .tit::after { margin: 20px auto 30px ; width: 340px; height: 1px; border-top-color: rgb(234, 225, 220); 
border-top-width: 1px; border-top-style: solid; display: block; content: ""; opacity: 0.5;}
.visual-main .slider-title .txt01 {text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);
	padding: 0px 0px 20px; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: -1px; font-size: 26px; font-weight: 300; }
.visual-main .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 30px; font-weight: 500;}
.visual-main .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255); line-height: 1.6; font-size: 16px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}




/**********  서브 비쥬얼 슬라이드 타이틀  ***************/
.visual-sub .slider-title {  position: absolute; top: 33%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-sub .slider-title .txt-wrap {width:1100px; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-sub .slider-title .top{color: #fff;padding:0 0px 0px 0;font-size: 24px;letter-spacing:-1px; font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}

.visual-sub .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-sub .slider-title .tit strong {	color: rgb(255, 255, 255);font-size: 45px; font-weight: 500; display: block;}

.visual-sub .slider-title .txt01 { margin:0 auto; padding: 0px 0px 0px 0; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);
	 color: rgb(255, 255, 255);  letter-spacing: -1px; font-size: 20px; font-weight: 300; }
.visual-sub .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 24px; font-weight: 700;}
.visual-sub .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255);transition:transform 3s; line-height: 1.6; font-size: 15px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}





/**************************************** max-width:1100px *********************************************/

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


/**********  메인 비쥬얼 슬라이드 타이틀  ***************/
.visual-main .slider-title {  position: absolute; top: 15%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-main .slider-title .txt-wrap {width:1100px; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-main .slider-title .top{color: #fff;padding:0;font-size: 24px;letter-spacing:-1px;font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.visual-main .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-main .slider-title .tit {color: rgb(255, 255, 255);font-size: 55px; font-weight: 500; display: block;}
.visual-main .slider-title .tit::after { margin: 15px auto 25px ; width: 340px; height: 1px; border-top-color: rgb(234, 225, 220); 
border-top-width: 1px; border-top-style: solid; display: block; content: ""; opacity: 0.5;}
.visual-main .slider-title .txt01 {text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);
	padding: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: -1px; font-size: 24px; font-weight: 300; }
.visual-main .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 28px; font-weight: 500;}
.visual-main .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255); line-height: 1.6; font-size: 16px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}









}



/**************************************** max-width:980px *********************************************/
@media only screen and (max-width:980px)
{


/**********  스크롤 안내 아이콘  ***************/
#icon_box { vertical-align: middle;position: fixed; width:100%; top:78%; margin:0 auto; text-align:center;  z-index:2}
#icon_box .icon_wrap {width:100%; height:219px;margin:0 auto; text-align:center; padding: 0px;   /*이미지는 Position 지정*/ position:relative; }
#icon_box p { font-size:12px; color: rgba(255, 255, 255, 1);}
#img_ball { text-align:center; width:25px; height:auto;}


/**********  메인 비쥬얼 슬라이드 타이틀  ***************/
.visual-main { width: 100%;  margin:0px; padding:0px; position: relative; height:91%; }

.visual-main .slider-title {  position: absolute; top: 5%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-main .slider-title .txt-wrap {width:100%; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-main .slider-title .top{color: #fff;padding:0;font-size: 24px;letter-spacing:-1px;font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.visual-main .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-main .slider-title .tit {color: rgb(255, 255, 255);font-size: 50px; font-weight: 500; display: block;}
.visual-main .slider-title .tit::after { margin: 15px auto 25px ; width: 340px; height: 1px; border-top-color: rgb(234, 225, 220); 
border-top-width: 1px; border-top-style: solid; display: block; content: ""; opacity: 0.5;}
.visual-main .slider-title .txt01 {text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);
	padding: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: -1px; font-size: 22px; font-weight: 300; }
.visual-main .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 24px; font-weight: 500;}
.visual-main .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255); line-height: 1.6; font-size: 16px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}




/**********  서브 비쥬얼 슬라이드 타이틀  ***************/
.visual-sub .slider-title {  position: absolute; top: 8%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-sub .slider-title .txt-wrap {width:100%; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-sub .slider-title .top{color: #fff;padding:0 0px 0px 0;font-size: 24px;letter-spacing:-1px; font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}

.visual-sub .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-sub .slider-title .tit strong {	color: rgb(255, 255, 255);font-size: 45px; font-weight: 500; display: block;}

.visual-sub .slider-title .txt01 { margin:0 auto; padding: 0px 0px 0px 0; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);line-height: 30px;
	 color: rgb(255, 255, 255);  letter-spacing: -1px; font-size: 20px; font-weight: 300; }
.visual-sub .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 24px; font-weight: 700;}
.visual-sub .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255);transition:transform 3s; line-height: 1.6; font-size: 15px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}










}





/**************************************** max-width:768px *********************************************/
@media only screen and (max-width:768px)
{


/**********  메인 비쥬얼 슬라이드 타이틀  ***************/
.visual-main { width: 100%;  margin:0px; padding:0px; position: relative; height:91%; }

.visual-main .slider-title {  position: absolute; top: 2%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-main .slider-title .txt-wrap {width:100%; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-main .slider-title .top{color: #fff;padding:0;font-size: 24px;letter-spacing:-1px;font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}
.visual-main .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-main .slider-title .tit {color: rgb(255, 255, 255);font-size: 45px; font-weight: 500; display: block;}
.visual-main .slider-title .tit::after { margin: 15px auto 20px ; width: 340px; height: 1px; border-top-color: rgb(234, 225, 220); 
border-top-width: 1px; border-top-style: solid; display: block; content: ""; opacity: 0.5;}
.visual-main .slider-title .txt01 {text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);
	padding: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: -1px; font-size: 20px; font-weight: 300; }
.visual-main .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 22px; font-weight: 500;}
.visual-main .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255); line-height: 1.6; font-size: 16px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}



/**********  서브 비쥬얼 슬라이드 타이틀  ***************/
.visual-sub .slider-title {  position: absolute; top: 15%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-sub .slider-title .txt-wrap {width:100%; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-sub .slider-title .top{color: #fff;padding:0 0px 0px 0;font-size: 20px;letter-spacing:-1px; font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}

.visual-sub .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-sub .slider-title .tit strong {	color: rgb(255, 255, 255);font-size: 40px; font-weight: 500; display: block;}

.visual-sub .slider-title .txt01 { margin:0 auto; padding: 0px 0px 0px 0; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);line-height: 30px;
	 color: rgb(255, 255, 255);  letter-spacing: -1px; font-size: 18px; font-weight: 300; }
.visual-sub .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 20px; font-weight: 700;}
.visual-sub .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255);transition:transform 3s; line-height: 30px; font-size: 15px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}


}

/**************************************** max-width:480px *********************************************/

@media screen and (max-width:480px)
{
.pc-mode { display:none }
.mobile-mode { display:inline-block }

/**********  스크롤 안내 아이콘  ***************/
#icon_box { vertical-align: middle;position: fixed; width:100%; top:83%; margin:0 auto; text-align:center;  z-index:2}
#icon_box .icon_wrap {width:100%; height:219px;margin:0 auto; text-align:center; padding: 0px;   /*이미지는 Position 지정*/ position:relative; }


/**********  메인 비쥬얼 슬라이드 타이틀  ***************/
.visual-main { width: 100%;  margin:0px; padding:0px; position: relative; height:91%; }

.visual-main .slider-title {  position: absolute; top: 0%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 50%;   margin: auto; z-index:4}
.visual-main .slider-title .txt-wrap {width:100%; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-main .slider-title .top{color: #fff;padding:0;font-size: 21px;letter-spacing:-1px;font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); padding:0 0 10px 0;}
.visual-main .slider-title .tit {width:100%;  margin:0 auto; padding: 0px !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-1.0px;}
.visual-main .slider-title .tit {color: rgb(255, 255, 255);font-size: 40px; line-height:50px; font-weight: 500; display: block;}
.visual-main .slider-title .tit::after { margin: 15px auto 20px ; width: 200px; height: 1px; border-top-color: rgb(234, 225, 220); 
border-top-width: 1px; border-top-style: solid; display: block; content: ""; opacity: 0.5;}
.visual-main .slider-title .txt01 {text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);
	padding: 0px 0px 10px; color: rgb(255, 255, 255); line-height: 32px; letter-spacing: -1px; font-size: 20px; font-weight: 300; }
.visual-main .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 23px;font-weight: 500;}
.visual-main .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255); line-height: 1.6; font-size: 16px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}



/**********  서브 비쥬얼 슬라이드 타이틀  ***************/
.visual-sub .slider-title {  position: absolute; top:45%;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 70%;   margin: auto; z-index:4}
.visual-sub .slider-title .txt-wrap {width:100%; height:100%; margin:0 auto; text-align:center; padding: 0px; }
.visual-sub .slider-title .top{color: #fff;padding:0 0px 20px 0;font-size: 20px;letter-spacing:-1px; font-weight: 500;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}

.visual-sub .slider-title .tit {width:100%;  margin:0 auto; padding: 0px 0 10px 0 !important; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4); letter-spacing:-2.0px;}
.visual-sub .slider-title .tit strong {	color: rgb(255, 255, 255);font-size: 30px; font-weight: 400; display: block;}

.visual-sub .slider-title .txt01 { margin:0 auto; padding: 10px 0px 0px 0; text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);line-height: 30px;
	 color: rgb(255, 255, 255);  letter-spacing: -1px; font-size: 18px; font-weight: 300; }
.visual-sub .slider-title .txt01 strong {color: rgb(255, 255, 255); font-size: 20px; font-weight: 500;}
.visual-sub .slider-title .txt02 {margin: 0px auto; color: rgb(255, 255, 255);transition:transform 3s; line-height:30px; font-size: 15px;text-shadow:5px 6px 14px rgba(0, 0, 0, 0.4);}








}