@charset "UTF-8";
/*세팅*/
html{background-color:#e2e2e2;}
html, body { height: 100%; max-width: 720px; min-width: 320px; margin: 0 auto !important;}
.wrap{min-height: 100%; max-width: 720px; min-width: 320px; background: #fff;}

/***

레이아웃

***/
  /* 헤더 */
.header{position:fixed; top:0; width:100%; max-width:720px; height:50px; padding: 0px 10px; background-color:#fff; z-index:200;}
.header .inner {padding:0 10px;}
.header .m_top_menu {display:inline-block; padding-top:8px; width:30px; height:30px;}
.header .m_top_menu .menu_btn {display:block; margin-top:2px; width:30px; height:30px; background:url(../../images/menubar.svg) center center no-repeat;}
.header .m_top_menu .menu_btn a{display:block; width:30px; height:30px;}
.header .nav {position:absolute; top:50%; transform:translateY(-50%); left:10px;}
.header .live {position:absolute; display:inline-block; top:50%; left:50px; transform:translateY(-50%); line-height:0;}
.header .logo {position:absolute; top:0; left:50%;  width:180px; height:50px; transform:translateX(-50%); text-indent:-999em; background:url(../../images/logo.svg) center center no-repeat;}


.header .logo a{display:block;}
.m_top_right {position:absolute; top:-50%; right:10px;}
.m_top_right .push {background:url(../../images/push_icon.svg) top 35px center no-repeat; background-size: 17px;}
.m_top_right .myicon {margin-left:5px; background:url(../../images/my_icon.svg) top 33px center no-repeat; background-size: 16px; }
.m_top_right a{display:inline-block; padding-top:30px; width:30px; height:30px; text-indent:-999em;}

header article.cart_menu {z-index:99999999999;}
header article.cart_menu .con {position:fixed; top:0; left:-240px; width:240px; height:100%; overflow:auto; font-size:13px; font-weight:normal; background:#fff;z-index:99999999999;}
header article.cart_menu .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index:9999999999; display:none;}

header article.cart_menu_sub {z-index:99999999999;}
header article.cart_menu_sub .con {position:fixed; top:0; right:-240px; width:240px; height:100%; overflow:auto; font-size:13px; font-weight:normal; background:#fff;z-index:99999999999;}
header article.cart_menu_sub .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index:9999999999; display:none;}

header .push{position:absolute; top:5px;right:35px; z-index:99999999;}
header .myicon{position:absolute; top:6px;right:0px; z-index:99999999; }

.n_gnb .n_login {position:relative; background:#1e5aa0; border-bottom:1px solid #4177b5;}
/*.n_gnb .n_login a {display:block; height:35px; line-height:36px; padding:3% 8%; font-size:15px; color:#fff; opacity:1; background:url(./images/icon_n_login.png) no-repeat 258px 50%; background-size:10px auto;}*/
.n_gnb .n_login a {display:block; height:35px; line-height:36px; padding:3% 8%; font-size:15px; color:#fff; opacity:1; background:url() no-repeat 258px 50%; background-size:10px auto;}
.n_gnb .n_login a:hover, .menu .n_login a:active {opacity:1;}

.n_gnb .n_favorite {background:#1e5aa0; overflow:hidden;}
.n_gnb .n_favorite li {float:left; width:33.33%; box-shadow:inset 1px 0 0 0 #4177b5;}
.n_gnb .n_favorite li:first-child {width:33.34%;}
.n_gnb .n_favorite li a {display:block; padding:45px 0 15px; text-align:center; color:#fff; letter-spacing:-1px; background:url(../../images/icon_n_favorite.png) no-repeat 50% 0; background-size:32px auto; opacity:0.5;}
.n_gnb .n_favorite li a:active, .menu .n_favorite li a:hover {opacity:1;}
.n_gnb .n_favorite li:nth-of-type(1) a {background-position-y:17px;}
.n_gnb .n_favorite li:nth-of-type(2) a {background-position-y:-127px;}
.n_gnb .n_favorite li:nth-of-type(3) a {background-position-y:-271px;}


/* */
header article .n_menu_list>li {border-bottom:1px solid #dedede;}
header article .n_menu_list>li>a {display:block; padding:15px 15px; font-size:15px; background:url(../../images/arrow01_down.png) no-repeat 200px 50%; background-size:16px auto; }
header article .n_menu_list>li>a img {width:25px;}
header article .n_menu_list>li>a:active {color:#1e5aa0;}
header article .n_menu_list>li.active {}
header article .n_menu_list>li.active>a {color:#1e5aa0; font-weight:bold;background:url(../../images/arrow01_up.png) no-repeat 200px 50%; background-size:16px auto; }
header article .n_menu_list>li>ul {background:#eee;border-top:1px solid #ccc;}
header article .n_menu_list>li>ul>li>a {display:block; padding:0 15px;background:url(../../images/s_arrow01_none.png) no-repeat 195px 50%; background-size:12px auto; color:#555}
header article .n_menu_list>li>ul>li.none>a {display:block; padding:0 15px;background:url(../../images/s_arrow01_none.png) no-repeat 195px 50%; background-size:12px auto; color:#555}
header article .n_menu_list>li>ul>li.active>a {display:block; padding:0 15px;background:url(../../images/s_arrow01_up.png) no-repeat 195px 50%; background-size:12px auto; color:#1e5aa0}
header article .n_menu_list>li>ul>li>a>span {display:block; padding:12px 0; font-size:14px; border-bottom:1px solid #ccc;}
header article .n_menu_list>li>ul>li>a:active>span { }/*color:#1e5aa0; */
header article .n_menu_list>li>ul>li:last-child>a>span {border-bottom:0;}

header article .n_menu_list>li>ul>li.new_li a {padding:0 55px 0 15px;}

header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>a {display:block; padding:0 15px;background:url(../../images/s_arrow01_up.png) no-repeat 195px 50%; background-size:12px auto; color:#555}/*3depth 비활성화 시에*/
header article .n_menu_list>li>ul>li>ul.sub_menu_list>li.active>a {display:block; padding:0 15px;background:url(../../images/s_arrow01_none.png) no-repeat 195px 50%; background-size:12px auto; color:#1e5aa0}/*3depth 활성화 시에*/

header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>a>span {display:block; padding:12px 0; font-size:14px; border-bottom:1px solid #ccc;}/*3depth 비활성화 시에*/
header article .n_menu_list>li>ul>li>ul.sub_menu_list>li.active>a>span {border-bottom:0;}/*3depth 활성화 시에*/
header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>a>span {  }/*color:#1e5aa0;*/
header article .n_menu_list>li>ul>li:last-child>ul.sub_menu_list>li>a>span {border-bottom:0;}

header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>ul{background:#dfdfdf;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>ul>li a{display:block; padding:10px 15px;border-top:1px solid #bbb;margin:0 15px;background:url(../../images/s_arrow01_list.png) no-repeat 5px 50%; background-size:6px auto; }
header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>ul>li:first-child a{border-top:0;}
header article .n_menu_list>li>ul>li>ul.sub_menu_list>li>ul>li a span{padding:10px 0 0 0;}



 
/***

footer

***/
footer{background-color:#000;}
.footer_con {padding:30px 20px; text-align:center;}
.footer_con .footer_icon{display:inline-block; margin-bottom:25px;}
.footer_con .footer_icon:after{content:''; display:block; clear:both}
.footer_con .footer_icon li {float:left; margin-right:10px;}
.footer_con .footer_icon li:last-child {margin-right:0px;}
.footer_con .footer_jcn{margin-bottom:10px; font-size:16px; font-weight:500; color:#fff;}
.footer_con .footer_info{font-size: 14px; color:#a1a1a1; font-weight:500;}
.footer_con .footer_info p{margin-bottom:10px;}
.footer_con .footer_link{}
.footer_con .footer_link:after{content:''; display:block; clear:both;}
.footer_con .footer_link li {display:inline-block; position:relative; text-align:center; margin-right:10px;}
.footer_con .footer_link li a{position:relative; font-size:12px; color:#fff;}
.footer_con .footer_link li a::before{content:''; position:absolute; display:inline-block; width:3px; height:3px; top:50%; left:-8px; transform: translateY(-50%); background-color:#fff; border-radius:50%;}
.footer_con .footer_link li:first-child a::before , .footer_con .footer_link li.none a::before{display:none;}
.footer_con .copyright{font-size:12px; color:#a1a1a1; }


	/* 슬라이드베너 */
.flexslider.banner {position:relative; padding:0; zoom:1; margin-top:0; }
.flexslider.banner .slides {overflow:hidden; zoom: 1; text-align:center;}
.flexslider.banner .slides img {width:100%;}
.flexslider.banner .slides li {display:none;}

.flexslider.banner .flex-direction-nav a {display: block; width: 24px; height: 41px; margin: -20px 0 0; position: absolute; top: 46%; z-index: 10; overflow: hidden; opacity: 0;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flexslider.banner .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flexslider.banner .flex-direction-nav a span {display:none;}
.flexslider.banner .flex-control-nav {position:absolute; bottom:0px; right:0px; margin:0 10px 10px -30px; text-align:center;}
.flexslider.banner .flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1;}
.flexslider.banner .flex-control-paging li a {overflow:hidden; display:block; width:10px; height:10px; cursor:pointer; text-indent:-9999px; border-radius:20px; background-color:#a8a8a8;}
.flexslider.banner .flex-control-paging li a:hover {background: #e83d45;}
.flexslider.banner .flex-control-paging li a.flex-active {overflow:hidden; display:block; width:30px; height:10px; cursor:pointer; text-indent:-9999px; border-radius:20px; background-color:#e83d45;}

.flexslider .slides > li:first-child {display:block; -webkit-backface-visibility:visible;} 
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}

/*.flex-control-nav.flex-control-paging {display:none !important;}*/


.myicon{position:absolute; top:-28px; right:33px; background-size:14px;}