@charset "utf-8";
.pc{display:block;}
.mb{display:none;}

@media all and  (max-width: 1000px) {
.pc{display:none;}
.mb{display:block;}
}

.bd_btm_line{border-bottom:0px ! important}
.bd_top_line{border-top:0px ! important}
.bd_right_line{border-right:0px ! important}
.bd_left_none{border-left:0px ! important}

.wrap{position:relative;width:100%;text-align:center}
.area{max-width:1000px;/*max-width:1256px;*/margin:0 auto;position:relative}




/******* top *****/
.top_w{float:left;width:100%;margin:0;}
.top_w h1{float:left;width:240px;text-align:left}
.top_w h1 img{width:100%;}

.top_w .top_btns{float:right;width:47%;}
.top_w .top_btns button{border-radius:100px;display:inline-block;margin:50px 0 0 5px;border:0;outline:0;}
.top_w .top_btns .top_sns{background:#fbe200 url('/images/common/top_ico_01.png') 8px 4px no-repeat;background-size:35px;color:#47463f;font-size:16px;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
.top_w .top_btns .top_link{background:#898989 url('/images/common/top_ico_02.png') 8px 4px no-repeat;background-size:35px;color:#fff;font-size:16px;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
.top_w .top_btns .top_cs{background:#00d5ff url('/images/common/top_ico_03.png') 8px 4px no-repeat;background-size:35px;color:#fff;font-size:16px;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
.top_w .top_btns .top_order{background:#dc3d3b;color:#fff;font-size:18px;font-weight:600;letter-spacing:-0.05em;padding:10px 20px 10px 20px;}

/*
.top_w .top_btns .top_sns:hover{transition: 0.3s;color:#fff;background:#557aff url('/images/common/top_ico_01.png') 8px 4px no-repeat;background-size:35px;color:#47463f;font-size:16px;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
.top_w .top_btns .top_link:hover{transition: 0.3s;color:#fff;background:#557aff url('/images/common/top_ico_02.png') 8px 4px no-repeat;background-size:35px;color:#fff;font-size:16px;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
.top_w .top_btns .top_cs:hover{transition: 0.3s;color:#fff;background:#557aff url('/images/common/top_ico_03.png') 8px 4px no-repeat;background-size:35px;color:#fff;font-size:16px;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
.top_w .top_btns .top_order:hover{transition: 0.3s;color:#fff;background:#557aff url('/images/common/ico_han.png') 10px 3px no-repeat;background-size:30px;color:#fff;font-size:18px;font-weight:600;letter-spacing:-0.05em;padding:10px 15px 10px 45px;}
*/
/*********** mv *************/
.mvbx{width:100%;margin:0;padding:0px 0;text-align:center; background:url('/images/common/mv_bg.png') center top no-repeat;float:left;position:relative;height:1200px}


.s21_album_top_left{float:left;width:55%;margin:60px 0 0 20px}

.s21_arrow_box{margin:20px 0 0px 50px}
.s21_arrow_box div{float:left;display:inline-block;padding-left:10px;padding-right:5px;margin-left:10px;background:#4365de;border-radius:100px;width:80px;height:40px;opacity:1;margin:font-size:14px;color:#fff;text-align:center}
.s21_arrow_box div button{margin:10px 0px;opacity:1;outline:0;border:0px;}
.s21_arrow_box div button:hover{opacity:1}
.s21_arrow_box p{float:left;display:inline-block;margin-left:10px;background:#4365de;border-radius:100px;width:90px;height:40px;opacity:1;line-height:40px;font-size:15px;color:#fff;text-align:center}
.s21_arrow_box p span{padding:0 5px}

.button_stop{float:left;background:#4365de url(/images/common/pop_stop.gif) center center no-repeat;border-radius:100px;width:40px;height:40px;opacity:1;text-indent:-100000%}
.button_stop:hover{background:#4365de url(/images/common/pop_stop.gif) center center no-repeat;border-radius:100px;width:40px;height:40px;opacity:0.8;text-indent:-100000%}
.button_stop:after{background:#4365de url(/images/common/pop_stop.gif) center center no-repeat;border-radius:100px;width:40px;height:40px;opacity:0.8;text-indent:-100000%}
.button_next{float:right;background:#4365de url(/images/common/pop_next.gif) center center no-repeat;width:30px;text-indent:-100000%;}
.button_prev{float:left;background:#4365de url(/images/common/pop_prev.gif) center center no-repeat;width:30px;text-indent:-100000%;}


.event_img{float:left;margin:30px  30px;border-radius:50px;
	box-shadow: 1px 1px 32px rgba(179, 179, 179, 0.6)  ; 
	-webkit-box-shadow: 1px 1px 32px rgba(179, 179, 179, 0.6)  ; 
	-moz-box-shadow: 1px 1px 32px rgba(179, 179, 179, 0.6)  ; 
	}
.event_img img{border-radius:0}

/***/

/** m01 ***/
.m01{position:absolute;bottom:130px;left:0px;background:#fee46b url('/images/common/banner_women.png') 20px bottom no-repeat;background-size:250px;height:340px;width:70%;border-top-right-radius:60px;border-bottom-right-radius:60px;box-shadow: 1px 1px 32px rgba(179, 179, 179, 0.6)  ; 
	-webkit-box-shadow: 1px 1px 32px rgba(179, 179, 179, 0.6)  ; 
	-moz-box-shadow: 1px 1px 32px rgba(179, 179, 179, 0.6)  ; 
	}

/**slide**/

 * {
      box-sizing: border-box;
    }

    .slider {
        width: 90%;
        margin: 30px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

/***********************/
.mbanner{width:75%;margin:60px 0 0 23%;position:relative}
.mbanner_tbx{float:left;width:30%;}
.mbanner_tbx h3{text-align:center;font-size:13px;color:#ae9f57;padding:25px 0 0 0}
.mbanner_tbx h4{text-align:center;font-size:23px;color:#414141;padding:10px 0}
.mbanner_tbx h4 span{font-size:23px;color:#ff8a0d;}
.mbanner_tbx .price{text-align:center;font-size:18px;color:#5b5b5b;padding:10px 0}
.mbanner_tbx .price span{font-size:23px;color:#ff8a0d;}

.mbanner_tbx .view_more{width:100%;display:inline-block;margin:10px 0 0 0}
.mbanner_tbx .view_more a{padding:7px 20px; border:1px solid #a7750b;border-radius:5px;text-align:center;line-height:25px;font-size:14px;color:#a7750b;}
.mbanner_tbx .view_more a:hover{padding:7px 20px; border:1px solid #111;border-radius:5px;text-align:center;line-height:25px;font-size:14px;color:#111;}


.mbanner_tguide{float:right;width:67%;}
.mbanner_tguide .tguide01{float:left;display:inline-block;width:150px;height:200px;margin:15px 0px;background:url('/images/common/mbanner_01.png') top center no-repeat;background-size:100%;}
.mbanner_tguide .tguide02{float:left;display:inline-block;width:150px;height:200px;margin:15px 0px;background:url('/images/common/mbanner_02.png') top center no-repeat;background-size:100%;}
.mbanner_tguide .tguide03{float:left;display:inline-block;width:150px;height:200px;margin:15px 0px;background:url('/images/common/mbanner_03.png') top center no-repeat;background-size:100%;}
.mbanner_tguide p{margin-top:110px;text-align:center;line-height:25px;font-size:16px;color:#fff}


/******* 가이드 *******/
.guidebx{position:relative;float:left;text-align:center;width:100%;margin:0 auto;background:url('/images/common/mbox_bg2.jpg') center top  repeat-x;}
.m02{margin:5px auto;text-align:center}
.m02 h3{text-align:center;font-size:42px;color:#4e4e4e;font-weight:500;letter-spacing:-0.05em}
.m02 h3 img{width:72px}

.m02_bx{width:100%;margin:95px 0%;}
.m02_bx dl{display:inline-block;width:14.6%;margin:0 0.5%;background:url('/images/common/guide_bg.png') center top  no-repeat;background-size:100%;border-radius:30px;
	box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	-webkit-box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	-moz-box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	}
/*.m02_bx dl:hover{transition: 0.3s;display:inline-block;width:14.6%;margin:0 0.5%;background:url('/images/common/guide_bg_hover.png') center top  no-repeat;background-size:100%;border-radius:30px;
	box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	-webkit-box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	-moz-box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	}*/
.m02_bx dt{text-align:center;padding:35px 0 15px 0;}
.m02_bx dt img{max-width:120px;}
.m02_bx dt:hover{opacity:0.7;transition: 0.3s;}
.m02_bx dd{color:#fff;font-weight:500;font-size:18px;padding:20px 0 20px 0;background:#557aff;border-bottom-right-radius:30px;border-bottom-left-radius:30px}
.m02_bx dd:hover{transition: 0.3s;color:#fff;font-weight:500;font-size:18px;padding:20px 0 20px 0;background:#4f37c9;border-bottom-right-radius:30px;border-bottom-left-radius:30px}

/*** m03 ***/
.m03{margin:50px auto;max-width:1000px;text-align:center}
.m03 .m03_bx{display:block;width:100%;margin:0;background:#fff;border-radius:0px;height:530px;
	box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	-webkit-box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	-moz-box-shadow: 18px 17px 41px rgba(217, 217, 217, 0.6)  ; 
	}

.m03_bx_left{float:left;width:45%;background:#797ef6 url('/images/common/money_confirm_bg.png') center bottom no-repeat;background-size:100%;text-align:left;height:530px;}
.m03_bx_left h3{padding:20px 0 15px 40px;color:#fff;font-size:42px;letter-spacing:-0.05em;font-weight:500}
.m03_bx_left h4{padding:60px 0 10px 40px;color:#fff;font-size:25px;font-weight:200;width:94%;}
.m03_bx_left h4 span{float:right;color:#c8caf4;font-size:11px;font-weight:200;border:1px solid #c8caf4;padding:1px 8px;}
.m03_bx_left h4 span:hover{transition: 0.3s;float:right;color:#fff;font-size:11px;font-weight:200;border:1px solid #fff;padding:1px 8px;}
.m03_bx_left h4 span a{color:#c8caf4;}
.m03_bx_left h4 span a:hover{color:#fff;}
.m03_bx_left p{font-size:16px;font-weight:200;line-height:20px;padding:15px 0 0 40px;color:#fff;}

.m03_bx_right{float:right;width:55%;background:#fff;text-align:left;height:530px;overflow:hidden;}
.m03_bx_right h3{padding:60px 0 15px 40px;color:#646464;font-size:26px;width:220px;letter-spacing:-0.05em;font-weight:200;float:left;border:0px solid #000}
.m03_bx_right h3 span{color:#464cd3;font-size:26px;font-weight:500}
.m03_bx_right p{font-size:16px;font-weight:200;line-height:20px;padding:65px 0 0 0px;color:#949494;text-align:left;border:0px solid #000}


/* 게시판기본 */
.main_table{width:94%;margin:10px 3%;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9;text-align:center; }
.sub_table{padding:10px 3%;width:94%;margin:10px auto;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9;text-align:center; }

.blist{width:100%; border-top: 2px solid #878787;}
.blist th{padding: 20px 20px; font-size:18px; color:#000000; font-weight:400; border-bottom: 1px solid #dbdbdb;}
.blist tr{padding: 20px 20px; border-bottom: 1px solid #ebebeb;}
.blist td{font-size:16px; color:#8a8a8a; font-weight:300;text-align:center;/*border-left:1px  solid #ebebeb;*/padding: 20px 20px; }
.blist .tb_suj{color:#555; text-align:left; font-weight:400; margin:30px 0 30px 0;border-left:0px;padding:15px 0}
.blist .tb_tit{color:#222; text-align:left; font-weight:400; margin:30px 0 30px 0;padding-left:15px; }
.blist tbody tr:hover{background:#f9f9f9; cursor:pointer; transition: all 0.1s;}

.blist_main{width:100%; border-top: 2px solid #878787;}
.blist_main th{padding: 20px 20px; font-size:18px; color:#000000; font-weight:400; border-bottom: 1px solid #dbdbdb;}
.blist_main tr{padding: 20px 20px; border-bottom: 1px solid #ebebeb;}
.blist_main td{font-size:16px; color:#8a8a8a; font-weight:300;text-align:center;/*border-left:1px  solid #ebebeb;*/padding: 20px 20px; }
.blist_main .tb_suj{color:#555; text-align:left; font-weight:400; margin:30px 0 30px 0;border-left:0px;padding:15px 0}
.blist_main .tb_tit{color:#222; text-align:left; font-weight:400; margin:30px 0 30px 0;padding-left:15px; }
.blist_main tbody tr:hover{background:#f9f9f9; cursor:pointer; transition: all 0.1s;}



/**** m04 *****/
.m04{position:relative;float:left;text-align:center;width:100%;margin:0px auto;background:#fff;padding:80px 0}
.m04_bx_left{float:left;width:65%;padding-right:2%;}
.m04_bx_left h3{position:relative;color:#424242;font-size:40px;letter-spacing:-0.05em;font-weight:200; text-align:left;}
.m04_bx_left h3 span{color:#8186ea;font-size:40px;font-weight:500;padding-left:10px;}
.m04_bx_left .more{position:absolute;top:-15px;right:20px;}
.m04_bx_left .more a{color:#acacac;font-size:13px;font-weight:200;border:1px solid #ddd;padding:2px 8px;}
.m04_bx_left .more a:hover{transition: 0.3s;color:#71728a;font-size:13px;font-weight:200;border:1px solid #71728a;padding:2px 8px;}

.ttl_line{display:block;width:40px;background:#4e4e4e;height:2px;margin:30px 0 20px 0}
.board_wrap{float:left;width:98%;margin:0 1%;}
.board_wrap dl{float:left;width:100%;padding:8px 0;}
.board_wrap dt{float:left;width:80%;font-size:16px;color:#676767;overflow:hidden;text-align:left;text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.board_wrap dd{float:right;width:20%;font-size:14px;color:#858585;}

.m04_bx_right{float:right;width:35%;}
.m04_bx_right>img{width:100%;}
.add_service{float:right;width:90%;background:#455dd7;min-height:280px;padding:30px 40px}

.add_service h3{position:relative;color:#fff;font-size:25px;letter-spacing:-0.05em;font-weight:200;width:100%; text-align:center;line-height:45px}
.add_service h3 span{color:#c6c8f8;font-size:35px;font-weight:600;padding-left:0px;}
.ttl_line2{display:block;width:40px;background:#fff;height:2px;margin:8px auto}
.add_service .s_bx{display:inline-block;width:30%;margin:15px 1.2%;border:0px solid #fff;color:#fff;height:60px;line-height:35px;font-size:16px;}
.add_service .s_bx img{width:70px;}
.btline{border-top:1px solid #ddd}


.cs_center{width:100%;padding:10px 0;text-align:left}
.cs_center .cs01{font-size:18px;color:#717171;letter-spacing:-0.05em;font-weight:300}
.cs_center .cs02{font-size:25px;color:#5a5a5a;letter-spacing:-0.05em;font-weight:300}
.cs_center .cs02 span{font-size:52px;color:#3e56cc;letter-spacing:-0.05em;font-weight:600}
.cs_center .csbx{float:left;width:100%;margin:60px 0 0 0;border-top:1px solid #bdbbbb;border-bottom:1px solid #bdbbbb;padding:10px 0;text-align:center;color:#676767;line-height:76px}
.cs_center .csbx img{width:76px}
.f_r{color:#ed3024}

.delivery{float:right;width:90%;background:#fff url('/images/common/delivery_btm.png') 0 bottom no-repeat;background-size:100%;min-height:315px;padding:20px 0px 0 0;border:1px solid #ddd;text-align:left}
.delivery p{padding-left:40px;}
.delivery h3{position:relative;color:#fff;font-size:30px;letter-spacing:-0.05em;font-weight:200; text-align:left;line-height:45px;border-bottom:1px solid #ddd;padding-bottom:10px;padding-left:40px;}
.delivery h3 span{color:#ed3024;font-size:32px;font-weight:600;padding-left:0px;}
.del_txt{color:#5f5f5f;font-size:16px;letter-spacing:-0.05em;padding-top:10px;}
.delivery span{width:100%}

/******* 바텀콘 *******/
.btmbx{position:relative;/*float:left;*/ display: flex;text-align:center;width:100%;margin:0 auto;background:#f0eaf4;padding:65px 0}
.m05{margin:5px auto;text-align:center}
.m05 div{float:left;margin:0;text-align:left}
.m05 div p{float:left;width:28%;}
.m05 div dl{float:right;width:70%;}
.m05 div dt{width:100%;float:left;font-size:40px;color:#504e51;letter-spacing:-0.05em;padding-bottom:15px;line-height:25px;}
.m05 div dt span{width:100%;float:left;font-size:18px;color:#969497;letter-spacing:-0.05em}
.m05 div dd{width:100%;float:left;font-size:35px;color:#242843;letter-spacing:-0.05em}
.m05 div dd a{width:100%;float:left;font-size:35px;color:#242843;letter-spacing:-0.05em}

.btm01{width:37%;}
.btm01 img{width:80px}
.btm01 .Inquiry{}

.btm02{width:37%;}
.btm02 img{width:80px}
.btm03{width:20%;float:right ! important;}
.btm03 img{width:80px}
.btm03 .btm03_01{width:100%;float:left;padding-bottom:25px;}
.btm03 .btm03_01 .btm03_left{float:left;width:35%;text-align:left}
.btm03 .btm03_01 .btm03_right{float:right;width:65%;font-size:20px;color:#242843;letter-spacing:-0.05em}
.btm03 .btm03_01 .btm03_right br.hide{display: block;}
.btm03 .btm03_02{width:100%;float:left;font-size:22px;color:#242843;letter-spacing:-0.05em}
.dd_line{width:30px ! important;background:#4e4e4e;height:2px;margin:0px 0 20px 0}


/* 게시판기본 */
.sub_table{float:left;padding:10px 0%;width:100%;margin:10px auto;border-top:0px solid #e9e9e9;border-bottom:0px solid #757575;text-align:center; }

.blist{width:100%; border-top: 2px solid #878787;}
.blist th{padding: 25px 20px; font-size:18px; color:#000000; font-weight:400; border-bottom: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;background:#f9f9f9;}
.blist tr{padding: 25px 20px; border-bottom: 1px solid #ccc;}
.blist td{font-size:16px; color:#8a8a8a; font-weight:300;text-align:center;border-left:1px  solid #ccc;padding: 20px 20px; }
.blist .tb_suj{color:#555; text-align:left; font-weight:400; margin:30px 0 30px 0;border-left:0px;padding:15px 0}
.blist .tb_tit{color:#222; text-align:left; font-weight:400; margin:30px 0 30px 0;padding-left:15px; }
.blist tbody tr:hover{background:#f9f9f9; cursor:pointer; transition: all 0.1s;}

/*** select/input ***/
.blist select {font-size:18px;border-radius:0px;padding:12px 8px;width:98%;border:1px solid #e9e9e9;background:url('/images/common/arrow_search.png')  89% center no-repeat ;}
.blist select {-webkit-appearance: none ! important;-moz-appearance: none ! important; appearance: none ! important; }
.blist select::-ms-expand{ display: none; }
.blist input{font-size:18px;border-radius:0px;padding:12px 8px;width:95%;border:1px solid #e9e9e9;text-align:left}
.search_button{margin-top:0px;border-radius:60px;padding:10px 33px;background:#e97723;color:#fff;font-size:20px;margin-left:15px;display:inline-block;}
.SearchInput{font-size:16px;border-radius:60px;padding:12px 40px;border:1px solid #ddd;}
.blist p{text-align:left;margin-bottom:5px}
.w50{width:50px ! important}
.w200{width:200px ! important}
.w45{width:45% ! important;margin-right:10px}
.w40{width:40% ! important;margin-right:0px}
.w60{width:60% ! important;margin-right:0px}
.w75{width:75% ! important;margin-right:10px}
.w20{width:20% ! important;margin-right:10px}
.w30{width:30% ! important;margin-right:10px}
.w90{width:90% ! important;margin-right:0px}

.zip{width:120px ! important;border:0;outline:0;margin:0 0 0 20px;padding:12px;text-align:center;background:#555;color:#fff;font-size:14px;}


/*****/

		.custom_request { width:100%;margin:0 auto;  }
		
		.custom_request .list { width:100%; float:left; padding:30px 0; overflow: hidden;}
		.custom_request .list div { width:100%; float:left; }
		.custom_request .list div > ul { width:100%; float:left; }
		.custom_request .list div > ul > li { float:left; height:45px; line-height:45px; font-size:18px; font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
		.custom_request .list div > ul > li:nth-child(1) { width:25%; }
		.custom_request .list div > ul > li:nth-child(2) { width:30%; }
		.custom_request .list div > ul > li:nth-child(3) { width:25%; }
		.custom_request .list div > ul > li:nth-child(4) { width:20%; }

		.custom_request .list .list_head { border-top:2px solid #333; display: none; }
		.custom_request .list .list_head li { background-color:#ebebeb; }

		.custom_request .list .list_body { overflow:hidden; height:375px; }
		.custom_request .list .list_body li { width:100% !important; border-bottom:1px solid #EEE; background-color:#ffffff; }
		.custom_request .list .list_body li span { font-size:14px; font-weight: bold; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.8px; }
		.custom_request .list .list_body li span:nth-child(1) { width:25%; float:left; }
		.custom_request .list .list_body li span:nth-child(2) { width:30%; float:left; }
		.custom_request .list .list_body li span:nth-child(3) { width:25%; float:left; text-align: center; }
		.custom_request .list .list_body li span:nth-child(3) > span { width: auto; height: 32px; line-height: 32px; float: none; display: inline-block; background-color: #306BD4; color: #FFF; font-weight: bold; padding: 0 25px; border-radius: 50px; }
		.custom_request .list .list_body li span:nth-child(4) { width:20%; float:left; }



/* ****************** QUICK ********************** */
#quick{top:255px;right:20px;background: url('/images/common/quick_bg.png')  repeat-y ;width:119px;position:absolute;z-index:9999999999999}
#quick .quick_btm0{width:95%;border-radius:12px;height:120px;background:#fff;margin-bottom:10px;box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; -webkit-box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; -moz-box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; }
#quick .quick_btm0 dt{padding:12px;text-align:center;display:block;height:75px;}
#quick .quick_btm0 dt img{width:50px;}

#quick .quick_btm0 dd{background:#586df7;display:block;font-size:14px;text-align:center;color:#fff;height:48px;line-height:17px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding-top:10px}
#quick .quick_btm0 dd:hover{background:#333;animation-name: ani04; animation-duration: 1s;height:48px;line-height:17px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}

#quick .go_top{margin:15px auto 0px auto;border-radius:100px;border:3px solid #3d45e8;background:#3d45e8;line-height:60px;height:60px;width:60px;text-align:center;font-size:16px;}
#quick .go_top span{border-bottom:3px solid #3d45e8}
#quick .go_top:hover{color:#fff;animation-name: ani_quick; animation-duration: 1s;}
#quick p{width:95%;border-radius:12px;height:100px;background:#586df7;font-size:14px;text-align:center;color:#fff;height:60px;line-height:17px;margin-bottom:10px;box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; -webkit-box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; -moz-box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; }

.quick_btm{width:95%;border-radius:12px;height:160px;background:#fff;margin-bottom:10px;box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; -webkit-box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; -moz-box-shadow: 5px 5px 31px rgba(181, 179, 181, 0.5)  ; }
.quick_btm dt{padding:12px;text-align:center;display:block;height:75px;}
.quick_btm dt img{width:50px;}

.quick_btm dd{background:#586df7;display:block;font-size:14px;text-align:center;color:#fff;height:88px;line-height:17px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding-top:10px}
.quick_btm dd:hover{background:#333;animation-name: ani04; animation-duration: 1s;height:88px;line-height:17px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}

@keyframes ani04 {
   0%   {background:#9e9e9e}
  50%  {background:#e97723;}
}

@keyframes ani_quick {
   0%   {}
  50%  {background:#e97723;color:#fff;box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; -webkit-box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; -moz-box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; }
  75%  {background:#e97723;color:#fff;box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; -webkit-box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; -moz-box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; }
  10%  {background:#e97723;color:#fff;box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; -webkit-box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; -moz-box-shadow: 12px 13px 37px rgba(171, 171, 171, 0.5)  ; }
}


/***********************************************************************************************************************
                                           
										    메인 배너 및 서브 비주얼 
											 
***********************************************************************************************************************/
.mainvissual{margin:0 auto; padding:0; clear:both; position:relative; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}\

.mainV{margin:0; padding:0; width:100%; z-index:1;}
.title-zone{padding:0;position:relative;margin:0;float:left}
.mainV .title-zone{width:100%;height:450px;padding:0;}
.mainV .title-zone .visual{width:100%;height:450px;display:table;}
.mainV .title-zone .visual .inner{ margin:0; padding:0; width:100%; height:100%; font-size:0px; line-height:100%; display:none;}
.mainV .bg-img{display:none;}
.mainV .title-zone .visual a{display:block;}

.visual-section{width:100%;position:absolute;top:0;left:0;}


@-webkit-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
.indicator_m{position:absolute; top:0%; left:12%; display:inline-block; z-index:10;} 
.indicator{position:absolute; bottom:3%; left:47%; display:inline-block; z-index:10;} 
.btngroup{vertical-align:top;font-size:0; display:none; visibility: hidden}
.btngroup li{display:none;font-size:0; margin:-4px 0 0 0}
.btngroup li.on{display:block;}
.btngroup .btn button{background:url(/img/vis_bt.png) no-repeat 0 0; }
.btngroup .play button{width:8px;height:16px;background-position:-73px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup input[type='button']{font-size:0px;}
.btngroup .stop button{width:12px;height:16px;background-position:-50px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup-num{display:inline-block;vertical-align:top;font-size:0;}
.btngroup-num:after{display:block;clear:both;content:""}
.btngroup-num li{margin:0 3px;font-size:0;float:left;}
.btngroup-num li a{width:13px;height:13px;display:block; border:2px solid #fff; text-indent:-999em; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.btngroup-num li.on a{background:#fff;}

@media all and (max-width:1367px){
.Mcon.mainvissual.area{width:100%; font-size:0px; line-height:100%;}
}
@media all and (max-width:967px){
.mainV .title-zone, .mainV .title-zone .visual{height: inherit; padding-bottom:41%}
.mainV .title-zone .sv1 .visual{background:url(/images/sub/sv01_m.png) 50% 50% / cover no-repeat !important;}
.mainV .title-zone .sv2 .visual{background:url(/images/sub/sv02_m.png) 50% 50% / cover no-repeat !important;}
.mainV .title-zone .sv3 .visual{background:url(/images/sub/sv03_m.png) 50% 50% / cover no-repeat !important;}
.mainV .title-zone .sv4 .visual{background:url(/images/sub/sv04_m.png) 50% 50% / cover no-repeat !important;}
.mainV .title-zone .sv5 .visual{background:url(/images/sub/sv05_m.png) 50% 50% / cover no-repeat !important;}
.mainV .title-zone .sv6 .visual{background:url(/images/sub/sv06_m.png) 50% 50% / cover no-repeat !important;}

.indicator{bottom:15%;}
.btngroup-num li{margin:0 2px;}
.btngroup-num li a{width:12px;height:12px;}
}
@media all and (max-width:567px){
.btngroup-num li a{width:11px;height:11px;}
}
@media all and (max-width:367px){
.btngroup-num li a{width:10px;height:10px;}
}