@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


html, body { font-family:"나눔고딕", NanumGothic; width:100%; }
body { -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-y:visible !important; }

button { font-family:"나눔고딕", NanumGothic;}

a { text-decoration:none; color:#242424;}
a:hover { text-decoration:none;}

a.wlink { text-decoration:none; color:#fff;}
a.wlink:hover { text-decation:none; color:#fff;}
ul li:hover { cursor:pointer;}


h1 { color:#1a85bc; font-weight:bold; font-size:1.2em;}
h3 { color:#126cc3;}

.bold { font-weight:bold;}

/*------------------------DON'T TOUCH-------------------------------*/
/*HEADER*/
/* #header { width:100%; position:fixed; top:0; z-index:1000; background:#fff;} */
#header { width:100%;  z-index:1000; background:#fff;}
#search { width:98%; margin:0 auto;}
#search li {  vertical-align:middle; padding:0.3em 0;}
#search li.first{ float:left; width:30%; text-indent:3px;}
#search li.first a > img { width:99px; height:38px;}
#search li.last { float:right; width:67%; position:relative; padding:0.4em 0; padding-right:5px; text-align:right;}
#search li.last > img { width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; right:10px; cursor:pointer;}
#search li.last > input { width:75%;}
#keysearch { font-family:"나눔고딕", NanumGothic; border:3px solid #34a0d7; width:99%; border-radius:0; background:url(/akbobada/images/smartCore/bg/bg_search.png) right top repeat-y; padding:0.5em 36px 0.5em 0;}


#search2 { width:98%; margin:0 auto;}
#search2 li {  vertical-align:middle; padding:0.3em 0;}
#search2 li.first{ float:left; width:16%; text-indent:3px;}
#search2 li.first a > img { width:44px; height:38px;}
#search2 li.last { float:right; width:82%; position:relative; padding:0.4em 0; padding-right:5px; text-align:right;}
#search2 li.last > img { width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; right:5px; cursor:pointer;}
#search2 li.last > input { width:88%; text-align:cnter;}



#gnbwrap { clear:both; width:100%; text-align:center; border-top:1px solid #1a85bc;}
#gnb { margin:0 auto; width:100%;}
#gnb li { display:inline-block; text-align:center; color:#fff; width:17.3%; cursor:pointer; padding:0.7em 0;}
#gnb li:nth-child(1), #gnb li:nth-child(2) { width:24%;}


/*FOOTER*/
#footer { width:100%;  position:fixed; bottom:0; text-align:center; z-index:1001; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-y:visible !important;}
#foot_nav { width:100%; border-top:1px solid #1a85bc;}
#foot_nav li { display:inline-block; text-align:center; font-size:0.8em; color:#fff; vertical-align:middle; width:19.2%; padding:0.7em 0;}
#foot_nav li:first-child { width:18.2%;}
#foot_nav li:nth-child(7) { width:20.2%;}
#foot_nav li:nth-child(even) { color:#d3d3d3; width:1%; padding:0.6em 0;}
#foot_nav li a, #foot_nav li a:active { color:#fff;}
#foot_nav li img { width:22px; opacity:0.8;}


#foot_nav1 { width:100%; border-top:1px solid #1a85bc;}
#foot_nav1 li { display:inline-block; text-align:center; font-size:0.8em; color:#fff; vertical-align:middle; width:19.2%; padding:0.7em 0;}
#foot_nav1 li:first-child { width:18.2%;}
#foot_nav1 li:nth-child(7) { width:20.2%;}
#foot_nav1 li:nth-child(even) { color:#d3d3d3; width:1%; padding:0.6em 0;}
#foot_nav1 li a, #foot_nav li a:active { color:#fff;}
#foot_nav1 li img { width:22px; opacity:0.8;}


/*CONTENT_FOOT*/
.contentfooter { width:100%; font-size:0.8em;}
#foot_linkwrap { width:100%; text-align:center; border-top:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f;}
#foot_link li { display:inline-block; padding:0.6em 0.6em;}
#foot_link li:nth-child(even) { padding:0.6em 0;}
#foot_link li a, #foot_link li a:active { color:#000;}
#companyinfo { background:#f7f7f7; color:#7d7d7d; padding:1.2em 0; line-height:1.2;}
#companyinfo span { display:block; font-size:0.7em; text-align:center;}
#copyright { padding:0.5em 0 5em 0;}


/*LOGIN*/
#logintitle { text-align:center;}
#loginwrap { text-align:center; margin:2em 0;}
#loginbox { border:1px solid #d3d3d3; width:90%; margin:0 auto; padding:0.7em 0;}
#loginbox li { display:inline-block; vertical-align:middle; padding:0.3em;}
#loginwrap input { display:block; width:91%; margin:0.6em auto; padding:0.7em 0; text-indent:10px;}
#btnlogin { display:block; width:91%; margin:0.6em auto; padding:0.7em 0;}
	
#loginbox li input { display:block; margin:0.5em auto;}
#loginbox button { display:block; }
#btnmember { width:91%;}
#find_id, #find_pw { width:45%; margin:0.5em auto;}


/*------------------------------------------------------------------------*/


/* .wrap { position:relative; margin-top:92px;} */
.wrap { position:relative;}
.gnb_active { font-weight:bold; text-shadow:0px 0px 2px #000;}

hr.dotline { width:91%; border:1px dashed #d3d3d3; margin:0.9em auto;}


/*LIST*/
.more_view { display:block; background:#f9f9f9; border:1px solid #d3d3d3; font-size:0.9em; text-align:center; padding:0.5em 0; margin:0.8em; cursor:pointer; box-shadow:0 0 3px #e3e3e3;}

.listwrap { width:100%; padding-bottom:10px; padding-top:5px;}
.listwrap > h4 { font-size:0.8em; padding:0.5em 0; text-indent:10px;}

.liwrap { width:85%; margin:0 auto; }

.list_p { text-align:center;}
.list_p li { display:inline-block; text-align:center; padding:0.4em 0;}
.list_p li .list_p_img { width:100%; margin:0 auto; border:1px solid #d3d3d3;}
.list_p li .list_p_img img { width:100%; margin-bottom:-3px;}
.list_p li span { display:block; width:98%; margin:5px auto; font-size:0.7em; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_p .song_name, .list_p .movie_name, .list_p .album_title { font-weight:bold; color:#1476a8;}
.list_p .song_artist { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*140529 bak*/
.list_p li > .inlinelist { border:1px solid #d3d3d3; width:97%; margin:0 auto;}
.list_p li > .inlinelist li { display:inline-block; vertical-align:top;}
.list_p li > .inlinelist li span { font-size:0.6em;}
.list_p li > .inlinelist li:nth-child(1) { width:38%; }
/* .list_p li > .inlinelist li:nth-child(1) div.thumbimg { width:56px; height:56px; overflow:hidden; margin:0 auto;} */
/* .list_p li > .inlinelist li:nth-child(1) img { width:90%; 140529 BAKmax-width:100%;} */
.list_p li > .inlinelist li:nth-child(1) div.thumbimg {width:56px; height:56px; overflow:hidden; margin:0 auto;}
.list_p li > .inlinelist li:nth-child(1) img { width:100%; height:100%; margin-bottom:-3px;}

.list_p li > .inlinelist li:nth-child(2) { width:51%; text-indent:3px; position:relative; }
.list_p li > .inlinelist li:nth-child(2) span { padding:0.1em 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.list_p li > .inlinelist li:nth-child(3) { width:10%; padding:2.2em 0; background:#f9f9f9 url(/akbobada/images/smartCore/btn/btn_right_on.png) 50% 55% no-repeat; background-size:10px 16px; border-left:1px solid #d3d3d3;}
.list_p li > .inlinelist li:nth-child(3) img { display:block; width:10px; height:16px; margin:0 auto;}

.list_p li > .inlinelist li:nth-child(2) img { width:18px; position:absolute; right:5px; bottom:-16px;}
.list_p li > .inlinelist li:nth-child(2) > span { margin:2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*-----------*/


.list_l { width:94%; margin:0 auto;}
.list_l > li { width:100%; border-bottom:1px solid #d3d3d3; padding:0.3em 0 0.2em 0; font-size:0.9em;}
.list_l > li > ul > li { display:inline-block; width:72%; text-indent:10px; vertical-align:top; }
.list_l > li > ul > li:first-child{ packground:brown; width:20%;  text-indent:0; vertical-align:middle;}
.list_l > li > ul > li:first-child img { width:100%; }
.list_l > li > ul > li:last-child img { width:99%; cursor:pointer;}
.list_l > li > ul > li:last-child { width:8%; text-indent:0; vertical-align:middle; }
.list_l > li > ul > li > span { display:block; width:98%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_l .song_title { font-weight:bold; color:#1476a8; padding-bottom:0.2em;}
.list_l .song_artist, .list_l .song_album { font-size:0.8em; padding:0.1em 0;}
.list_l .division_icon { display:block; margin-top:0.3em; }


/*140529 bak*/
.list_m { color:#545454; font-size:0.9em; margin-bottom:10px;}
.list_m > li { padding:0.7em 0; border-top:1px solid #d3d3d3; text-indent:10px;}
.list_m > li:first-child { border-top:none;}
.list_m > li:last-child { border-bottom:1px solid #d3d3d3;}
.list_m > li a { display:block;}
.list_m > li img.listicon { width:22px; vertical-align:middle; margin-right:1em;}
/*----------*/

.list_c, .list_c2 { font-size:0.8em; }
.list_c > li, .list_c2 > li { width:100%; border-bottom:1px solid #d3d3d3; padding:0.7em 0; }
.list_c li > span { display:block; text-indent:10px;}
.list_c li > ul > li, .list_c2 li > ul > li { display:inline-block; width:40%; vertical-align:middle;}
.list_c li > ul > li:nth-child(2) { width:25%;}
.list_c li > ul > li:nth-child(3){ width:15%;}
.list_c li > ul > li:nth-child(4), .list_c li > ul > li:nth-child(5) { width:10%;  text-align:center;} 
.list_c > li.total_price, .list_c2 > li.total_price { background:#f9f9f9; padding:1.2em 0; text-align:right; font-size:1.2em; font-weight:bold;}
.list_c > li.total_price p, .list_c2 > li.total_price p { width:94%; margin:0 auto;}
.list_c > li:last-child span { display:inline;}
.icon_q { color:#126cc3; border:1px solid #126cc3; padding:0.2em 0.2em 0.3em 0.2em; text-align:center; display:inline-block; border-radius:3px; margin:0 0.3em;}



.list_c2 > li:first-child, .list_c li.bar_title  { border-top:1px solid #545454; background:#f9f9f9; margin-top:0px;}
.list_c2 > li > ul > li > span { display:block;}
.list_c2 > li > ul > li:first-child { width:50%; text-indent:10px;}
.list_c2 > li > ul > li:nth-child(2) { width:30%; text-align:center;}
.list_c2 > li > ul > li:nth-child(3) { width:20%; text-align:center;}



.defilist { font-size:0.9em; text-indent:10px; border-bottom:1px solid #e8eaec; margin-top:0.8em;}
.defilist dt { border-top:1px solid #e8eaec; background:#f8f8f8; padding:0.5em 0; color:#1d94d0; font-weight:bold;}
.defilist dd { padding:0.4em 0;  border-top:1px solid #e8eaec;}
.defilist dd:nth-of-type(1) { border-bottom:1px solid #b4b4b4;}


.de_col { font-size:0.9em; text-indent:0px;}
.de_col li { display:inline-block; width:55%; text-align:center; vertical-align:middle;}
.de_col li img { width:23px; vertical-align:-4px;}
.de_col li > span { display:block; margin:0.2em 0;}
.de_col li:first-child { text-align:left; text-indent:10px;}
.de_col li:nth-child(2){ width:15%;}
.de_col li:nth-child(3), .de_col li:nth-child(4) { width:15%;}

.de_col1 { font-size:0.9em; text-indent:0px;}
.de_col1 li { display:inline-block; width:45%; text-align:center; vertical-align:middle;}
.de_col1 li img { width:23px; vertical-align:-4px;}
.de_col1 li > span { display:block; margin:0.2em 0;}
.de_col1 li:first-child { text-align:left; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.de_col1 li:nth-child(2){ width:20%;}
.de_col1 li:nth-child(3){ width:20%;}
.de_col1 li:nth-child(4){ width:10%;}

.de_col2 { font-size:0.9em; text-indent:0px;}
.de_col2 li { display:inline-block; width:45%; text-align:center; vertical-align:middle;}
.de_col2 li img { width:23px; vertical-align:-4px;}
.de_col2 li > span { display:block; margin:0.2em 0;}
.de_col2 li:first-child { text-align:left; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.de_col2 li:nth-child(2){ width:25%;}
.de_col2 li:nth-child(3){ width:15%;}
.de_col2 li:nth-child(4){ width:10%;}

.de_col3 { font-size:0.9em; text-indent:0px;}
.de_col3 li { display:inline-block; width:50%; text-align:center; vertical-align:middle;}
.de_col3 li img { width:23px; vertical-align:-4px;}
.de_col3 li > span { display:block; margin:0.2em 0;}
.de_col3 li:first-child { text-align:left; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.de_col3 li:nth-child(2){ width:20%;}
.de_col3 li:nth-child(3){ width:15%;}
.de_col3 li:nth-child(4){ width:15%;}


.de_col4 { font-size:0.9em; text-indent:0px;}
.de_col4 li { display:inline-block; width:100%; text-align:center; vertical-align:middle;}
.de_col4 li img { width:23px; vertical-align:-4px;}
.de_col4 li > span { display:block; margin:0.2em 0;}
.de_col4 li:first-child { text-align:left;   text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.de_col4 li:nth-child(2){ width:30%;}
.de_col4 li:nth-child(3){ width:10%;}
.de_col4 li:nth-child(4){ width:10%;}





.list_notice { width:100%; margin:0.8em auto; font-size:0.8em; padding:0.7em 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
.list_notice li { list-style:disc; padding:0.5em 0; width:80%; line-height:1.2em; margin:0 auto;}


/*TAB*/
.tabwrap { margin-top:-2px; font-size:0.9em; border-top:1px solid #4f4f4f; }
.tabmenu { width:100%; margin:0 auto;}
/*.tabmenu > li { display:inline-block; padding:0.6em 0; text-align:center; border-bottom:1px solid #d3d3d3; }
.tab_active { background:#fff; border-bottom:1px solid #fff !important;	 border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-weight:bold;}

*/

.tabmenu  li { display:inline-block; padding:0.7em 0; text-align:center; border-bottom:2px solid #d3d3d3;}
.tab_active { background:#fff; background:url(/akbobada/images/smartCore/bg/bg_tab_active.png) 50% bottom no-repeat; background-size:12px 8px; border-bottom:2px solid #1c86bd !important; }


.depth3 { position:absolute; background:#f3f3f3;  width:100%; text-align:center; font-weight:normal; border-bottom:1px solid #d3d3d3; padding:0.6em 0;}
.depth3 span { float:left; cursor:pointer;}
.depth3 span.on_3depth { color:#1c86bd;}


/*DIV*/
.term_condi, .noti { text-align:center;}
.noti ul { list-style:disc; width:94%; margin:0 auto;}
.noti ul li { text-align:left; line-height:1.5em;}
.noti #username, .noti #cNumber { display:inline;}


.agree_box_s { display:block; margin:0 auto; margin-top:2.5em; padding:0 0.6em; border-bottom:1px solid #d3d3d3; resize:none; scroll:auto; font-size:0.8em; text-align:left;}
.agree_box_s h3 { font-weight:bold; color:#545454; margin:0.5em 0; font-size:1em;}
.agree_box_s span { display:block; margin:0.5em 0;}
.agree_box_s p { line-height:1.2em; margin:0.7em auto; width:96%;}
.agree_box_s a { display:block; text-align:center; padding:0.4em 0; margin:0.7em auto; width:96%; border:1px solid #d3d3d3; border-radius:5px; color:#1a85bc;}
.agree { display:block; text-align:left; text-indent:10px; font-size:0.8em; padding:0.5em 0;}

.agree_box { }
.agree_header { text-align:center; width:100%; padding:0.3em 0;}
.agree_header img { width:90px;}
.agree_body { padding:0.5em; font-size:0.8em; line-height:1.1em;}


.btnpack { padding:0.7em 0; text-align:center;}
.btnpack button { width:44%;}
.btnpack span { font-size:0.8em; display:inline-block; width:98%; margin:0 auto; text-align:center;}
.btnpack span.more_view { width:44%;}

.menutitle { padding:0.2em 0; width:100%;}
.menutitle img { width:26px; height:26px; vertical-align:middle; margin-left:10px;}
.menutitle span { display:inline-block; font-weight:bold; vertical-align:middle;}


/*BUTTON*/
.btn_blue { border:1px solid #1a85bc; border-radius:5px; padding:0.5em 1em; color:#fff;}
.btn_gray { border:1px solid #c3c3c3; border-radius:5px; padding:0.5em 1em;}
.btn_right { width:19px; height:33px; border:0; background:url(/akbobada/images/smartCore/btn/btn_right_on.png) left top no-repeat;}
.btn_left { width:19px; height:33px; border:0; background:url(/akbobada/images/smartCore/btn/btn_left_on.png) left top no-repeat;}
.btn_dlt { font-size:0.7em; color:#545454; background:#f7f7f7; border:1px solid #d3d3d3; padding:0.5em 0.6em; border-radius:20px;}



/*INPUT*/
.inputstyle, select, textarea { background:#fff; border:1px solid #d3d3d3; border-radius:5px; font-family:"나눔고딕", NanumGothic; font-size:0.9em; padding:5px 0.4em; margin:0.3em 0; box-shadow:0px 0px 2px #d3d3d3;}
textarea { width:90%; height:90px; resize:none;}
.label { font-size:0.8em; color:#636363;}



/*---------------------------------COLOR----------------------------------*/

/*BG*/
.blue_gradient {
background: #34a0d7; /* Old browsers */
background: -moz-linear-gradient(top,  #34a0d7 0%, #1476a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34a0d7), color-stop(100%,#1476a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #34a0d7 0%,#1476a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #34a0d7 0%,#1476a8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #34a0d7 0%,#1476a8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #34a0d7 0%,#1476a8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34a0d7', endColorstr='#1476a8',GradientType=0 ); /* IE6-9 */
}
.gray_gradient {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.gray_gradient2 {
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.gray_gradient3 {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.dark_gradient{
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

/*TEXT*/
.lightgray { color:#7c7b7b;}
.green { color:#4eae0e;}
.blue { color:#126cc3;}
.pcolor { color:#fd4e0a;}