@charset "utf-8";

.main_visual {position:relative;}
.visual_area {}
.visual_area ul {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:86%;}
.visual_area li {position:absolute; width:100%;}
.visual_area li a {font-size:0;}
.visual_area li a img {width:100%; height:auto;}
.visual_btn button {position:absolute; top:50%; font-size:0; width:32px; height:32px;}
.visual_btn .vis_prev {left:2%; background:url("../image/main/arrow_left2.svg") 50% no-repeat; background-size:16px;}
.visual_btn .vis_next {right:2%; background:url("../image/main/arrow_right2.svg") 50% no-repeat; background-size:16px;}
.visual_btn .vis_page {position:absolute; left:0; right:0; bottom:12px; margin:0 auto; text-align:center;}
.visual_btn .vis_page li {display:inline-block; margin:0 2px;}
.visual_btn a {display:block; width:7px; height:7px; border-radius:3.5px; background:none; border:1px solid #000; font-size:0;}
.visual_btn a.on {background:#000;}

.best_product {width:100%; padding:0 6.25% 1em; margin:0 auto; box-sizing:border-box; border-bottom:1px solid #d7d7d7;}
.best_product .m_title {padding:1.5em 0 1em; border-bottom:1px solid #d7d7d7; font-size:28px; text-align:center;}
.best_product .m_title strong {font-weight:600;}
.best_tab {}
.best_tab .tab_menu {width:100%; overflow:hidden; text-align:center;}
.best_tab .tab_menu li {float:left; width:23%; padding:1.5em 0; margin-left:2.667%; box-sizing:border-box; font-size:18px;}
.best_tab .tab_menu li:first-child {margin-left:0;}
.best_tab .tab_menu li a {text-decoration:none;}
.best_tab .tab_menu .thumb {display:block; overflow:hidden; margin-bottom:.5em; border:1px solid #d7d7d7; border-radius:.5em;}
.best_tab .tab_menu .thumb img {width:100%; height:auto;}
.best_tab .tab_menu li a.on {color:#4227cd;}
.best_tab .tab_menu li a.on .thumb {border-width:2px; border-color:#4227cd;}
.best_tab .tab_cnt {border:1px solid #d7d7d7; border-radius:.5em; box-sizing:border-box;}
.best_tab .tab_cnt .title {margin:1.5em 1em .75em; text-align:center; font-size:28px; line-height:1.3;}
.best_tab .tab_cnt .title strong {font-weight:600;}
.best_tab .tab_box {width:100%; overflow:hidden; display:table; margin-bottom:1em;}
.best_tab .tab_box .box {display:table-cell; vertical-align:middle;}
.best_tab .tab_box .thumb {width:50%;}
.best_tab .tab_box .thumb img {width:100%; height:auto;}
.best_tab .tab_box .info {width:50%; text-align:center;}
.best_tab .tab_box .info ul {display:inline-block; padding:1em 0;}
.best_tab .tab_box .info li {margin-top:.5em; font-size:22px; color:#797979;}
.best_tab .tab_box .info li:first-child {margin-top:0;}
.best_tab .tab_box .info li i {display:inline-block; width:24px; height:24px; margin-right:4px; font-size:0; vertical-align:middle;}
.best_tab .tab_box .info li strong {margin:0 2px 0 4px; font-weight:600; font-size:1.125em; color:#000;}
.btn_wrap {text-align:right;}
.btn_wrap .bt_more {display:inline-block; margin:1em 0; font-weight:600;font-size:12px; border-bottom:1px solid #000;}

@media screen and (max-width:640px){
	.best_product .m_title {font-size:24px;}
	.best_tab .tab_cnt .title {font-size:24px;}
	.best_tab .tab_menu li {font-size:16px;}
	.best_tab .tab_box .info {text-align:left;}
	.best_tab .tab_box .info li {font-size:16px;}
	.best_tab .tab_box .info li i {width:18px; height:18px;}
}
@media screen and (max-width:414px){
	.best_product .m_title {font-size:20px;}
	.best_tab .tab_cnt .title {font-size:20px;}
	.best_tab .tab_menu li {font-size:13px;}
	.best_tab .tab_box .thumb {width:40%;}
	.best_tab .tab_box .info {width:60%;}
	.best_tab .tab_box .info ul {padding:1em 0;}
	.best_tab .tab_box .info li {font-size:14px;}
	.best_tab .tab_box .info li i {width:16px; height:16px;}
}
@media screen and (max-width:320px){
	.best_product .m_title {font-size:18px;}
	.best_tab .tab_menu li {font-size:12px;}
	.best_tab .tab_cnt .title {font-size:16px;}
	.best_tab .tab_box .info ul {padding:2.5em 0;}
	.best_tab .tab_box .info li {font-size:12px;}
	.best_tab .tab_box .info li i {width:12px; height:12px;}
}

.what_product {width:100%; padding-bottom:1em;}
.what_product .m_title {padding:1.5em 0 1em; font-size:28px; text-align:center;}
.what_product .m_title strong {font-weight:600;}
.what_bnr {margin-bottom:2em;}
.what_tab .tab_menu {width:87.5%; font-size:16px; margin:0 auto 2em; overflow:hidden;}
.what_tab .tab_menu li {float:left; width:32.3333%; margin-left:1.5%; text-align:center;}
.what_tab .tab_menu li:first-child {margin-left:0;}
.what_tab .tab_menu li a {display:block; height:3em; line-height:3em; color:#797979; border:1px solid #d7d7d7; border-radius:1.5em; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.what_tab .tab_menu li a.on {color:#fff; border-color:#4227CD; background:#4227CD;}
.what_tab .tab_cnt .what_bnr img {width:100%; height:auto;}
.what_tab .tab_cnt .product_lst {width:87.5%; margin:0 auto;}

@media screen and (max-width:640px){
	.what_product .m_title {font-size:24px;}
}
@media screen and (max-width:414px){
	.what_product .m_title {font-size:20px;}
	.what_tab .tab_menu {font-size:14px;}
}
@media screen and (max-width:320px){
	.what_product .m_title {font-size:18px;}
	.what_tab .tab_menu {font-size:12px;}
}

.review_product {width:100%; background:#e1e0ee;}
.review_product .m_title {padding:1.5em 0 1em; font-size:28px; text-align:center;}
.review_product .m_title strong {font-weight:600;}
.review_product .review_lst {width:87.5%; margin:0 auto;}

@media screen and (max-width:640px){
	.review_product .m_title {font-size:24px;}
}
@media screen and (max-width:414px){
	.review_product .m_title {font-size:20px;}
}
@media screen and (max-width:320px){
	.review_product .m_title {font-size:18px;}
}



/* banner  20.02.13 */
/* main banner top */
.bnr_item {padding:32px 6.25%;}
.bnr_item .mtt {width:100%;height:64px; background:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/main/mtt_1.png") 50% no-repeat; background-size:cover; font-size:0;}

.hot_product {width:100%; padding:1em 4%; margin:0 auto; box-sizing:border-box; border-top:8px solid #f5f5f5; border-bottom:1px solid #d7d7d7;}
.hot_product .mtt {width:95%;height:64px;margin:0 2.5% 16px; background:url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/main/mtt_2.png") 50% no-repeat; background-size:cover; font-size:0;}

@media screen and (max-width:414px){
	.bnr_item .mtt , .hot_product .mtt {height:46px;}
}

.main_bnr_top {width:100%; margin:16px auto 0; position:relative;}
.main_bnr_top ul {width:100%; height:0; padding-bottom:50%; position:relative; overflow:hidden;}
.main_bnr_top li {width:50%; /*margin-left:24px;*/ background:#eee; line-height:0; position:absolute; }
.main_bnr_top li:first-child {margin:0;}
.main_bnr_top a {display:block;}
.main_bnr_top a img { width:100% }
.main_bnr_top a:hover:after {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; top:0; left:0;}
.main_bnr_top .btn_main_bnr { position:absolute; width:32px; height:32px; display:block; border-top: 2px solid #000; border-left: 2px solid #000; font-size:0; top:120px; display:none; }
.main_bnr_top .btn_main_bnr_next {right:-48px;transform:rotate(135deg);}
.main_bnr_top .btn_main_bnr_prev {left:-48px;transform:rotate(-45deg);}

.mainbanner {position:relative; overflow:hidden;}
.mainbanner .viewfinder {position:relative; width:100%; height:0; padding-bottom:35%;}
.mainbanner .viewfinder li {position:absolute; width:100%;}
.mainbanner .viewfinder li a {display:block; font-size:0;}
.mainbanner .viewfinder li img {width:100% }
.mainbanner .btns {position:absolute; top:0; right:0; overflow:hidden;}
.mainbanner .btns span {display:block; float:left; margin-left:1px; width:32px; height:32px;}
.mainbanner .btns span.middle_btn_play {display:none;}
.mainbanner .btns span a {display:block; width:100%; height:100%; font-size:0;}
.mainbanner .btns span a.prev {background:url("../../image/common/bt_bnr_prev.png") 50% no-repeat; background-size:48px;}
.mainbanner .btns span a.next {background:url("../../image/common/bt_bnr_next.png") 50% no-repeat; background-size:48px;}
.mainbanner .btns span a.stop {background:url("../../image/common/bt_bnr_stop.png") 50% no-repeat; background-size:48px;}
.mainbanner .btns span a:hover {background-color:#000;}

.notice_wp {overflow:hidden; margin-bottom:60px;}
.notice_wp .left {position:relative; width:25em; margin-top:30px;}
.notice_wp .right {position:relative; width:25em; margin-top:30px;}
.notice_wp h2 {font-size:20px; font-weight:bold; line-height:1; color:#000; margin-bottom:17px; padding-bottom:17px; border-bottom:1px solid #d8d8d8; padding-left:20px;}
.notice_wp .more {position:absolute; right:0; top:-4px; font-size:36px; font-weight:200; color:#999; text-decoration:none;}
.notice_wp .left ul {padding-left:12px;}
.notice_wp .left ul li {position:relative; padding-left:93px; font-size:14px; font-weight:600; line-height:36px; color:#777;}
.notice_wp .left ul li a {display:inline-block; vertical-align:top; max-width:calc(100% - 35px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; font-weight:600;}
.notice_wp .left ul li img {margin-left:5px;}
.notice_wp .left ul li span {position:absolute; left:0; top:0; font-weight:600;}
/*20201113 게시판 수정*/
.notice_wp .right ul {padding-left:12px;}
.notice_wp .right ul li {position:relative; padding-left:93px; font-size:14px; font-weight:600; line-height:36px; color:#777;}
.notice_wp .right ul li a {display:inline-block; vertical-align:top; max-width:calc(100% - 35px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; font-weight:600;}
.notice_wp .right ul li img {margin-left:5px;}
.notice_wp .right ul li span {position:absolute; left:0; top:0; font-weight:600;}