@import url('https://fonts.googleapis.com/css?family=Roboto:300i');

*{margin:0; padding:0;box-sizing:border-box;letter-spacing:-0.04em; }
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {}
div {display:block;}


/* 공통 */
#popup {width:500px; height:auto; text-align:center; /*margin:auto;*/ background-color:#fff;}

#popup .tab_content_1 {padding:0; width:500px;}
#popup .tab_content_1 img {width: 100%;}


/* Tabs */
#popup ul.top_tabs { width:100%; height:40px; }
#popup ul.top_tabs li { text-align:center; display:inline-block; line-height:40px; float:left; font-family: 'Roboto', sans-serif; }
#popup ul.top_tabs.t8 li {width:12.5%;}
#popup ul.top_tabs.t7 li {width:14.28%;}
#popup ul.top_tabs.t6 li {width:16.66%;}
#popup ul.top_tabs.t5 li {width:20%;}
#popup ul.top_tabs.t4 li {width:25%;}
#popup ul.top_tabs.t3 li {width:33.33%;}
#popup ul.top_tabs.t2 li {width:50%;}
#popup ul.top_tabs li.tabs-item a {	display:block; letter-spacing:-1px;	font-size:14.5px; border-radius:10px 10px 0 0;background:#fff; color:#555 }

/* Hovered Tab */
#popup li.tabs-item a:hover, #popup li.tabs-item a:active {	background:#048a49 !important; color:#fff !important;}

/* Active Tab */
#popup li.ui-tabs-selected a, #popup li.ui-tabs-selected a:hover, #popup li.ui-tabs-selected a:active { background:#048a49 !important; color:#fff !important;}

/* Content Panels */
#popup .ui-tabs-hide {	display:none;}
#popup .btn_get_started {	float:left;	height:30px;	width:99px;	text-indent:-9999em;	margin-right:7px; 	overflow:hidden; 	background:transparent url(../170602/html/images/getstarted.gif) no-repeat}


