@charset "utf-8";
/************************************************
adidas GROUP // common.css 
Author : 전혜정 (2016-09-30)
*************************************************/
/* common */
html,body{width: 100%;
		  height: 100%;
		  font-family:"AppleSDGothicNeo-Medium", "Apple SD Gothic Neo Medium", "Noto Sans CJK Korean", "Noto Sans", "Droid Sans Fallback", "Malgun Gothic", sans-serif;
		  font-weight:400;font-size:0.85em;line-height:1.2;color:#555; background-color:#eaecef;margin:0 auto; max-width:1200px;}
ol, ul {list-style:none;}
caption {display:none;}
a,button,input{padding:0;-webkit-appearance:none;outline:none;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;border:0;background:none;}
a {text-decoration:none;}
a:hover, a:active, a:focus {color:#000; text-decoration:none;}
button {overflow:visible;}
fieldset, li, img {border:none; vertical-align:top;}
legend {overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:1px; line-height:100px; white-space:nowrap;}
select, input {border:none; background:none; box-shadow:none; padding:0;}
::-webkit-input-placeholder {color:#c0c0c0; font-size:0.95em;}
textarea:-moz-placeholder, input:-moz-placeholder {color:#c0c0c0; font-size:0.95em;}
.hide {width:0; height:0; border:none; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.wrap {height:100%; background-color:#fbfbfb;}

.img_com {background-image:url("../images/imgs_common_300.png");overflow:hidden; display:block; line-height:100px; white-space:nowrap;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
.img_com {background-image:url("../images/imgs_common_1200.png");background-size:300px auto;}
}
/* .img_com {background-image:url("../images/logo/adidas_company_logo_white_s.png");overflow:hidden; display:block; line-height:100px; white-space:nowrap;background-size:cover;} */
/* @media screen and (-webkit-min-device-pixel-ratio:1.5){ */
/* .img_com {background-image:url("../images/logo/adidas_company_logo_white_lar.png");background-size:cover;} */
/* } */


/* header */
.header {position:fixed; top:0; left:0; right:0; width:100%; height:50px; line-height:52px; background-color:#027fce; box-shadow:0 1px 1px rgba(0,0,0,0.2);z-index:1000;}
.header .title {color:#fff; font-size:1.65em; text-align:center; letter-spacing:0.04em;}


.side_menu {
	 -ms-transform: translate(-100%, 0px); /* IE 9 */
    -webkit-transform: translate(-100%, 0px); /* Safari */
    transform: translate(-100%, 0px);
    }
.show_side {
    -ms-transform: translate(0px, 0px); /* IE 9 */
    -webkit-transform: translate(0px, 0px); /* Safari */
    transform: translate(0px, 0px);
}

/** side menu **/
.menu {position:absolute; top:6px; left:0; z-index:10001;}
.btn_menu {position:absolute; top:7px; left:10px; width:23px; height:23px;}
.btn_menu .img_com {display:inline-block; width:23px; height:23px; background-position:-240px -173px; text-indent:-9999px;}
.side_menu {z-index: 10000; display:block; position:fixed; top:0; left:0; bottom:0; right:0; background-color:#0179c5; width:80%;overflow-y:auto; color:#fff;transition:0.3s ease-in}
.side_menu .top_area {z-index:10002; position:absolute; top:0; left:0; width:100%;  margin:0 1%; height:230px; background-color:#0179c5; color:#fff; border-bottom:1px solid #419bd4 ;}
.side_menu .log_inout_area a {display:inline-block; overflow:hidden;}
.side_menu .log_inout_area .log_inout {float:left; text-decoration:underline; color:#9bd8ff; padding-left:20px; font-size:1.3em;}
.side_menu .log_inout_area .btn_setting {float:right;}
.side_menu .log_inout_area .btn_setting.img_com {width:23px; height:23px; background-position:-185px -173px; margin:13px 20px 0 0;}
.side_menu .top_area .ag_logo {clear:both; width:92px; height:92px; border:1px solid #fff; box-sizing:border-box; background-color:#fff; border-radius:50%; margin:0 auto;}
.side_menu .top_area .ag_logo .img_com {display:block; width:86px; height:32px; background-image:url("../images/logo/Grey 316x140.png"); background-size:cover; margin:24px auto;}
.i_username {font-size:2em; text-align:center; height:35px; line-height:35px; margin-top:10px}
.i_userstore {color:#9bd8ff;text-align:center; height:20px; line-height:20px;}
.side_menu .list_menu_area {padding-top:230px;}
.side_menu .list_menu_all li {padding-left:70px; cursor:pointer;}
.side_menu .move {position:relative; display:block; font-size:15px; height:60px; line-height:60px; color:#fff; border-bottom:1px solid #1884c8; margin-right:2%;}
.side_menu .move span:first-child {position:absolute; top:8px; left:-50px; display:inline-block; width:40px; height:40px; background-image:url("../images/sideMenu_icon_40.png");}
.side_menu .move.MOBSM00100 span:first-child {background-position:0 0;}
.side_menu .move.MOBSM00200 span:first-child {background-position:0 -40px;}
.side_menu .move.MOBSM00201 span:first-child {background-position:0 -80px;}
.side_menu .move.MOBSM00202 span:first-child {background-position:0 -120px;}
.side_menu .move.MOBSM00203 span:first-child {background-position:0 -160px;}
.side_menu .move.MOBSM00204 span:first-child {background-position:0 -200px;}
.side_menu .move.MOBSM00205 span:first-child {background-position:0 -240px;}
.side_menu .move.MOBSM00206 span:first-child {background-position:0 -280px;}
.side_menu .move.MOBSM00207 span:first-child {background-position:0 -320px;}
.side_menu .move.MOBSM00208 span:first-child {background-position:0 -360px;}
.side_menu .move.MOBSS00100 span:first-child {background-position:0 -400px;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
.side_menu .move span:first-child {background-image:url("../images/sideMenu_icon_160.png");background-size:40px auto;}
}
/** side menu end **/
.cover {position:fixed;top:0;left:0;width:100%; height:100%;background-color:#000;z-index:1000;opacity:.7;}

.ajaxCover{position:fixed;top:0;left:0;width:100%; height:100%;background-color:#000;z-index:1000;opacity:.5;}
.btn_close_wrap {position:fixed; top:13px; right:30px; height:23px; z-index:20003;}
.btn_close .img_com {width:23px; height:23px; background-position:-212px -173px;}
/* header end */

/*article */
/** 검색 **/
article {background-color:#eaecef; padding-bottom:12px;}
.search_area_wrap {z-index:100; position:fixed;top:50px;left:0; right:0; width:100%; height:70px; background-color:#eaecef;margin:0 auto; max-width:1200px;}
.sch_area {position:absolute; top:12px; left:10px; right:10px;}
.sch_inpw {display:block; padding:0 37px 0 15px; border:1px solid #fff;background-color:#fff;border-radius:0.3em 0.3em 0.3em 0.3em; -moz-border-radius:0.3em 0.3em 0.3em 0.3em; -webkit-border-radius:0.3em 0.3em 0.3em 0.3em; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.sch_inp {width:100%; height:40px; line-height:40px; font-size:1.55em; color:#111; margin:3px 5px;}
.btn_sch {position:absolute; bottom:0; right:0; width:44px; height:48px; background-color:#fff;border-radius:0 0.3em 0.3em 0; -moz-border-radius:0 0.3em 0.3em 0; -webkit-border-radius:0 0.3em 0.3em 0;}
.btn_sch .img_com {display:inline-block; width:20px; height:20px; background-position:-108px -88px; margin-top:4px;}

.contents {background-color:#eaecef;padding-top:50px;}
.contents_01 {padding-top:111px;}
.contents_02 {padding-top:169px;}
.contents_03 {padding-top:213px;}
.contents_04 {padding-top:155px;}
.container{width:100%;}
/* 테이블 */
.product_view {margin:10px;}
.thead {width:100%; height:52px; line-height:46px; background-color:#f3f5f6; border:1px solid #fff; box-sizing:border-box; border-radius:0.4em 0.4em 0 0; -moz-border-radius:0.4em 0.4em 0 0; -webkit-border-radius:0.4em 0.4em 0 0;}
.thead span {display:inline-block; vertical-align:middle;}
.thead .img_com {width:20px; height:20px; margin:0 5px 0 20px;}
.thead .t_title {font-size:1.3em; color:#444;}
.tbody {overflow:hidden;border:1px solid transparent; box-sizing:border-box; border-radius:0 0 0.4em 0.4em; -moz-border-radius:0 0 0.4em 0.4em; -webkit-border-radius:0 0 0.4em 0.4em; *background-color:#fff;}
.tbody li {display:table; table-layout:fixed; border-collapse:separate; width:100%; padding:15px 0 15px;vertical-align:middle;border-top:1px solid #e6e6e6;}
.tbody li:first-child {border-top:none;}
.tbody li.th {padding:15px 0; background-color:#e4e8ec; text-align:center;}
.tbody li span {display:table-cell; vertical-align:middle;text-align:left;overflow:hidden; word-break:break-word; *color:#111;}
.tbody li.th span {text-align:center; margin:0; font-size:1.2em; letter-spacing:0.05em; font-weight:bold;}

/* 리스트 */
.s_data_group_stock {padding:0 10px;}
.article_size {font-size:1.5em; font-weight:bold;}
.s_data_article {font-weight:bold;}
.s_data_size {color:#999;}
.full_title {font-size:1.25em; padding:0 0 5px; color:#666;}
.tbody li .full_title span {width:100%; overflow:hidden; display:-webkit-box; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.s_data_group_si {font-size:1.5em; color:#333; letter-spacing:-0.05em; overflow:hidden; margin-top:1px;}
.s_data_group_si .s_data_stock {float:left; height:41px; line-height:41px;}
.s_data_group_si .s_data_stock span:first-child {padding-right:8px;}
.s_data_group_si .s_data_item {float:right;}
.s_data_group_si .s_data_item span:first-child {padding-right:10px;}
.dv {color:#ddd;}
.num_stock {color:#0179c5; font-weight:bold;}
.num_product {color:#ff7241;}
.num_product_out {color:#0179c5; font-weight:bold; padding-right:7px;}
.num_product_in {color:#ff7241;}
@media (max-width: 320px) { 
.s_data_group_si {margin-top:3px;font-size:1.4em; }
.s_data_group_si .s_data_item span:first-child {padding-left:0;}
	}
	
/* 상품수량 선택*/
.goods_num_sel_box {display:table-cell; vertical-align:middle;text-align:left;overflow:hidden; font-size:0;} 
.goods_num_sel_box button {position:relative;float:left;background:#fff;text-indent:-9999rem;width:3rem;height:3rem; overflow:hidden;vertical-align:top; border:.1rem solid #ddd; box-sizing:border-box;
border-radius:30rem;}
.goods_num_sel_box button:before, .goods_num_sel_box button.btn_plus:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:#999;}
.goods_num_sel_box button:before {width:15px; height:1px;}
.goods_num_sel_box button.btn_plus:after {width:1px; height:15px;}
.goods_num_sel_box button.on {border-color:#49a1ff;}
.inp_gnum {-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    display:inline-block;
    width:4.4rem;
    height:3rem;
    margin:0 5px;
    padding:.3rem .5rem;
    vertical-align:top;
    background:#fff;
    outline:none;
    text-align:center;
    line-height:1;
    font-size:1.3rem;
    color:#ff7241;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border:.1rem solid #ddd;
	}

/* 버튼 */
.button_wrap {display:table; width:100%; max-width:1200px; margin:0 auto; table-layout:fixed; border-collapse:separate; border-spacing:1em 0;}
.button {display:table-cell; width:50%; vertical-align:middle; text-align:center; height:46px; color:#fff; font-size:1.55em; border:1px solid #0179c5; background-color:#0179c5;
border-radius:0.2em 0.2em 0.2em 0.2em; -moz-border-radius:0.2em 0.2em 0.2em 0.2em; -webkit-border-radius:0.2em 0.2em 0.2em 0.2em; letter-spacing:0.1em;}
.button:hover, .button:active, .button:focus {color:#fff;}
.button_wrap span {display:table-cell; width:14px;}
.button.reset {border:1px solid #fff; background-color:#fff; color:#333; box-shadow:0 0 2px rgba(0,0,0,0.1);}
.button.reset:hover, .button.reset:active, .button.reset:focus {color:#333;}

/** Top **/
.btn_top_area {z-index:110; position:fixed; right:20px; bottom:60px; width:31px; height:31px;}
.btn_top span {display:block; width:100%; height:100%; background-image:url("../images/btn_top.png");background-size:31px auto; text-indent:-9999px;}


.btn_bottom_area {z-index:110; position:fixed; right:20px; bottom:20px; width:31px; height:31px;}
.btn_bottom span {display:block; width:100%; height:100%; background-image:url("../images/btn_top.png");background-size:31px auto; text-indent:-9999px;
 	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
/*article end*/

/* footer */
.footer {background-color:#fbfbfb; border-top:1px solid #fff;}
.footer_inner {padding:12px 15px 15px; text-align:center;}
.name_company {font-size:1.4em; padding-bottom:7px;}
.footer .foot_logo {width:68px; height:35px; margin:0 auto;}
.footer .foot_logo .foot_logo_inner {display:block; width:100%; height:35px; background:url("../images/logo/foot_logo.png") no-repeat;background-size:100% auto; text-indent:-9999px;}
.address {line-height:1.3em; font-size:0.85em; color:#777;border-bottom:1px solid #f0f0f0; padding-bottom:10px;}
.address span {display:block;}
.adi_korea {font-size:1.3em; font-weight:bold; margin-bottom:5px;}
.f_uc_menu {padding-top:10px; border-top:1px solid #fff; color:#444; font-size:1em; margin-bottom:10px; display:flex; flex-direction:row; box-orient:horizontal; -webkit-box-orient:horizontal; -moz-box-orient:horizontal; -ms-flex-direction:row; justify-content:center;}
.f_uc_menu li:nth-child(0n+1) a:after {content:""; display:inline-block; margin:0 8px; height:8px; width:1px;background-color:#d3d3d3;}
.copyright {font-size:0.9em; letter-spacing:-0.001em; font-weight:normal;}
/* footer end */