header .top .wrap ul.m_mu { display:none; float:left; width:10%; text-align:center; padding-top:20px;}
header .top .wrap ul.m_my { display:none; float:right; width:10%; text-align:center;  padding-top:20px;}
header .top .wrap ul.m_mu img, header .top .wrap ul.m_my img { width:20px; } 

.m_footer  { display:none; position:absolute; bottom:0; height:65px; }
.m_footer { position: fixed; bottom: 0; left: 0; right: 0; display: none; overflow: visible; width: 100%; background-color: #fff; z-index: 500; border-top:1px solid #ddd; }
.m_footer div.menu { display:block; overflow:hidden; background-color:#fff; height:65px; }
.m_footer div.menu ul { display:inline-block; overflow:hidden; float:left; width:20%; text-align:center; padding-top:15px;  }
.m_footer div.menu ul img  { height:20px; }


/* 모바일 왼쪽 메뉴 */

nav.gnb .mm:before { position: absolute; right: 20px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
nav.gnb .sel:before { position: absolute; right: 20px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-bottom: 0; border-left: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.m_left_close { z-index : 1; } 
.m_left { position:relative; width:100%; height:100%; position : fixed; top : 0px; left : -100%; z-index : 999; border : 1px solid #c9c9c9; background-color : white; text-align : center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; overflow-y:scroll; } 
.m_left>ul { position:relative; display:block; overflow:hidden; width:100%; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.7px; font-weight:500; text-align:left; }
.m_left>ul a { display:block; overflow:hidden; width:100%; padding:15px; border-bottom:1px solid #c9c9c9;  }
.m_left>ul>a:before { position: absolute; right: 20px; top: 25px; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
.m_left>ul>a.on:before { position: absolute; right: 20px; top: 25px; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-bottom: 0; border-left: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.m_left ul.title { position:relative; width:100%; background-color:#f5f5f5;  text-align:center; padding:20px 0; font: 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.7px; font-weight:800; }
.m_left ul.title>span { position:absolute;display:block; overflow:hidden; top:20px; right:10px; width:20px; height:20px; padding:3px; font-size:14px; background-color:#000;  color:#fff; border-radius:20px; }
.m_left.open { left : 0px; }

.m_left ul.mue a > span { float:right; width:30px; text-align:center; }

.m_rig_close { z-index : 1; } 
.m_rig { position:relative; width:100%; height:100%; position : fixed; top : 0px; right : -100%; z-index : 999; border : 1px solid #c9c9c9; background-color : white; text-align : center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; overflow-y:scroll; } 
.m_rig>ul { position:relative; display:block; overflow:hidden; width:100%; font: 16px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.7px; font-weight:500; text-align:left; }
.m_rig>ul a { display:block; overflow:hidden; width:100%; padding:15px; border-bottom:1px solid #c9c9c9;  }
.m_rig>ul>a:before { position: absolute; right: 20px; top: 25px; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
.m_rig>ul>a.on:before { position: absolute; right: 20px; top: 25px; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border: 1px solid #1b90cd; border-bottom: 0; border-left: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.m_rig>ul.title { position:relative; width:100%; background-color:#f5f5f5; text-align:center; padding:20px 0; font: 18px 'NanumSquare', sans-serif; transform:skew(-0.03deg); letter-spacing:-0.7px; font-weight:800;  }
.m_rig>ul.title>span { position:absolute;display:block; overflow:hidden; top:20px; right:10px; width:20px; height:20px; padding:3px; font-size:14px; background-color:#000;  color:#fff; border-radius:20px; }
.m_rig.open { right : 0px; }

.gnb_me { position:relative; display:none; overflow:hidden; }
.gnb_me.on { display:block; }
.gnb_me> ul { font: 15px 'NanumSquare', sans-serif; transform:skew(-0.03deg); background-color:#f5f5f5; }
.gnb_me> ul a { display:inline-block; overflow:visible; padding:12px; }
.gnb_me> ul a:before { content: "· "; padding-right:10px; text-align:left; } 

.m_rig ul.r_me>a> input { float:right; width:30px; text-align:center;  }

/* media 공통 */

@media all and (max-width:375px) {

	.BList1_p ul li.m00 { width:0; height:0; border:0; }
	.m10 { width:10%; }
	.m20 { width:20%; }
	.m25 { width:25%; }
	.m30 { width:30%; }
	.m35 { width:35%; }
	.m40 { width:40%; }
	.m45 { width:45%; }
	.m50 { width:50%; }
	.m55 { width:55%; }
	.m60 { width:60%; }
	.m65 { width:65%; }
	.m70 { width:70%; }
	.m80 { width:80%; }
	.m85 { width:85%; }
	.m90 { width:90%; }
	.m100 { width:100%; }

	.wrap { width:100%; }

	/*nav*/
	header .top_lg { display:none; }
	header .top .wrap ul.m_mu { display:block; }
	header .top .wrap ul.m_my { display:block; }
	header .top .wrap ul.logo { float:none; width:100%; text-align:center; }
	header .top .wrap ul.logo img { width:170px; }
	header .top .wrap ul.event { display:none; }
	header .top .wrap ul.serch { display:none; }

	header .nav  { display:none; }

    section { padding-top:0; }

	section .wrap div.lef_inner > ul.LeF  { display:none; }
	section .wrap div.lef_inner > ul.Con { width:100%; padding:0 5px; margin-top:80px; }
	section .wrap div.lef_inner > ul.wCon { width:100%; }

	footer { width:100%; }
	footer div.q { display:none; }
	footer div.copy { width:100%; padding-bottom:80px; }
	footer div.copy .wrap ul.u1 { width:100%; padding:0 10px; }
	footer div.copy .wrap ul.u2 { width:100%; padding:0 10px; margin: 10px 0 0 0;  }
	footer div.copy .wrap ul.u2 p { display:inline-block; overflow:hidden; float:left; padding:0 10px 0 0; }

	.m_footer  { display:block; }

	.pgtitle {  font-size:19px;  }

	/*index*/
	section .main { margin-top: 100px; }
	section .main div.visual { float:none; width:100%; margin-right:0; }
	section .main div.visual img { width:100%; height:200px; }
	.bx-wrapper { height:200px; }
	.bx-wrapper .bx-controls .bx-pager { bottom:5px; left:0; width:100%; height:30px;  }

	section .main div.ad { width:100%; margin:10px 0 0 0; }
	section .main div.ad img { width:100%; height:127px; }
	section .main div.ad.ft { margin-bottom:0; }

	section .boxx { height:auto; }
	section .boxx ul.ul1 { width:100%; margin:0 0 10px 0; }
	section .boxx ul.ul1 img { width:100%; }
	section .boxx ul.ul2 { width:100%; }

	section .main2 .wrap { padding-top:0; }
	section .main3 .wrap { padding-top:0; }

	section .fbox_wh h1 { padding:20px 10px; }
	section .mbox_wh { width:50%; }

	/*index_new*/

	.r_menubox { display:none; }
	section .main_ban { height:auto; margin-top:80px;   }
	section .main_ban img { height:150px; }
	section .main_box { display:flex; flex-wrap:wrap; justify-content:center; }

	.p_box2 ul.con { display: inline-flex; flex-wrap:wrap;  width:100%; }
	.p_box2 ul.con>div { width:50%; height:320px; margin-bottom:10px; }
	.main_proc.froot  { display:none; }

	.p_box3 ul.tit2 { height:auto; margin-bottom:5px;  }
	.p_box3 ul.tit2 li { width:14%; margin:0 2px; height:auto; }

	.p_box3 ul.tit2 li>.d_b_i { height:auto; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(1) { height:70px; margin-bottom:10px; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(1) img {width:100%; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(2)  { display:none; }

	.p_box3 ul.slide3 { height:auto;  }

	/*세부페이지*/

	.tab ul.tabS li { width:30%; }
	.policy_o iframe { max-width:100%; height:100%; }

	/*회원가입*/
	.mjoin .BList1_p ul li.mw30 { width:30%; }
	.mjoin .BList1_p ul li.mw70 { width:70%; }

	.member .login ul div { height:350px;  }
	.member .login ul div div.login { width:auto; }

	.person .BList1_p ul li.mw30 { width:30%; }
	.person .BList1_p ul li.mw70 { width:70%; }
	.person .BList1_p span.noti1 { display:block;  }

	.orderL .Bcon_p ul { flex-wrap:wrap; padding:0 5px 10px 5px; height:auto;  }
	.orderL .Bcon_p .m2 { width:20%; }
	.orderL .Bcon_p .m1 { display:flex; align-items:center; width:100%; background-color:#f9f9f9; padding:5px; }
	.orderL .Bcon_p .m1>p { display:inline-block; overflow: hidden; padding-right:10px; }
	.orderL .Bcon_p .m1>p:nth-child(3) { font-size:11px; color:#595959; }
	.orderL .Bcon_p .m3 { width:80%; padding-left:5px; }
	.orderL .Bcon_p .m3>.p3 { line-height:19px; }
	.orderL .Bcon_p img.img01 { width:40px; height:40px; }

	.sreult .Bcon_p ul li>div.m_div { font-size:12px; }
	.sreult .Bcon_p img.img01 { width:35px; height:35px; }
	.sreult .Bcon_p ul li.m1 { width:40%; padding:0 3px; }
	.sreult .Bcon_p ul li.m2 { width:40%; }

	.otc { display:none; }

	.sList1 .s1 { width:50%; }
	.sview { margin-top:100px; padding:0 10px; }
	.sview ul li { display:block; overflow:hidden; float:none; }
	.sview ul li.simg { width:100%; margin-bottom:10px; }
	.sview ul li.simg img { max-width:100%; max-height:200px; }
	.sview ul li.stext { width:100%; border-left:0; padding-left:0; }

	.sview ul.proc { flex-wrap:wrap; }


	.sview2 { padding:0 5px; }
	.sview2 ul.de_ul>li { width:30%; }
	.sview2 ul.de_ul img { max-width:100%; }
	
	.sview2 ul.de_ul2 img { max-width:100%; }
	.sview2 ul.de_ul2 video { max-width:100%; }
	.sview2 ul.de_ul4 div ul li:nth-child(1) { width:40%; }
	.sview2 ul.de_ul4 div ul li:nth-child(2) { width:60%; }

	.sview ul li.stext .Sdetail #selected-result li span.selected-value { width:100%; margin-bottom:3px; }
	.sview ul li.stext .Sdetail #selected-result li span.item-count { margin-left:0; }

	.sCart  { margin-top:100px; padding:0; }
	.sCart .cart_notice { margin:20px 10px; }
	.sCart .BList1_p ul li p.p3 { display:inline-block; margin-right:15px; margin-bottom:0; padding:3px 0; }
	.sCart .BList1_p ul li { padding:6px 0; }
	.sCart .BList1_p ul li.m_g { background-color:#f9f9f9; }
	.sCart .BList1_p ul li.t_r { padding-right:5px; }

	.pco { padding:3px; }
	.pco h1 { margin:20px 10px; }

	.pco .cul1 li.m0 { width:10%; }
	.pco .cul1 li.m1 { width:90%; }
	.pco .cul1 li.m2 { display:none; }

	.pco ul.cul2 .m0 { width:10%; }
	.pco ul.cul2 .m1 { width:20%; }
	.pco ul.cul2 .m2 { width:70%; }
	.pco ul.cul2 .m3 { width:100%; }
	.pco ul.cul2 li.li45>.p1 { width:100%; }
	.pco ul.cul2 li.li50>.p1 { width:100%; }
	.pco ul.cul2 li.li45 { padding:10px 0 0 0; }
	.pco ul.cul2 li.li50 { padding:10px 0 0 0; }
	.pco ul.cul2 li.li45>.p1.mp { font-size:10px; text-align:left; }
	.pco ul.cul2 li.li50>.p1.mp { font-size:10px; text-align:left; }

	.pco ul.cul2 li p.p1 span.sp1 { width:auto; margin-right:7px; }
	.pco ul.cul2 li p.p1 span.sp2 { width:auto; margin-right:7px; }
	.pco ul.cul2 li p.p1 span.sp3 { width:auto; margin-right:7px; }
	.pco ul.cul2 li p.p1 span.sp4 { width:auto; margin-right:7px; }

	.spay { margin-top:100px; padding:0; }

	.pco div.CaPay span { display:none; }

	.mpay .pco .BList2>.m7 { display:inline-block; overflow:hidden; float:left; width:50%; }
	.mpay .pco .BList2>.m7>li.li25 { display:block; width:100%; padding:20px 0; }
	.mpay .pco .BList2>.m7>li:last-child { border-right:1px solid #aaa;  }
	.mpay .pco .BList2>.m8  { display:inline-block; overflow:hidden; float:left; width:50%; }
	.mpay .pco .BList2>.m8>li.li25 { display:block; width:100%; padding:15.5px 5px; }
	.mpay .pco .BList2>.m9 { display:block; overflow:hidden;width:100%; }

	.mpay .BList1 .mw100 { width:100px; }
	.mpay .BList1 .mw100p { width:100%; }
	.mpay .BList1 .mw50 { width:50px; }

	.onesys .Btitle ul li  { display:none; }
	.onesys .Btitle ul p { display:block; }

	.onesys_l .BList1_p ul li.m1 { width:40%; }
	.onesys_l .BList1_p ul li.m2 { width:60%; }
	.onesys_l .BList1_p ul li.m2>a.btn_li_sm {  display:block; }


	.m_notice { width:100%; }

	.downL .BList1_p ul li.m1 { width:20%; border-bottom:1px dashed #ddd;  }
	.downL .BList1_p ul li.m2 { width:80%; border-right:0; border-bottom:1px dashed #ddd;  }
	.downL .BList1_p ul li.m3 { width:100%; }
	.downL .BList1_p ul li.m3 p { display:inline-block; overflow:hidden; float:left; margin-right:10px; }

	.points .BList1_p ul li.w50 { width:100%; padding:5px; }

	/*new*/
	.aside2 {  margin-top:100px;  }

	.onsys_div { flex-wrap:wrap; }
	.onsy_sb { width:100%;  }

    .m_index1 { height:80px; background-image: url("/pds/banner/index_bar_2505_375.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center; }

}

@media all and (min-width:376px) and (max-width:425px) {

	.BList1_p ul li.m00 { width:0; height:0; border:0; }
	.m10 { width:10%; }
	.m20 { width:20%; }
	.m25 { width:25%; }
	.m30 { width:30%; }
	.m35 { width:35%; }
	.m40 { width:40%; }
	.m45 { width:45%; }
	.m50 { width:50%; }
	.m55 { width:55%; }
	.m60 { width:60%; }
	.m65 { width:65%; }
	.m70 { width:70%; }
	.m80 { width:80%; }
	.m85 { width:85%; }
	.m90 { width:90%; }
	.m100 { width:100%; }

	.wrap { width:100%; }

	/*nav*/
	header .top_lg { display:none; }
	header .top .wrap ul.m_mu { display:block; }
	header .top .wrap ul.m_my { display:block; }
	header .top .wrap ul.logo { float:none; width:100%; text-align:center; }
	header .top .wrap ul.logo img { width:170px; }
	header .top .wrap ul.event { display:none; }
	header .top .wrap ul.serch { display:none; }

	header .nav  { display:none; }

    section { padding-top:0; }
	section .wrap div.lef_inner > ul.LeF  { display:none; }
	section .wrap div.lef_inner > ul.Con { width:100%; padding:0 5px; margin-top:80px; }
	section .wrap div.lef_inner > ul.wCon { width:100%; }

	footer { width:100%; }
	footer div.q { display:none; }
	footer div.copy { width:100%; padding-bottom:80px; }
	footer div.copy .wrap ul.u1 { width:100%; padding:0 10px; }
	footer div.copy .wrap ul.u2 { width:100%; padding:0 10px; margin: 10px 0 0 0;  }
	footer div.copy .wrap ul.u2 p { display:inline-block; overflow:hidden; float:left; padding:0 10px 0 0; }

	.m_footer  { display:block; }

	.pgtitle {  font-size:19px;  }

	/*index*/
	section .main { margin-top: 100px; }
	section .main div.visual { float:none; width:100%; margin-right:0; }
	section .main div.visual img { width:100%; height:200px; }
	.bx-wrapper { height:200px; }
	.bx-wrapper .bx-controls .bx-pager { bottom:5px; left:0; width:100%; height:30px;  }

	section .main div.ad { width:100%; margin:10px 0 0 0; }
	section .main div.ad img { width:100%; height:127px; }
	section .main div.ad.ft { margin-bottom:0; }

	section .boxx { height:auto; }
	section .boxx ul.ul1 { width:100%; margin:0 0 10px 0; }
	section .boxx ul.ul1 img { width:100%; }
	section .boxx ul.ul2 { width:100%; }

	section .main2 .wrap { padding-top:0; }
	section .main3 .wrap { padding-top:0; }

	section .fbox_wh h1 { padding:20px 10px; }
	section .mbox_wh { width:50%; }

    
	/*index_new*/

	.r_menubox { display:none; }
    section .main_proc2 { margin-top:0; }
	section .main_ban { height:auto; margin-top:80px;   }
	section .main_ban img { height:250px; width:120% }
	section .main_box { display:flex; flex-wrap:wrap; justify-content:center; }

    .p_box2 { overflow-x: scroll; }
	.p_box2 ul.con { display: inline-flex; flex-wrap:wrap;  width:100%; }
	.p_box2 ul.con>div { width:49%; height:320px; margin-bottom:10px; }
    .p_box2 ul.con>div ul.u1 img { max-width:100%; border-radius:10px; }
	.main_proc.froot { display:none; }

	.p_box3 ul.tit2 { height:auto; margin-bottom:5px;  }
	.p_box3 ul.tit2 li { width:14%; margin:0 2px; height:auto; }

	.p_box3 ul.tit2 li>.d_b_i { height:auto; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(1) { height:70px; margin-bottom:10px; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(1) img {width:100%; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(2)  { display:none; }

	.p_box3 ul.slide3 { height:auto;  }
    
    .p_box4 ul li.li1, .p_box4 ul li.li2 { width:100%; }
    .p_box4 ul li>.p_box2 { overflow-x: scroll; }
    .p_box4 ul li>.p_box2 ul.con { display: inline-flex; flex-wrap:nowrap; width:500px; }
    .p_box4 ul li>.p_box2 ul.con>div { margin-right:5px; }
    .p_box4 ul li>.p_box2 ul.con>div img { max-width:100%; }


	/*세부페이지*/

	.tab ul.tabS li { width:30%; }
	.policy_o iframe { max-width:100%; height:100%; }

	/*회원가입*/
	.mjoin .BList1_p ul li.mw30 { width:30%; }
	.mjoin .BList1_p ul li.mw70 { width:70%; }

	.member .login ul div { height:350px;  }
	.member .login ul div div.login { width:auto; }

	.person .BList1_p ul li.mw30 { width:30%; }
	.person .BList1_p ul li.mw70 { width:70%; }
	.person .BList1_p span.noti1 { display:block;  }

	.orderL .Bcon_p ul { flex-wrap:wrap; padding:0 5px 10px 5px; height:auto;  }
	.orderL .Bcon_p .m2 { width:20%; }
	.orderL .Bcon_p .m1 { display:flex; align-items:center; width:100%; background-color:#f9f9f9; padding:5px; }
	.orderL .Bcon_p .m1>p { display:inline-block; overflow: hidden; padding-right:10px; }
	.orderL .Bcon_p .m1>p:nth-child(3) { font-size:11px; color:#595959; }
	.orderL .Bcon_p .m3 { width:80%; padding-left:5px; }
	.orderL .Bcon_p .m3>.p3 { line-height:19px; }
	.orderL .Bcon_p img.img01 { width:40px; height:40px; }

	.sreult .Bcon_p ul li>div.m_div { font-size:12px; }
	.sreult .Bcon_p img.img01 { width:35px; height:35px; }
	.sreult .Bcon_p ul li.m1 { width:40%; padding:0 3px; }
	.sreult .Bcon_p ul li.m2 { width:40%; }

	.otc { display:none; }

	.sList1 .s1 { width:50%; }
	.sview { margin-top:100px; padding:0 10px; }
	.sview ul li { display:block; overflow:hidden; float:none; }
	.sview ul li.simg { width:100%; margin-bottom:10px; }
	.sview ul li.simg img { max-width:100%; max-height:200px; }
	.sview ul li.stext { width:100%; border-left:0; padding-left:0; }

	.sview ul.proc { flex-wrap:wrap; }


	.sview2 { padding:0 5px; }
	.sview2 ul.de_ul>li { width:30%; }
	.sview2 ul.de_ul img { max-width:100%; }
	
	.sview2 ul.de_ul2 img { max-width:100%; }
	.sview2 ul.de_ul2 video { max-width:100%; }
	.sview2 ul.de_ul4 div ul li:nth-child(1) { width:40%; }
	.sview2 ul.de_ul4 div ul li:nth-child(2) { width:60%; }

	.sview ul li.stext .Sdetail #selected-result li span.selected-value { width:100%; margin-bottom:3px; }
	.sview ul li.stext .Sdetail #selected-result li span.item-count { margin-left:0; }

	.sCart  { margin-top:100px; padding:0; }
	.sCart .cart_notice { margin:20px 10px; }
	.sCart .BList1_p ul li p.p3 { display:inline-block; margin-right:15px; margin-bottom:0; padding:3px 0; }
	.sCart .BList1_p ul li { padding:6px 0; }
	.sCart .BList1_p ul li.m_g { background-color:#f9f9f9; }
	.sCart .BList1_p ul li.t_r { padding-right:5px; }

	.pco { padding:3px; }
	.pco h1 { margin:20px 10px; }

	.pco .cul1 li.m0 { width:10%; }
	.pco .cul1 li.m1 { width:90%; }
	.pco .cul1 li.m2 { display:none; }

	.pco ul.cul2 .m0 { width:10%; }
	.pco ul.cul2 .m1 { width:20%; }
	.pco ul.cul2 .m2 { width:70%; }
	.pco ul.cul2 .m3 { width:100%; }
	.pco ul.cul2 li.li45>.p1 { width:100%; }
	.pco ul.cul2 li.li50>.p1 { width:100%; }
	.pco ul.cul2 li.li45 { padding:10px 0 0 0; }
	.pco ul.cul2 li.li50 { padding:10px 0 0 0; }
	.pco ul.cul2 li.li45>.p1.mp { font-size:10px; text-align:left; }
	.pco ul.cul2 li.li50>.p1.mp { font-size:10px; text-align:left; }

	.pco ul.cul2 li p.p1 span.sp1 { width:auto; margin-right:7px; }
	.pco ul.cul2 li p.p1 span.sp2 { width:auto; margin-right:7px; }
	.pco ul.cul2 li p.p1 span.sp3 { width:auto; margin-right:7px; }
	.pco ul.cul2 li p.p1 span.sp4 { width:auto; margin-right:7px; }

	.spay { margin-top:100px; padding:0; }

	.pco div.CaPay span { display:none; }

	.mpay .pco .BList2>.m7 { display:inline-block; overflow:hidden; float:left; width:50%; }
	.mpay .pco .BList2>.m7>li.li25 { display:block; width:100%; padding:20px 0; }
	.mpay .pco .BList2>.m7>li:last-child { border-right:1px solid #aaa;  }
	.mpay .pco .BList2>.m8  { display:inline-block; overflow:hidden; float:left; width:50%; }
	.mpay .pco .BList2>.m8>li.li25 { display:block; width:100%; padding:15.5px 5px; }
	.mpay .pco .BList2>.m9 { display:block; overflow:hidden;width:100%; }

	.mpay .BList1 .mw100 { width:100px; }
	.mpay .BList1 .mw100p { width:100%; }
	.mpay .BList1 .mw50 { width:50px; }

	.onesys .Btitle ul li  { display:none; }
	.onesys .Btitle ul p { display:block; }

	.onesys_l .BList1_p ul li.m1 { width:40%; }
	.onesys_l .BList1_p ul li.m2 { width:60%; }
	.onesys_l .BList1_p ul li.m2>a.btn_li_sm {  display:block; }


	.m_notice { width:100%; }

	.downL .BList1_p ul li.m1 { width:20%; border-bottom:1px dashed #ddd;  }
	.downL .BList1_p ul li.m2 { width:80%; border-right:0; border-bottom:1px dashed #ddd;  }
	.downL .BList1_p ul li.m3 { width:100%; }
	.downL .BList1_p ul li.m3 p { display:inline-block; overflow:hidden; float:left; margin-right:10px; }

	.points .BList1_p ul li.w50 { width:100%; padding:5px; }

	/*new*/
	.aside2 {  margin-top:100px;  }

	.onsys_div { flex-wrap:wrap; }
	.onsy_sb { width:100%;  }

    .m_index1 { height:80px; background-image: url("/pds/banner/index_bar_2505_425.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center; }

}

@media all and (min-width:426px) and (max-width:768px) {

	.BList1_p ul li.m00 { width:0; height:0; border:0; }
	.m10 { width:10%; }
	.m20 { width:20%; }
	.m25 { width:25%; }
	.m30 { width:30%; }
	.m35 { width:35%; }
	.m40 { width:40%; }
	.m45 { width:45%; }
	.m50 { width:50%; }
	.m55 { width:55%; }
	.m60 { width:60%; }
	.m65 { width:65%; }
	.m70 { width:70%; }
	.m80 { width:80%; }
	.m85 { width:85%; }
	.m90 { width:90%; }
	.m100 { width:100%; }

	.wrap { width:100%; padding:0 5px; }

	/*nav*/
	header .top_lg { display:none; }

	header .top .wrap ul.m_mu { display:block; }
	header .top .wrap ul.m_my { display:block; }

	header .top .wrap ul.logo { float:none; width:100%; text-align:center; }
	header .top .wrap ul.logo img { width:170px; }
	header .top .wrap ul.event { display:none; }
	header .top .wrap ul.serch { display:none; }

	header .nav  { display:none; }

	/*header .mobile_sy { display:block; overflow:scroll; -ms-overflow-style: none; -webkit-overflow-scrolling:touch; transition-property: transform;transform-origin: 0px 0px 0px;transform: translate(-0px, 0px) scale(1) translateZ(0px); }
	::-webkit-scrollbar { display:none; }
	header .nav { overflow:visible; width:1000px; }
	header .nav .wrap { width:1000px; }
	header .nav .wrap .gnb_menu { width:1000px; }
	header .nav .wrap .gnb_menu li { width:auto; padding:0 30px; }*/

    section { padding-top:0; }
	section .wrap div.lef_inner > ul.LeF  { display:none; }
	section .wrap div.lef_inner > ul.Con { width:100%; padding:0 1px; margin-top:100px; }
	section .wrap div.lef_inner > ul.wCon { width:100%;}

	.pgtitle {  font-size:19px;  }

	footer { width:100%; }
	footer div.q { display:none; }
	footer div.copy { width:100%; padding-bottom:50px; }
	footer div.copy .wrap ul.u1 { width:100%; padding:0 10px; }
	footer div.copy .wrap ul.u2 { width:100%; padding:0 10px; margin: 10px 0 0 0;  }
	footer div.copy .wrap ul.u2 p { display:inline-block; overflow:hidden; float:left; padding:0 10px 0 0; }

	.m_footer  { display:block; }

	/*index*/
	section .main { margin-top: 65px; }
	section .main div.visual { float:none; width:100%; margin-right:0; }
	section .main div.visual img { width:100%; height:270px; }
	section .main div.ad { width:50%; margin:10px 0 0 0; }
	section .main div.ad img { width:100%; height:127px; }
	section .main div.ad.ft { margin-bottom:0; }

	section .boxx { height:auto; }
	section .boxx ul.ul1 { width:100%; margin:0 0 10px 0; }
	section .boxx ul.ul1 img { width:100%; }
	section .boxx ul.ul2 { width:100%; }

	section .main2 .wrap { padding-top:0; }
	section .main3 .wrap { padding-top:0; }

	section .fbox_wh h1 { padding:20px 10px; }
	section .mbox_wh { width:33.3%; }

	/*index_new*/

	.r_menubox { display:none; }
	section .main_ban { height:auto; margin-top:80px;   }
	section .main_ban img { height:170px; }
	section .main_box { display:flex; flex-wrap:wrap; justify-content:center; }

	.p_box2 ul.con { display: inline-flex; flex-wrap:wrap;  width:100%; }
	.p_box2 ul.con>div { width:50%; height:320px; margin-bottom:10px; }
	.main_proc.froot  { display:none; }

	.p_box3 ul.tit2 { height:auto; margin-bottom:5px;  }
	.p_box3 ul.tit2 li { width:14%; margin:0 2px; height:auto; }

	.p_box3 ul.tit2 li>.d_b_i { height:auto; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(1) { height:130px; margin-bottom:10px; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(1) img {width:100%; }
	.p_box3 ul.tit2 li>.d_b_i ul:nth-child(2)  { display:none; }

	.p_box3 ul.slide3 { height:auto;  }

	/*세부페이지*/

	.policy_o iframe { max-width:100%; height:100%; }

	.orderL .Bcon_p ul { flex-wrap:wrap; padding:0 5px 15px 5px; height:auto;  }
	.orderL .Bcon_p .m2 { width:20%; }
	.orderL .Bcon_p .m1 { display:flex; align-items:center; width:100%; background-color:#f9f9f9; padding:5px; margin-bottom:15px;  }
	.orderL .Bcon_p .m1>p { display:inline-block; overflow: hidden; padding-right:10px; }
	.orderL .Bcon_p .m1>p:nth-child(3) { font-size:11px; color:#595959; }
	.orderL .Bcon_p .m3 { width:80%; padding-left:5px; }
	.orderL .Bcon_p .m3>.p3 { line-height:19px; }
	.orderL .Bcon_p img.img01 { width:80px; height:80px; }

	.otc { display:none; }

	.sList1 .s1 { width:50%; }
	.sview { margin-top:100px; padding:0 5px; }
	.sview ul li { display:block; overflow:hidden; float:none; }
	.sview ul li.simg { width:100%; margin-bottom:10px; }
	.sview ul li.simg img { max-width:100%; max-height:200px; }
	.sview ul li.stext { width:100%; border-left:0;padding-left:0; }

	.sview ul.proc { flex-wrap:wrap; }

	.sview2 { padding:0 5px; }
	.sview2 ul.de_ul>li { width:30%; }
	.sview2 ul.de_ul2 img { max-width:100%; }
	.sview2 ul.de_ul2 video { max-width:100%; }
	.sview2 ul.de_ul4 div ul li:nth-child(1) { width:40%; }
	.sview2 ul.de_ul4 div ul li:nth-child(2) { width:60%; }

	.sCart  { margin-top:100px; padding:0; }
	.sCart .cart_notice { margin:20px 10px; }
	.sCart .BList1_p ul li p.p3 { display:inline-block; margin-right:15px; margin-bottom:0; padding:3px 0; }
	.sCart .BList1_p ul li { padding:6px 0; }
	.sCart .BList1_p ul li.m_g { background-color:#f9f9f9; }
	.sCart .BList1_p ul li.t_r { padding-right:5px; }

	.spay { margin-top:100px; padding:0; }

	.sreult .Bcon_p ul li>div.m_div { font-size:12px; }
	.sreult .Bcon_p img.img01 { width:40px; height:40px; }
	.sreult .Bcon_p ul li.m1 { width:45%; }
	.sreult .Bcon_p ul li.m2 { width:35%; }

	.onesys .Btitle ul li  { display:none; }
	.onesys .Btitle ul p { display:block; }
	.onesys .Bcon ul li.m0 { display:none; }
	.onesys .Bcon ul li.m1 { width:20%; }
	.onesys .Bcon ul li.m2 { width:40%;  }

	.points .BList1_p ul li.w50 { width:100%; padding:5px; }

	/*new*/
	.aside2 {  margin-top:100px;  }

	.onsys_div { flex-wrap:wrap; }
	.onsy_sb { width:100%;  }

    .m_index1 { height:80px; background-image: url("/pds/banner/index_bar_2505_768.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center; }

}

@media all and (min-width:769px) and (max-width:1024px) {

	.wrap { width:100%; padding:0 5px; }

	/*nav*/
	header .top .wrap { padding: 0 10px; }
	header .top .wrap ul.event { display:none; }

	header .mobile_sy { display:block; overflow:scroll; -ms-overflow-style: none; -webkit-overflow-scrolling:touch; transition-property: transform;transform-origin: 0px 0px 0px;transform: translate(-0px, 0px) scale(1) translateZ(0px); }
	::-webkit-scrollbar { display:none; }
	header .nav { width:1000px; }
	header .nav .wrap { width:1000px; }
	header .nav .wrap .gnb_menu { width:1000px; }
	header .nav .wrap .gnb_menu li { width:auto; padding:0 30px; }

    section { padding-top:0; }
	section .wrap { padding-top: 50px; }
	section .wrap div.lef_inner > ul.LeF  { display:none; }
	section .wrap div.lef_inner > ul.Con { width:100%; padding:0; margin-top:100px;  }
	section .wrap div.lef_inner > ul.wCon { width:100%;}

	footer { width:100%; }
	footer div.q { display:none; }
	footer div.copy { width:100%; }
	footer div.copy .wrap ul.u1 { width:80%; }
	footer div.copy .wrap ul.u2 { width:20%; }
	footer div.copy .wrap ul.u1 { padding:0 10px; }

	.pgtitle { padding-right:5px; }

	/*index*/
	section .main { margin-top: 65px; }
	section .main div.visual { width:67%; margin-right:1.5%; }
	section .main div.visual img { height:270px; }
	section .main div.ad { width:31.5%; }
	section .main div.ad img { width:100%; height:127px; }

	section .boxx ul.ul1 { width:67%; margin-right:1.5%; }
	section .boxx ul.ul1 img { width:100%; height:137px;  }
	section .boxx ul.ul2 { width:31.5%; }

	section .main2 .wrap { padding-top:0; }
	section .main3 .wrap { padding-top:0; }

	section .fbox_wh h1 { padding:20px 10px; }

	/*index_new*/

	.r_menubox { display:none; }
	section .main_ban { height:auto; margin-top:130px;   }
	section .main_ban img { height:250px; }
	section .main_box { display:flex; flex-wrap:nowrap; justify-content:center; }
	.box2_2>ul { width:33%; }
	.box2_2>ul img { width:100%; }

	.p_box2 ul.con { display: inline-flex; flex-wrap:wrap;  width:100%; }
	.p_box2 ul.con>div { width:25%; height:320px; margin-bottom:10px; }

	.p_box3 ul.tit2 { height:130px; margin-bottom:5px;  }
	.p_box3 ul.tit2 li { width:14%; margin:0 2px; height:auto; }

	.p_box3 ul.slide3 { height:auto;  }
	.main_proc.froot img  { width:100%; }
	.main_proc2>.wrap  { padding-top: 0; }

	.sCart  { margin-top:100px; padding:0; }
	.sCart .cart_notice { margin:20px 10px; }

	.spay { margin-top:180px; padding:0; }

	.orderL .Bcon_p ul { flex-wrap:wrap; padding:0 0 5px 5px; height:150px; align-content:flex-start;  }
	.orderL .Bcon_p .m2 { width:15%; }
	.orderL .Bcon_p .m1 { display:flex; align-items:center; width:100%; background-color:#f9f9f9; padding:5px; margin-bottom:15px;  }
	.orderL .Bcon_p .m1>p { display:inline-block; overflow: hidden; padding-right:10px; }
	.orderL .Bcon_p .m1>p:nth-child(3) { font-size:11px; color:#595959; }
	.orderL .Bcon_p .m3 { width:85%; padding-left:5px; }
	.orderL .Bcon_p img.img01 { width:80px; height:80px; }

	/*new*/
	.aside2 {  margin-top:80px;  }

    .m_index1 { height:80px; background-image: url("/pds/banner/index_bar_2505_1024.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center; }

}

@media all and (min-width:1025px) and (max-width:1279px) {

	.wrap { width:100%; padding:0 5px; }

	/*nav*/

	header .nav .wrap .gnb_menu { width:100%; }
	header .nav .wrap .gnb_menu li { width:14.2%; }

	header .top .wrap ul.event { margin-left:50px; }
	header .top .wrap ul.serch { margin-left:50px; }

	section .wrap div.lef_inner > ul.LeF { width:22.5%; }
	section .wrap div.lef_inner > ul.Con { width:77.5%; }
	section .wrap div.lef_inner > ul.wCon { width:100%; }

	footer { width:100%; }
	footer div.q { display:none; }
	footer div.copy { width:100%; }
	footer div.copy .wrap ul.u1 { padding:0 10px; }

	/*index*/
	
	section .main div.visual { width:67%; margin-right:1.5%; }
	section .main div.visual img { width:100%; }
	section .main div.ad { width:31.5%; }
	section .main div.ad img { width:100%; height:127px; }

	section .boxx ul.ul1 { width:67%; margin-right:1.5%; }
	section .boxx ul.ul2 { width:31.5%; }

	.orderL .Bcon_p ul { flex-wrap:wrap; padding:0 0 5px 5px; height:150px; align-content:flex-start;  }
	.orderL .Bcon_p .m2 { width:15%; }
	.orderL .Bcon_p .m1 { display:flex; align-items:center; width:100%; background-color:#f9f9f9; padding:5px; margin-bottom:15px; }
	.orderL .Bcon_p .m1>p { display:inline-block; overflow: hidden; padding-right:10px; }
	.orderL .Bcon_p .m1>p:nth-child(3) { font-size:11px; color:#595959; }
	.orderL .Bcon_p .m3 { width:85%; padding-left:5px; }
	.orderL .Bcon_p img.img01 { width:80px; height:80px; }

}

@media all and (min-width:1280px) {

	.orderL .Bcon_p ul { flex-wrap:wrap; padding:0 0 5px 5px; height:150px; align-content:flex-start; }
	.orderL .Bcon_p .m2 { width:10%; }
	.orderL .Bcon_p .m1 { display:flex; align-items:center; width:100%; background-color:#f9f9f9; padding:5px; margin-bottom:15px; }
	.orderL .Bcon_p .m1>p { display:inline-block; overflow: hidden; padding-right:10px; }
	.orderL .Bcon_p .m1>p:nth-child(3) { font-size:11px; color:#595959; }
	.orderL .Bcon_p .m3 { width:90%; padding-left:5px; }
	.orderL .Bcon_p img.img01 { width:80px; height:80px; }

}