/* ÅǸ޴º µðÀÚÀÎ */
ul.tabs {border-bottom:1px solid #000; font-size: 0; margin:0; text-align: left;}
ul.tabs li {display:inline-block; margin: 0; margin-right:3px;}
ul.tabs li a {font-size: 14px; font-weight: 400; text-decoration: none; position: relative; padding:10px 40px; color:#999; border:1px solid #CCC; border-bottom-color:#000; display: inline-block; margin-bottom:-1px;}
ul.tabs li a:visited {color: #000;}
ul.tabs li a:hover {background:#FFF; color:#000;}
ul.tabs li.selected a, ul.tabs li.selected a:hover {position:relative; color:#000; font-weight:500; border:1px solid #000; border-bottom-color:white;}
ul.tabs li.selected a:hover {text-decoration: none;}
div.tabcontents {padding:60px 0;}

@media all and (max-width: 1024px) {
div.tabcontents {padding:50px 0;}
}

@media all and (max-width: 768px) {
div.tabcontents {padding:30px 0;}
/* ÅǸ޴º µðÀÚÀÎ */
ul.tabs {border-bottom:0;}
ul.tabs li {margin-right:1px;}
ul.tabs li a {width:100%; display:inline-block; font-size:12px; padding:3px 10px; border-bottom-color:#CCC;}
ul.tabs li.selected a, ul.tabs li.selected a:hover {border-bottom-color:#000;}
}


/* ÅǸ޴º µðÀÚÀÎ */
ul.tabs-in {font-size: 0; margin:0; text-align: left;}
ul.tabs-in li {display:inline-block; margin: 0; position:relative;}
ul.tabs-in li a {font-size: 14px; font-weight: 400; text-decoration: none; position: relative; padding:0px 20px; color:#999; display: inline-block; margin-bottom:-1px;}
ul.tabs-in li:first-child a {padding-left:0;}
ul.tabs-in li:last-child a {padding-right:0;}
ul.tabs-in li:after {content:''; display:inline-block; width:1px; height:13px; background:#CCC; position:absolute; top:10px;}
ul.tabs-in li:last-child {border-right:0 !important;}
ul.tabs-in li:last-child:after {display:none;}

ul.tabs-in li a:visited {color: #000;}
ul.tabs-in li a:hover {color:#000;}
ul.tabs-in li.selected a, ul.tabs-in li.selected a:hover {position:relative; color:#000; font-weight:500;}
ul.tabs-in li.selected a:hover {text-decoration: none;}
div.tabs-in-contents {padding:15px 0;}


@media all and (max-width: 1024px) {
}


@media all and (max-width: 768px) {
div.tabs-in-contents {padding:10px 0;}
/* ÅǸ޴º µðÀÚÀÎ */
ul.tabs-in {border-bottom:0;}
ul.tabs-in li {margin-right:1px;}
ul.tabs-in li a {width:100%; display:inline-block; font-size:12px; padding:0; padding-right:13px; border-bottom-color:#CCC;}
ul.tabs-in li.selected a, ul.tabs-in li.selected a:hover {border-bottom-color:#000;}
ul.tabs-in li:after {height:10px; top:7px; margin-left:-6px;}
}