﻿/* CSS Document */
/* common */

/* 헤더 네비게이션 */
#w_topwrap {background:#33afe9;position:relative; height:45px;}
.w_topmenu_box { padding:9px 11px; margin:0;overflow:hidden;position:relative}
.w_topmenu_left {margin:0;  padding:0; float:left; text-align:left; width:18%; position:relative}
.w_topmenu_left_p {margin:0;  padding:0; float:left; text-align:left; width:25%; position:relative; }
.w_topmenu_center {margin:0 ; padding:0 0 0 0; float: left; text-align:center; width:65%; color:#000000; position:relative  }
.w_topmenu_center_p {margin:0 ; padding:0 0 0 0; float: left; text-align:center; width:51%; color:#000000; position:relative  }
.w_topmenu_right {margin:0; padding:0 0 0 0; text-align:right;  position:absolute; right:11px; }

/* 검색영역 */
#w_search_wrap { clear:both; margin:0; overflow:hidden;background:#33afe9;padding:0 11px; height:45px; position:relative; }
.w_search_box {border:1px solid #2ba1d9; background:#FFFFFF; height:35px}
.w_search_left { float:left; width:75%;/*width:92%;*/}
.w_search_left2 { float:left; width:65%;/*width:92%;*/}
.w_search_left_in { padding:1px 0 1px 5px; }
.w_search_right { float:right; text-align:right;width:24%;/*width:7%;*/ }
.w_search_right2 { float:right; text-align:right;width:34%;/*width:7%;*/ }
.w_search_input { border:0; height:33px; font-size:1.2em; color:#000000; float:left; width:100%;overflow:hidden;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;} 
.w_search_spc { margin-right:13px; }
.w_search_barcode {position:absolute; right:11px; top:8px }


/* 헤더 메뉴 */
.top_navgation {clear:both; overflow:hidden; background:#FFFFFF; }
.nav_u {display: table;padding: 2px 15px 0 11px;  height: 36px;overflow:hidden; }
.nav_u2 {display: table;padding: 2px 15px 0 6px;  height: 36px;overflow:hidden; }
.nav_u3 {display: table;padding: 5px 15px 0 6px;  height: 36px;overflow:hidden;}
.nav_u3_l{overflow:hidden; width:84%; float:left ;}
.nav_u3_r {height: 36px; width:14%; float:right; padding:}
a.nav_u3_a{color:#cbced0; font-size:2em; letter-spacing:-0.6em; padding:5px; display:block; padding-top:12px}
.nav_u4{ padding:3px 0 7px 0}
.nav_u4 ul{ width:95%; margin:0 auto; padding:10px 0 10px 0; }
.nav_u4 ul li{ float:left; display:block; overflow:hidden; padding:0 0 5px 11px; line-height:1.2em}
.nav_u4 ul .li1{ width:30%;}
.nav_u4 ul .li2{ width:35%;}
.nav_u4 ul .li3{ width:23%;}
.nav_u4 a{ font-weight:bold; font-size:1em}
.nav_u4 .on{ color:#33afe9}
.nav_u4 .gray_t{ font-size:0.85em; color:#999;}
.nav_u4_close{ background:#f7f7f9; border-top:1px solid #eeeff1;border-bottom:1px solid #CDCDCD; padding:5px 10px}
.nav_u4_close a{ width:98%; text-align:right; display:block; font-size:0.9em; color:#777}
.nav_l { display: table-cell; vertical-align:middle;padding-right:5px; padding-left:5px;text-align:center;white-space:nowrap; height: 38px; border-bottom: 3px solid #fff;} /*padding-right:3px; padding-left:7px;*/
.nav_lon  { border-bottom: 3px solid #33afe9;color: #000 !important;height: 38px;}
.nav_a {  display: inline-block;  color: #000!important; font-size:1em  /*text-shadow: 0 -1px 1px rgba(255,255,255,.7);*/ }
.nav_a { position: relative;}
.nav_l2 { display: table-cell; vertical-align:middle;padding-right:5px; padding-left:5px;text-align:center;white-space:nowrap;  height: 38px;border-bottom: 3px solid #fff;letter-spacing:-1px}/*padding-right:3px; padding-left:7px;*/
.nav_lon2  { border-bottom: 3px solid #33afe9;color: #33afe9 !important;font-size:1em ; letter-spacing:-1px}
.nav_a2 {  display: inline-block;  color: #33afe9 !important;  /*text-shadow: 0 -1px 1px rgba(255,255,255,.7);*/ }
.nav_a2 { position: relative;}
.nav_l3 { display: table-cell; vertical-align:middle;padding-right:7px; padding-left:7px;text-align:center;white-space:nowrap; line-height:1.1em; height:45px;border-bottom: 3px solid #fff color:#333}/*padding-right:3px; padding-left:7px;*/
.nav_lon3  { border-bottom: 3px solid #33afe9;color:#33afe9 !important; letter-spacing:-1px}
.nav_a3 {  display: inline-block;  color:#33afe9 !important;  /*text-shadow: 0 -1px 1px rgba(255,255,255,.7);*/ }
.nav_a3 { position: relative;}
.nav_a_S{ font-size:0.8em; font-weight:normal}


/*푸터*/
.w_footer_wrap { clear:both; background:#33afe9; border-bottom:1px solid #2ba1d9;border-top:1px solid #2ba1d9; height:55px; text-align:center; overflow:hidden;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_footer_u { margin:0 auto; }
.w_footer_u a:link { color:#FFFFFF!important; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}
.w_footer_u a:visited { color:#FFFFFF!important; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}

.w_footer_L1 { float:left; width:16%;  line-height:1em; }
.w_footer_L2 { float:left; width:17%;  line-height:1em; }
.w_footer_L3 { float:left; width:18%; line-height:1em; }

.w_footer_u2 { display:table; width:100%;}
.w_footer_u2>li .w_footer_L4 { float:left; line-height:1em; width:20%;}
.w_footer_u2 a:link { color:#FFFFFF!important; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}
.w_footer_u2 a:visited { color:#FFFFFF!important; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}

.w_footer_u3 { display:table; width:100%;}
.w_footer_u3>li .w_footer_L4 { float:left; line-height:1em; width:16.6%;}
.w_footer_u3 a:link { color:#FFFFFF!important; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}
.w_footer_u3 a:visited { color:#FFFFFF!important; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}

.w_footer_end {clear:both; text-align:center; padding-top:15px;/*font-size:0.85em;*/font-size:13px; letter-spacing:0px; color:#666666; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.w_footer_end a:link {color:#454545!important;}
.w_footer_end a:visited {color:#454545!important;}
.w_footer_end2 {clear:both; text-align:center; padding:10px 0 20px 0;/*font-size:0.80em;*/font-size:12px; letter-spacing:0px; color:#666666; line-height:1.5em; overflow:hidden;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_footer_end2 a:link {color:#666666!important;}
.w_footer_end2 a:visited {color:#666666!important;}



/* 헤더 알림 표시 */
.layer_alram1 {background:#ff0000; border-radius:20px; width:20px; height:20px;  text-align:center; float:left;  position:absolute; margin:0 0 0 18px; z-index:3px; color:#FFFFFF; /*font-size:0.75em;*/font-size:12px;  letter-spacing:-1px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.layer_alram1 a { color:#FFFFFF!important; display:block; }
.layer_alram1 a:visited { color:#FFFFFF!important;}

.layer_alram1_p {background:#ff0000; border-radius:20px; width:20px; height:20px;  text-align:center; float:left;  position:absolute; margin:0 0 0 50px; z-index:3px; color:#FFFFFF; /*font-size:0.75em;*/font-size:12px;  letter-spacing:-1px; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.layer_alram1_p a { color:#FFFFFF!important; display:block; }
.layer_alram1_p a:visited { color:#FFFFFF!important;}

.layer_alram2 {background:#ff0000; border-radius:20px; width:20px; height:20px;  text-align:center; position:absolute;right:0; margin:0 20px 0 0; z-index:3px; color:#FFFFFF; /*font-size:0.75em;*/font-size:12px;   letter-spacing:-1px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.layer_alram2 a { color:#FFFFFF!important; display:block; }
.layer_alram2 a:visited { color:#FFFFFF!important;}

.layer_alram3 {background:#ff0000; border-radius:20px; width:20px; height:19px;  text-align:center;  z-index:3px; color:#FFFFFF; font-size:0.85em;  letter-spacing:-1px; padding-top:1px; margin-left:1px;marign-bottom:4px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.layer_alram3 a { color:#FFFFFF!important; display:block; }
.layer_alram3 a:visited { color:#FFFFFF!important;}

.layer_alram4 {background:#ff0000; border-radius:20px; width:20px; height:20px;  text-align:center; position:absolute;right:0; margin:0 24px 0 0; z-index:3px; color:#FFFFFF; /*font-size:0.75em;*/font-size:12px;  letter-spacing:-1px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;  }
.layer_alram4 a { color:#FFFFFF!important; display:block; }/*설정아이콘이 없어질 경우 margin:0 24px 0 0으로 해줘야 해요. 설정 있는 경우는 68px */
.layer_alram4 a:visited { color:#FFFFFF!important;}


/*버튼*/
.w_btn1 { background:#fff; border:1px solid #248cbd; border-radius:2px; display:inline-block; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.w_btn1 a { padding:5px; /*font-size:0.85em*/font-size:13px;color:#000000!important }
.w_btn1 a:visited { color:#000000!important }

/* 자동완성 레이어*/
.w_autowordwrap { clear:both; overflow:hidden; background:#FFFFFF; border-bottom:1px solid #CCCCCC; }
.w_autowordwrap ul { margin:5px 10px;  }
.w_autowordwrap li { border-bottom:1px solid #f3f3f3;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0; font-size:15px; }/*나중에 font-family,letter-spacing,font-size 지워야함*/
.w_autowordwrap li a {display:block; padding:8px; }
.w_autowordwrap a:visited { color:#000000!important }
.w_autoword_btn {text-align:right;padding:2px 8px 8px 8px; }
.w_autoword_btn a { color:#999999!important;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;letter-spacing:0;}/*나중에 font-family,letter-spacing 지워야함*/
.w_autoword_btn a:visited {color:#999999!important;}

/*레이어-전체보기*/
.w_trans_out { /*background:url(http://image.aladin.co.kr/img/welcome/m/layer_bg1.png) repeat;*/  position:relative;overflow:auto;  background: rgba(0,0,0,.8);}
.w_trans_in { float:left;width:280px;height:110%;min-height:700px;background:#FFFFFF;overflow:auto; font-size:1.02em;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_trans_close { float:left; position:absolute; left:290px; top:0; }

.w_trans_header {background:#33afe9; overflow:hidden; margin-bottom:2px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

.w_trans_L1 { float:left; padding:11px 0 11px 10px; color:#FFFFFF;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0; font-size:15px; }/*나중에 font-family,letter-spacing,font-size 지워야함*/
.w_trans_L2 { float:right; text-align:right; padding:11px 0 8px 0;color:#FFFFFF; position:relative;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

.w_trans_L3 { clear:both;border-top:1px solid #f1f1f1;background:#33afe9; overflow:hidden;}
.w_trans_L3 li { float:left; display:inline; width:33%;border-right:1px solid #f1f1f1; text-align:center;color:#FFFFFF ; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0; font-size:15px; }/*나중에 font-family,letter-spacing,font-size 지워야함*/
.w_trans_L3 li.end { float:left; display:inline; width:33%;border-right:0px solid #FFFFFF;  text-align:center;color:#FFFFFF  }
.w_trans_L3 li a { display:block; padding:11px 0 10px 0; color:#FFFFFF !important}
.w_trans_L3 li a:visited {color:#FFFFFF!important }

.w_trans_L4 { clear:both; background:#f1f1f1; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;overflow:hidden; margin:2px 0 8px 0;}
.w_trans_L4 li { float:left; width:33%; border-right:1px solid #dbdbdb; text-align:center; padding:8px 0;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.w_trans_L4 li.end {border-right:0px solid #b2b2b2; }
.w_trans_L4 li a { /*font-size:0.9em;*/ font-size:13px; color:#181818!important}
.w_trans_L4 li a:visited { color:#181818!important }

.w_trans_L5 { clear:both; background:#69cbf9; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;overflow:hidden; margin:2px 0 8px 0;}
.w_trans_L5 li { float:left; width:33%; border-right:1px solid #dbdbdb; text-align:center; padding:8px 0;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_trans_L5 li.end {border-right:0px solid #b2b2b2; }
.w_trans_L5 li a { /*font-size:0.9em;*/ font-size:13px; color:#181818!important}
.w_trans_L5 li a:visited { color:#181818!important }


.w_trans_category ul { clear:both; overflow:hidden; }
.w_trans_category li { border-bottom:1px solid #f3f3f3; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;letter-spacing:0; font-size:15px; }/*나중에 font-family,letter-spacing,font-size 지워야함*/
.w_trans_category li a {display:block; padding:10px; color:#000}
.w_trans_category li a:visited { color:#000000!important }
.w_trans_category li.end {border-bottom:0px solid #f3f3f3; }

.w_trans_category1 ul { clear:both; overflow:hidden; }
.w_trans_category1 li { float:left; width:49%;border-bottom:1px solid #f3f3f3; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0; font-size:15px; }/*나중에 font-family,letter-spacing,font-size 지워야함*/
.w_trans_category1 li a {display:block; padding:10px; color:#000}
.w_trans_category1 li a:visited { color:#000000!important }
.w_trans_category1 li.end {border-bottom:0px solid #f3f3f3; }

.w_trans_category2 ul { clear:both; overflow:hidden; }
.w_trans_category2 li { float:left; width:49%; display:inline; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; letter-spacing:0; font-size:15px; }/*나중에 font-family,letter-spacing,font-size 지워야함*/
.w_trans_category2 li a {display:block; padding:8px;color:#000000  }
.w_trans_category2 li a:visited { color:#000000!important }

.w_L_box1 { float:left;padding:11px 0 11px 20px; color:#FFFFFF;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_L_box2 { float:right; text-align:right;padding:11px 12px 11px 0;color:#FFFFFF; position:relative; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_L_box3 { clear:both; border-top:1px solid #f1f1f1;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }

.w_off_layerwrap { border:1px solid #e5e5e5; width:100%; margin:0 auto; display:table; /*border-radius:3px;box-shadow: 0 1px 2px #e0e0e0;*/ background:#FFFFFF; position:relative; height:385px}
.w_off_layer { clear:both; margin-top:45px;  float:left; width:100%; border-bottom:3px solid #ed145b; margin-bottom:5px; }
.w_off_layer>li { clear:both; padding:0; float:left; width:100%; }
.w_off_layer>li div { float:left; text-align:center; margin-right:1px; font-weight:bold }
.w_off_layer>li div.menu_on { float:left;padding:0; width:32.6%;background:#ed145b}
.w_off_layer>li div.menu_on a{ display:block; padding:10px 0;  color:#FFFFFF }
.w_off_layer>li div.menu_off { float:left;padding:0; width:33%;  }
.w_off_layer>li div.menu_off a{ display:block; padding:10px 0; color:#FFFFFF; background:#9d9d9d  }

.w_off_layer2 { clear:both;float:left; width:100%; border-bottom:3px solid #ed145b; margin-bottom:5px; }
.w_off_layer2>li { clear:both; padding:0; float:left; width:100%; }
.w_off_layer2>li div { float:left; text-align:center; margin-right:1px; font-weight:bold }
.w_off_layer2>li div.menu_on { float:left;padding:0; width:32.6%;background:#ed145b}
.w_off_layer2>li div.menu_on a{ display:block; padding:10px 0;  color:#FFFFFF }
.w_off_layer2>li div.menu_off { float:left;padding:0; width:33%;  }
.w_off_layer2>li div.menu_off a{ display:block; padding:10px 0; color:#FFFFFF; background:#9d9d9d  }

.w_off_layer_in { margin:0 12px;background:#FFFFFF; }
.w_off_layer_close { position:absolute; right:0.6em; top:0.6em; }
.w_off_table { clear:both; background:#FFFFFF; display:table;border-collapse:collapse; }
.w_off_table td { height:44px; border:1px solid #f2f2f2;display:table-cell; letter-spacing:0; padding:10px 5px 0 5px; vertical-align:top }
.w_off_table td a { color:#333333; line-height:1.2 }

/*알람*/
.w_alram { clear:both; border-bottom:1px solid #CCCCCC; background:url(http://image.aladin.co.kr/img/welcome/m/icon_bell3.png) no-repeat 0 3px;background-color:#dedede;  background-size:33px 36px ;overflow:hidden; position:relative;}
.w_alram_t {float:left; padding:3px 0 10px 32px;  overflow:hidden; letter-spacing:-1px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_alram_btn {width:30px;padding:4px 0 0 0; float:right;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.w_alram_btn2 {padding:0; float:right;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.w_alram_u {clear:both; margin:0 10px;}
.w_alram_L {border-top:1px solid #CCCCCC; padding:11px 0 10px 22px; letter-spacing:-1px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

.w_alram2 { clear:both; padding:8px 0; }
.w_alram2 h3 { font-weight:normal; font-size:1.1em;display:inline-block; margin-right:11px;padding-top:7px; line-height:120%; padding-left:11px; }
.w_alram2_btn { border:1px solid #dddddd; display:inline-block; padding:2px 5px; float:right; margin-right:11px; }
.w_alram2_btn a { font-size:0.85em }
.w_alram2 ul { clear:both; border-top:1px solid #f4f4f4; margin-top:10px;}
.w_alram2 ul li {}
.f_g11 { color:#999999}
.w_alram2_inline { border-bottom:1px solid #f4f4f4;padding:8px 11px; overflow:hidden}
.w_alram2_w1 { width: 90%; float:left;}
.w_alram2_btn2 {float:right; padding:4px 0 0 0 }

/*주석처리한 부분 font-size는 전체 페이지가 em으로 되면 복원해야하고, 나중에 font-family,letter-spacing,font-size 지워야한느 부분 체크해야함 */


.w_alram_t a:link { color:#000000; }
.w_alram_t a:visited { color:#000000; }
.w_alram_t a:hover { color:#000000; }

.w_alram_L a:link { color:#000000; }
.w_alram_L a:visited { color:#000000; }
.w_alram_L a:hover { color:#000000; }

a.white01:link { color:#fff; }
a.white01:visited { color:#fff!important; }
a.white01:hover { color:#fff;}

a.black01:link { color:#333; }
a.black01:visited { color:#333!important; }
a.black01:hover { color:#333;}


/*1줄 스왑*/
.today-special              {position: relative;width: 100%;}
.today-special .slidings	{margin: 0;}/*원래 0 15px였음*/
.today-special:after		{content: ""; display: block; position: absolute; top: 60px; left: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto}
.today-special:before		{content: ""; display: block; position: absolute; top: 60px; right: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;}
.slidings					{position: relative; overflow: hidden;}
.slidings .wrap:after		{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
/*2줄 스왑*/
.today-special2             {position: relative;width: 100%;}
.today-special2 .slidings2	{margin: 0 ;}/*원래 0 15px였음*/
.today-special2:after		{content: ""; display: block; position: absolute; top: 165px; left: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto}
.today-special2:before		{content: ""; display: block; position: absolute; top: 165px; right: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;}
.slidings2					{position: relative; overflow: hidden;}
.slidings2 .wrap:after		{content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

.list-goods {-moz-box-sizing: border-box;}
.list-goods .simple .middle > li {width: 33%;}

/*스왑 페이징*/
.paging {clear: both;height: 24px;margin: 0 auto 0 auto;position: relative;text-align: center;width: 130px;}

.paging a.selected {background: none repeat scroll 0 0 #33afe9;border: 1px solid #33afe9;}
.paging a {background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #E2E4E9;border-radius: 4px;display: inline-block;height: 6px;margin: 2px;overflow: hidden;width: 6px;line-height: 6px;vertical-align: bottom;}

/*스왑 페이징2*/
.paging2 {clear: both;height: 20px;margin: 0 auto 0 auto;position:absolute; bottom:0;text-align: center;width: 100%; z-index:55}

.paging2 a.selected {background: none repeat scroll 0 0 #33afe9;border: 1px solid #33afe9;}
.paging2 a {background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #E2E4E9; border-radius: 4px;display: inline-block;height: 6px;margin: 2px;overflow: hidden;width: 6px;line-height: 6px;vertical-align: bottom;}

/*새로 추가 20160128*/
.k_fL { float:left; }
.k_fr { float:right; }


/*오프매장용 검색 20160128추가*/
.w_search_left_in_off1 { float:left; width:32%; background:url(img/off_icon_dw1.png) no-repeat right ; background-size:28px 35px ; padding:8px 0 0 5px; }
.w_search_left_in_off2 { float:left ; width:57%;color:#FFCC00;}
.w_search_input_off { border:0; height:33px; font-size:1.1em; color:#000000; float:left; width:100%;overflow:hidden;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;margin-left:5px; padding-top:2px} 

.w_search_left_in_off1 a { display:block; color:#000000 }
.off_select1_k { width:100%; background:url(http://image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;background-size:25px; border:1px solid #e0e0e0; padding:0 8px 0 8px; height:35px; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#000; letter-spacing:-1px;}
.off_select1_k2 { width:100%; background:url(http://image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;background-size:25px; border:1px solid #e0e0e0; padding:7px 0; height:20px; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#000; letter-spacing:-1px; }
.off_select1_k2 span { padding-left:8px; padding-bottom:1px;display:block }
.off_select1_k2 span a { display:block }

.w_footer_wrap2 { clear:both; background:#f2ae21; border-bottom:1px solid #ff9a00;border-top:1px solid #ff9a00; height:55px; text-align:center; overflow:hidden; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

a.white02:link { color:#fff; font-size:1.3em; font-weight:400; padding-top:5px; display:inline-block; letter-spacing:-1px }
a.white02:visited { color:#fff!important; font-size:1.3em; font-weight:400; padding-top:5px }
a.white02:hover { color:#fff; font-size:1.3em; font-weight:400; padding-top:5px}

a.white02_2:link { color:#fff; font-size:1.2em; font-weight:400; padding-top:5px; display:inline-block; letter-spacing:-1px }
a.white02_2:visited { color:#fff!important; font-size:1.2em; font-weight:400; padding-top:5px }
a.white02_2:hover { color:#fff; font-size:1.2em; font-weight:400; padding-top:5px}

a.white03:link { color:#fff; padding-top:5px; display:block ;letter-spacing:-1px}
a.white03:visited { color:#fff!important;padding-top:5px }
a.white03:hover { color:#fff;padding-top:5px}

a.yellow01:link { color:#ffff00; padding-top:5px; display:block }
a.yellow01:visited { color:#ffff00!important;padding-top:5px }
a.yellow01:hover { color:#ffff00;padding-top:5px}

.line1px_gr { clear:both; border-bottom:1px solid #e0e0e0; }

.blind1 {font-size:0; line-height:0;}

.p_off_table { }
.p_off_table td {  text-align:left ;padding:8px 0 2px 10px;}
.p_off_th1 { font-weight:normal; background:#f6f6f6; border-top:1px solid #b6b6b6; border-left:1px solid #b6b6b6;border-bottom:1px solid #b6b6b6;padding:5px 0 5px 10px;text-align:left  }
.p_off_th2 { font-weight:normal; background:#f6f6f6; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6;text-align:left;padding:5px 0 5px 10px;}
.p_off_th3 { font-weight:normal; background:#f6f6f6; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6;border-right:1px solid #b6b6b6;text-align:left;padding:5px 0 5px 10px;}

.w_rang {/*순위*/position: absolute;top: 0; width:22px; height:21px; color:#FFFFFF; text-align:center; background:rgba(242,30,141,.8);z-index:2; padding-top:1px;}

/*mbasic_v1용 가져온 거 :절대 수정 금지*/
.mp_book_btn7 {display:inline-block; text-align:center; background:#fff; border:1px solid #c7c7c7; border-radius:1px; font-size:0.9rem; font-weight:normal  }/*단독버튼:글자에 맞춰짐*/
.mp_book_btn7 a:link { color:#383838!important; padding:2px 6px;display:block }
.mp_book_btn7 a:visited { color:#383838;  }


/* 160711 중고매장 */
.off_select1_k1 { width:89%; background:url(http://image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;background-size:25px; border:1px solid #e0e0e0; padding:5px 5% 0 5%; height:30px; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#000; letter-spacing:-1px;}

.t_buy_notoce {font-size:0.8em; color:#13b6b6 }
.t_buy_notoce2 {color:#13b6b6;  line-height:130%; display:block; padding-top:5px}

/*수서지원 헤더*/
.w_library_logo {margin:0 ; padding:0; text-align:center; width:95%; color:#ffffff; font-size:1.2em; line-height:1.8em;}

/*배너*/
.banner_wrap {clear:both; position:relative;}
.banner_btn_L { position:absolute; left:0;height:120px;display:table; width:50px; text-align:left;}
.banner_btn_L a {display:block; display:table-cell; vertical-align:middle }
.banner_btn_R { position:absolute; right:0;height:120px; display:table; width:50px; text-align:right}
.banner_btn_R a { display:block; display:table-cell; vertical-align:middle }
.banner_center { text-align:center; }

.btn_large {clear:both;border:1px solid #e8e8e8; border-radius:1px ; background:#FFFFFF; text-align:center; width:80px; margin:8px auto 0 auto}
.btn_large a { color:#333333!important; font-size:0.85rem; display:block}

.btn_optionwrap { position:absolute; top:7px; right:13px; border:1px solid #cecece;display:inline-block;padding:3px 10px 1px 10px;   }
.btn_optionwrap a {color:#33afe9!important }

.pg_num_wrap { clear:both; text-align:center; background:#FFFFFF; padding:10px 0}
.pg_num_wrap li { display:inline; }
.pg_num_on { border:1px solid #33afe9; color:#33afe9; padding:3px 10px 1px 10px; display:inline-block; margin:0 1px }
.pg_num_on a {color:#33afe9!important }

.pg_num_off { border:1px solid #c7c7c7; color:#33afe9; padding:3px 10px 1px 10px;display:inline-block ; margin:0 1px  }
.pg_num_off a {color:#333!important}

.pg_num_next {display:inline-block;margin:0 1px ;}
.pg_num_next a { }

.browse_list_box_t { clear:both;padding:10px 12px; border-bottom:1px solid #e8e8e8; background:#FFFFFF; position:relative }

.layer_option_k_wrap { width:202px; position:absolute; top:172px;right:13px;z-index:15; }
.layer_option_k {width:200px; position:absolute; top:16px;border:1px solid #c7c7c7; background:#FFFFFF;box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);}
.layer_option_k_icon { position:absolute; right:7px; top:7px;}
.layer_option_k_icon2 { position:absolute; right:6px; z-index:14}
.layer_option_k_t { padding:8px 7px; position:relative }
.layer_option_k_all {background: url(http://image.aladin.co.kr/img/shop/m/btn_up.png) no-repeat top right;background-size:16px 16px; background-position:93% 20% ; border-bottom:1px solid #e8e8e8; padding:7px 7px;border-top:1px solid #e8e8e8; font-size:1em }
.layer_option_k_all a { color:#333333; display:block;}
.layer_option_k_short {background: url(http://image.aladin.co.kr/img/shop/m/btn_more.png) no-repeat top right;background-size:16px 16px;background-position:93% 40%;padding:7px 7px;border-top:1px solid #e8e8e8; font-size:1em }
.layer_option_k_short a {color:#333333; display:block; }
.layer_option_k_in { background:#f5f5f5; padding:10px;}
.layer_option_k_in li { padding:4px 0; position:relative; }
.layer_option_k_c { position:absolute; right:0; top:0}


/*mbasic_v1에 있는 거 공통사용하기 위해 옮겨옴 :절대 수정 금지*/
.mg_right0_1 { margin-right:2px; }
.mg_left0_1 { margin-left:2px; }
.s_list_yel_n4 {   vertical-align:middle;border-radius:0px;font-size: 14px; line-height: 1.77em;border-spacing: 0;width:100%; background:url(http://image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;background-size:25px; border:1px solid #c7c7c7; padding:0 8px 0 8px; height:34px; -webkit-appearance: listbox; border-radius:0px;  color:#333; letter-spacing:-1px; border-radius:1px}
		
.s_list_yel_n4_off {    vertical-align:middle; border-radius:0px;font-size: 14px;line-height: 1.77em;border-spacing: 0;width:100%; background:url(http://image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff;background-size:25px; border:1px solid #c7c7c7; padding:0 8px 0 8px; height:34px; -webkit-appearance: listbox; border-radius:0px;  color:#999999; letter-spacing:-1px; border-radius:1px}

.browse_list_box_n { clear:both;padding:10px 12px; border-bottom:1px solid #e8e8e8; background:#FFFFFF }

.b_book_t3 { font-size:1.05em; color:#333; line-height:14px; text-decoration:none; font-weight:bold; }
.b_list2_n { margin:5px 0; list-style:none; line-height:20px; letter-spacing:0px; }
.b_list2_n li {padding: 0;color:#777; line-height:150%}

/*분야, P페이지 광고구 추가 Gootooc*/
.title-porm3 { color:#d84e7d; line-height:1.3em !important;padding-bottom:5px; }
.title-porm3 a:link { color:#d84e7d; text-decoration:none; }
.title-porm3 a:visited { color:#d84e7d; text-decoration:none; }
.title-porm3 a:active { color:#d84e7d; text-decoration:none; }
.title-porm3 a:hover { color:#d84e7d; text-decoration:none; }

/*welcome_v1에 있는 거 공통사용하기 위해 옮겨옴 :절대 수정 금지*/
.book_L2 {float:left; width:33.3%; text-align:center; position:relative;}
.book_L4 {float:left; width:50%; text-align:center; position:relative; }
.box_theme3 {clear:both; padding:11px; overflow:hidden  }
.w_body_bg {background-color: #f5f5f5 }
.book_nozzle { clear:both; border-top:1px solid #e8e8e8; padding:8px 11px 8px 0; text-align:right; }/*글자 확대 축소 */
.book_nozzle img { width:38px;}

/* 온라인중고 중고거래 섹션 추가 관련 css */
.w_trans_L5 { clear:both; background:#fff; overflow:hidden; margin:0px;}
.w_trans_L5 li { float:left; width:33%; border-right:1px solid #dbdbdb; text-align:center; padding:0px;font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; line-height:130%;}
.w_trans_L5 li.end {border-right:0px solid #b2b2b2; }
.w_trans_L5 li a { font-size:1em; color:#181818!important}
.w_trans_L5 li a:visited { color:#181818!important }


/* 앱 다운로드 배너 */
.app_banner_wrap {background-color:#f2f2f2; padding:8px 0;}
.app_banner_wrap .bn_close {float:left;}
.app_banner_wrap .bn_logo {float:left; padding-top:5px;}
.app_banner_wrap .bn_text {float:left; padding-left:10px; padding-top:9px;}
.app_banner_wrap .bn_text .tt1 {font-size:1.0em; font-weight:bold; line-height:1.2em;}
.app_banner_wrap .bn_text .tt2 {font-size:0.9em;}
.app_banner_wrap .bn_btn {float:right; padding:10px 10px 0 0;}
.app_banner_wrap .bn_btn .app_btn {display:block; color:#FF3399; padding:5px 5px 4px 5px; border:1px #FF3399 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.w_trans_foot { clear:both; padding:20px 0; }

/**/
.com_wrapinput { clear:both;border:1px solid #c7c7c7;overflow:hidden }
.com_input { float:left; width:95%;  border:0; color:#000; padding:8px 7px 8px 8px; letter-spacing:-1px; margin-right:5px; text-align:left;}
.com_layer_btnwrap {clear:both; padding-top:0.6em;overflow:hidden; }
.com_layer_btnwrap ul { width:100%; margin:0 auto; }
.com_layer_btnwrap li { float:left; width:48.5%; display:inline; overflow:hidden;  }
.com_greenbox {background:#e3f3de; padding:15px; margin-bottom:10px; font-size:0.95em }



/* 20171211_달려라책 */
.book_wap{border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; padding:8px 0 8px 8px;  }
.book2017 { float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:15px; color:#333  }
.book2017 a{ float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:15px;color:#333  }

.book_run { float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:17px; font-weight:700; color:#0089ff;  }
.book_run a{ float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:17px; font-weight:700; color:#0089ff;  }
.book_run a:hover{ float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:17px; font-weight:700; color:#0089ff;  }
.book_run a:active{ float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:17px; font-weight:700; color:#0089ff;  }
.book_run a:visited{ float:left; width:80%; display:inline;  font-family:'굴림',Gulim,'나눔고딕',NanumGothic,'돋움',Dotum,'Segoe WPC','Segoe UI','Apple SD Gothic Neo','Helvetica','AppleGothic','Sans-serif'; letter-spacing:0; font-size:17px; font-weight:700; color:#0089ff;  }
.book_go{ width:20%;  }

/*배너 추가*/
.banner_main_m1{text-align:center;}
.banner_wrap_m1 {clear:both; position:relative;padding-bottom:15px; background:url(http://image.aladin.co.kr/img/ad/banner/2017/20171215_shift_bg1.jpg) repeat-x;}
.banner_btn_L_m1 { position:absolute; left:0;height:120px;display:table; width:50px; text-align:left;}
.banner_btn_L_m1 a {display:block; display:table-cell; vertical-align:middle }
.banner_btn_R_m1 { position:absolute; right:0;height:120px; display:table; width:50px; text-align:right}
.banner_btn_R_m1 a { display:block; display:table-cell; vertical-align:middle }

.banner_main_m2{text-align:center;}
.banner_wrap_m2 {clear:both; position:relative;padding-bottom:15px; background:url(http://image.aladin.co.kr/img/ad/banner/2017/20171215_shift_bg1.jpg) repeat-x;}
.banner_btn_L_m2 { position:absolute; left:0;height:90px;display:table; width:50px; text-align:left;}
.banner_btn_L_m2 a {display:block; display:table-cell; vertical-align:middle }
.banner_btn_R_m2 { position:absolute; right:0;height:90px; display:table; width:50px; text-align:right}
.banner_btn_R_m2 a { display:block; display:table-cell; vertical-align:middle }

/*2018 마니아 배너 추가*/
.w_trans_banner100{border-bottom:1px solid #dbdbdb; background:#f1f1f1; width:100%;border-top:1px solid #dbdbdb;}
.w_trans_banner100 .left100{text-align:right; width:50%; float:left; }
.w_trans_banner100 .right100{text-align:right; width:50%; float:left; background:#dbdbdb;}

.w_trans_banner1{border-bottom:1px solid #dbdbdb; background:#f1f1f1; width:100%;border-top:1px solid #dbdbdb; float:left}
.w_trans_banner1 .left1{text-align:right; width:50%; float:left; }
.w_trans_banner1 .right1{text-align:right; width:50%; float:left; background:#dbdbdb;}
/*
.space0 { clear: both; }
.space10 { clear: both; height: 5px; }
*/
.w_foot_space { height:70px; }


/*새상품 검색 버튼 추가*/
.btn_large2 {clear:both;border:1px solid #e8e8e8; border-radius:1px ; background:#FFFFFF; text-align:center; width:80px; margin:4px auto 0 auto}
.btn_large2 a { color:#33afe9!important; font-size:0.85rem; display:block}

/*새상품 검색 리스트*/
.search_new_list{ width:100%; overflow:hidden; padding:15px 0px; background:#f6f6f6; border-bottom:1px solid #ececec}
.search_new_list ul{padding:0; margin:0; width:700px}
.search_new_list ul li{ float:left; width:135px; text-align:center}
.search_new_list .img_size{ width:110px; height:110px; overflow:hidden; margin:0 auto 5px auto}
.search_new_list .img_size img{ width:110px}
.search_new_list .text1{ text-align:center; width:85%; margin:0 auto}
.search_new_list .title{padding:0 0 10px 10px; font-weight:bold; font-size:1.1em}